@box/metadata-template-editor 1.19.0

package/dist/esm/lib/components/metadata-field-configurator/messages/levels-chain-messages.js

@@ -0,0 +1,18 @@
+import { defineMessages as e } from "react-intl";
+const t = e({
+  noLevels: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.levelsChain.noLevels",
+    defaultMessage: "There are no levels to display."
+  },
+  chipSelected: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.levelsChain.chipSelected",
+    defaultMessage: "selected"
+  },
+  chipNotSelected: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.levelsChain.chipNotSelected",
+    defaultMessage: "not selected"
+  }
+});
+export {
+  t as default
+};

package/dist/esm/lib/components/metadata-field-configurator/messages/taxonomy-messages.js

@@ -0,0 +1,38 @@
+import { defineMessages as e } from "react-intl";
+const o = e({
+  callToActionHeader: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.taxonomy.callToActionHeader",
+    defaultMessage: "Choose or Create a Taxonomy"
+  },
+  callToActionSubheader: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.taxonomy.callToActionSubheader",
+    defaultMessage: "Taxonomies allow you to set dynamic, reusable options for dropdown fields."
+  },
+  allowMultipleTaxonomySelections: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.taxonomy.allowMultipleTaxonomySelections",
+    defaultMessage: "Users can pick multiple values"
+  },
+  selection: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.taxonomy.selection",
+    defaultMessage: "What level(s) can users select a value from?"
+  },
+  requiredSelection: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.taxonomy.selection.requiredSelection",
+    defaultMessage: "Users must pick from the following level:"
+  },
+  anyLevelSelection: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.taxonomy.selection.anyLevelSelection",
+    defaultMessage: "Users can pick from any level in the list"
+  },
+  chooseTaxonomyLevel: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.taxonomy.selection.chooseTaxonomyLevel",
+    defaultMessage: "Choose the taxonomy level"
+  },
+  noTaxonomySelectedError: {
+    id: "groupSharedFeatures.metadataTemplateEditor.configurator.taxonomy.noTaxonomySelectedError",
+    defaultMessage: "Please select a taxonomy"
+  }
+});
+export {
+  o as default
+};

package/dist/esm/lib/components/metadata-field-configurator/metadata-field-configurator.js

@@ -0,0 +1,154 @@
+import "./hooks/useTemplateFieldSchema.js";
+import { useIntl as oe } from "react-intl";
+import { Tabs as l, Accordion as g } from "@box/blueprint-web";
+import { FieldConfiguratorContext as te } from "./context/field-configurator-context.js";
+import { TaxonomyOptionsContext as ie } from "./context/taxonomy-options-context.js";
+import { FieldExtensionsContext as ne } from "./context/field-extensions-context.js";
+import { useFieldConfiguratorBehavior as re } from "./hooks/useFieldConfiguratorBehavior.js";
+import { FieldEditContent as le } from "./components/field-edit-content/field-edit-content.js";
+import { FieldActionSlot as ae } from "./components/field-action-slot/field-action-slot.js";
+import de from "./components/confirmation-modal/confirmation-modal.js";
+import { s as a } from "../../../../chunks/metadata-field-configurator.module.js";
+import { general as I } from "./messages/configurator-messages.js";
+import { jsxs as v, Fragment as ce, jsx as e } from "react/jsx-runtime";
+import "./utils.js";
+const Fe = ({
+  index: b,
+  maxIndex: T,
+  values: o,
+  onValuesChange: x,
+  onDelete: y,
+  onDuplicate: F,
+  onReorderFields: A,
+  onTouchStart: M,
+  onDragStart: V,
+  onDragEnd: D,
+  externalErrors: N,
+  externalTouched: q,
+  dndDragHandleProps: E,
+  isExpanded: n,
+  onExpandedChange: P,
+  taxonomyOptions: d,
+  fetchTaxonomies: c,
+  submitAttemptCount: S,
+  fieldExtensions: r,
+  onValidationChange: j
+}) => {
+  const m = oe(), {
+    contextValue: B,
+    taxonomyContextValue: R,
+    extensions: t,
+    isActive: w,
+    handleAccordionValueChange: z,
+    isDeleteConfirmationModalOpen: H,
+    openConfirmationModal: K,
+    closeConfirmationModal: O,
+    handleDeleteField: W,
+    activeTabId: $,
+    setActiveTabId: k,
+    isTypeEditable: G,
+    uniqueKey: s,
+    nameInputId: J,
+    descriptionInputId: L,
+    accordionTitle: Q,
+    TitleIcon: U,
+    hasErrors: X,
+    handleTypeChange: Y,
+    handleChangeVisibility: Z
+  } = re({
+    values: o,
+    onValuesChange: x,
+    onDelete: y,
+    isExpanded: n,
+    onExpandedChange: P,
+    submitAttemptCount: S,
+    taxonomyOptions: d,
+    fetchTaxonomies: c,
+    fieldExtensionsProp: r,
+    onValidationChange: j
+  }), p = /* @__PURE__ */ e(le, {
+    nameInputId: J,
+    descriptionInputId: L,
+    isTypeEditable: G,
+    externalErrors: N,
+    externalTouched: q,
+    handleTypeChange: Y
+  }), _ = t.length > 0 ? /* @__PURE__ */ v(ce, {
+    children: [/* @__PURE__ */ e(l.TabPanel, {
+      tabId: "edit",
+      children: p
+    }), t.map((i, ee) => /* @__PURE__ */ e(l.TabPanel, {
+      tabId: `ext-${ee}`,
+      className: a.extensionContent,
+      children: i.renderContent(o)
+    }, i.label))]
+  }) : p, f = (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error iconVariant type is too narrow
+    /* @__PURE__ */ e(g.Item, {
+      startElement: /* @__PURE__ */ e(U, {
+        fontSize: "20px",
+        role: "presentation"
+      }),
+      value: s,
+      title: Q,
+      action: /* @__PURE__ */ e(ae, {
+        isExpanded: n,
+        isHidden: o.hidden,
+        index: b,
+        maxIndex: T,
+        dndDragHandleProps: E,
+        onDragStart: V,
+        onDragEnd: D,
+        onTouchStart: M,
+        onReorderFields: A,
+        onToggleVisibility: Z,
+        onRequestDelete: K,
+        onRequestDuplicate: F,
+        extensions: t
+      }),
+      className: a.fieldAccordionItem,
+      iconVariant: X ? "alert-error" : void 0,
+      children: _
+    })
+  ), h = t.length > 0 ? /* @__PURE__ */ e(l, {
+    selectedId: $,
+    setSelectedId: (i) => k(i ?? "edit"),
+    children: f
+  }) : f, C = /* @__PURE__ */ v(te.Provider, {
+    value: B,
+    children: [/* @__PURE__ */ e("div", {
+      className: a.fieldAccordionWrapper,
+      children: n !== void 0 ? (
+        // List mode: parent MetadataFieldList provides the shared Accordion root.
+        h
+      ) : (
+        // Standalone mode: own Accordion root with self-managed open/close state.
+        /* @__PURE__ */ e(g, {
+          type: "single",
+          collapsible: !0,
+          value: w ? s : "",
+          onValueChange: z,
+          children: h
+        })
+      )
+    }), H && /* @__PURE__ */ e(de, {
+      onClose: O,
+      onConfirm: W,
+      title: m.formatMessage(I.deleteFieldTitle, {
+        fieldName: o.name
+      }),
+      body: m.formatMessage(I.deleteFieldDescription)
+    })]
+  }), u = d !== void 0 || c !== void 0 ? /* @__PURE__ */ e(ie.Provider, {
+    value: R,
+    children: C
+  }) : C;
+  return r !== void 0 ? /* @__PURE__ */ e(ne.Provider, {
+    value: r,
+    children: u
+  }) : u;
+};
+export {
+  Fe as MetadataFieldConfigurator
+};

package/dist/esm/lib/components/metadata-field-configurator/utils.js

@@ -0,0 +1,53 @@
+import l from "lodash/uniqueId";
+import { F as n } from "../../../../chunks/types.js";
+import { taxonomyDefaultValues as s } from "./components/type-specific-configuration/taxonomy/taxonomy-default-values.js";
+import { jsx as u } from "react/jsx-runtime";
+import { TaxonomyFieldConfiguration as a } from "./components/type-specific-configuration/taxonomy/taxonomy-field-configuration.js";
+import { DropdownFieldConfiguration as p } from "./components/type-specific-configuration/dropdown/dropdown-field-configuration.js";
+function j(e) {
+  return {
+    id: l("field-"),
+    key: "",
+    hidden: !1,
+    name: "",
+    type: e ?? void 0,
+    description: "",
+    isFieldNew: !0,
+    isFieldReadOnly: !1,
+    ...s,
+    dropdown: {
+      options: e === n.Dropdown ? [{
+        id: l(),
+        key: "",
+        isNew: !0
+      }] : [],
+      allowMultipleSelections: !1,
+      isAllowMultipleSelectionsEnabled: !0
+    }
+  };
+}
+const x = (e) => {
+  switch (e) {
+    case n.Dropdown:
+      return /* @__PURE__ */ u(p, {});
+    case n.Taxonomy:
+      return /* @__PURE__ */ u(a, {});
+    default:
+      return null;
+  }
+};
+function d(e, o) {
+  return e ? o === !0 ? !0 : typeof e != "object" || typeof o != "object" || !o ? !1 : Object.keys(e).some((t) => d(e[t], o[t])) : !1;
+}
+function f(e) {
+  return Object.keys(e).reduce((o, t) => {
+    const r = e[t];
+    return Array.isArray(r) ? o[t] = r.map((i) => typeof i == "object" && i !== null ? f(i) : !0) : typeof r == "object" && r !== null ? o[t] = f(r) : o[t] = !0, o;
+  }, {});
+}
+export {
+  j as createDefaultFieldValues,
+  x as getConfigurationByType,
+  d as hasVisibleErrors,
+  f as markAllTouched
+};

package/dist/esm/lib/components/metadata-field-list/index.js

@@ -0,0 +1,5 @@
+import { MetadataFieldList as e, MetadataFieldList as d } from "./metadata-field-list.js";
+export {
+  e as MetadataFieldList,
+  d as MetadataFieldListDefault
+};

package/dist/esm/lib/components/metadata-field-list/metadata-field-list.js

@@ -0,0 +1,279 @@
+import { useSensors as re, useSensor as M, PointerSensor as oe, TouchSensor as ne, KeyboardSensor as le, DndContext as ie, closestCenter as ae, DragOverlay as ce } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as se, arrayMove as K, SortableContext as de, verticalListSortingStrategy as ue, useSortable as me } from "@dnd-kit/sortable";
+import { CSS as pe } from "@dnd-kit/utilities";
+import fe from "lodash/cloneDeep";
+import P from "lodash/uniqueId";
+import ge from "clsx";
+import * as he from "yup";
+import { forwardRef as ye, useRef as w, useEffect as v, useState as G, useImperativeHandle as Ie, useCallback as s } from "react";
+import { useIntl as ve } from "react-intl";
+import { Accordion as q } from "@box/blueprint-web";
+import { general as Se } from "../metadata-field-configurator/messages/configurator-messages.js";
+import { TaxonomyOptionsContext as De } from "../metadata-field-configurator/context/taxonomy-options-context.js";
+import { FieldExtensionsContext as xe } from "../metadata-field-configurator/context/field-extensions-context.js";
+import { useTaxonomyFetch as Te } from "../metadata-field-configurator/hooks/useTaxonomyFetch.js";
+import { F as j } from "../../../../chunks/types.js";
+import { jsx as l, jsxs as _e } from "react/jsx-runtime";
+import { useTemplateFieldSchema as Fe } from "../metadata-field-configurator/hooks/useTemplateFieldSchema.js";
+import { FieldTypeIcon as we } from "../../utils/field-options/field-type-icon.js";
+import { MetadataFieldConfigurator as Ee } from "../metadata-field-configurator/metadata-field-configurator.js";
+import '../../../../styles/metadata-field-list.css';const be = "_fieldList_18x5c_1", Re = "_fieldItem_18x5c_11", Ae = "_dragging_18x5c_11", Ce = "_accordionRootContainer_18x5c_15", E = {
+  fieldList: be,
+  fieldItem: Re,
+  dragging: Ae,
+  accordionRootContainer: Ce
+}, Ne = 150;
+function a(h) {
+  return h.id;
+}
+const H = 150;
+function Le({
+  field: h,
+  index: r,
+  maxIndex: i,
+  isExpanded: S,
+  onChangeField: D,
+  onDeleteAtIndex: b,
+  onDuplicateAtIndex: R,
+  onReorderFields: x,
+  onRequestExpand: y,
+  submitAttemptCount: T
+}) {
+  const c = a(h), {
+    attributes: A,
+    listeners: C,
+    setNodeRef: N,
+    transform: d,
+    transition: u,
+    isDragging: _
+  } = me({
+    id: c
+  }), F = {
+    transform: pe.Translate.toString(d),
+    transition: u
+  };
+  return /* @__PURE__ */ l("li", {
+    ref: N,
+    style: F,
+    "data-field-id": c,
+    className: ge(E.fieldItem, {
+      [E.dragging]: _
+    }),
+    children: /* @__PURE__ */ l(Ee, {
+      values: h,
+      onValuesChange: D,
+      index: r,
+      maxIndex: i,
+      onDelete: () => b(r),
+      onDuplicate: () => R(r),
+      onReorderFields: x,
+      dndDragHandleProps: {
+        listeners: C,
+        attributes: A
+      },
+      isExpanded: S,
+      onExpandedChange: (m) => {
+        m && y();
+      },
+      submitAttemptCount: T
+    })
+  });
+}
+const Ze = /* @__PURE__ */ ye(function({
+  fields: r,
+  onChangeFields: i,
+  onDeleteFieldAtIndex: S,
+  onDuplicateField: D,
+  taxonomyOptions: b,
+  fetchTaxonomies: R,
+  firstInvalidFieldIndex: x,
+  submitAttemptCount: y,
+  fieldExtensions: T,
+  onValidationChange: c
+}, A) {
+  const {
+    formatMessage: C
+  } = ve(), N = Te(R, b), d = w(null), u = w(null), _ = w(new Set(r.map((e) => a(e)))), F = Fe(), m = w(null);
+  v(() => {
+    m.current = null;
+  }, [c]), v(() => {
+    if (!c)
+      return;
+    let e = !1;
+    const t = setTimeout(() => {
+      he.array().of(F).validate(r, {
+        abortEarly: !0
+      }).then(() => {
+        e || m.current === !0 || (m.current = !0, c(!0));
+      }).catch(() => {
+        e || m.current === !1 || (m.current = !1, c(!1));
+      });
+    }, Ne);
+    return () => {
+      e = !0, clearTimeout(t);
+    };
+  }, [r, F, c]);
+  const [p, f] = G(() => {
+    const e = r.find((t) => t.isFieldNew);
+    return e ? a(e) : null;
+  });
+  Ie(A, () => ({
+    scrollToAndExpand(e) {
+      u.current = e, p === e ? (u.current = null, setTimeout(() => {
+        d.current?.querySelector(`[data-field-id="${e}"]`)?.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest"
+        });
+      }, 0)) : f(e);
+    }
+  }), [p]), v(() => {
+    r.forEach((e) => {
+      const t = a(e);
+      _.current.has(t) || (_.current.add(t), u.current = t, f(t));
+    });
+  }, [r]), v(() => {
+    if (x == null || !y)
+      return;
+    const e = r[x];
+    if (!e)
+      return;
+    const t = a(e);
+    f(t), requestAnimationFrame(() => {
+      d.current?.querySelector(`[data-field-id="${t}"]`)?.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    });
+  }, [y]), v(() => {
+    const e = u.current;
+    if (!e || e !== p)
+      return;
+    u.current = null;
+    const t = setTimeout(() => {
+      d.current?.querySelector(`[data-field-id="${e}"]`)?.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    }, H);
+    return () => clearTimeout(t);
+  }, [p]);
+  const [k, L] = G(null), z = re(M(oe, {
+    activationConstraint: {
+      distance: 8
+    }
+  }), M(ne, {
+    activationConstraint: {
+      delay: 250,
+      tolerance: 5
+    }
+  }), M(le, {
+    coordinateGetter: se
+  })), B = s((e) => {
+    L(String(e.active.id));
+  }, []), U = s((e) => {
+    L(null);
+    const {
+      active: t,
+      over: o
+    } = e;
+    if (o && t.id !== o.id) {
+      const n = r.findIndex((O) => a(O) === t.id), g = r.findIndex((O) => a(O) === o.id);
+      n !== -1 && g !== -1 && i?.(K(r, n, g));
+    }
+  }, [r, i]), Y = s(() => {
+    L(null);
+  }, []), J = s((e, t) => {
+    i?.(r.map((o, n) => n === e ? t : o));
+  }, [r, i]), Q = s((e) => {
+    const t = r[e], o = a(t);
+    f((n) => n === o ? null : n), i?.(r.filter((n, g) => g !== e)), S?.(e, t);
+  }, [r, i, S]), W = s((e) => {
+    const t = r[e], o = fe(t);
+    o.id = P("field-"), o.key = "", o.isFieldNew = !0, o.type === j.Dropdown && (o.dropdown.options = o.dropdown.options.map((g) => ({
+      ...g,
+      id: P()
+    })));
+    const n = [...r];
+    n.splice(e + 1, 0, o), i?.(n), D?.(o);
+  }, [r, i, D]), X = s((e, t) => {
+    t < 0 || t >= r.length || i?.(K(r, e, t));
+  }, [r, i]), Z = s((e) => {
+    const t = e || null;
+    f(t), t && setTimeout(() => {
+      d.current?.querySelector(`[data-field-id="${t}"]`)?.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    }, H);
+  }, []), ee = r.map((e) => a(e)), I = k ? r.find((e) => a(e) === k) : null, V = I ? we(I.type) : null, te = I ? ((e) => {
+    const t = e.name || C(Se.fieldNameInputPlaceholder);
+    if (e.type === j.Dropdown) {
+      const o = e.dropdown?.options?.length ?? 0;
+      return `${t} (${o})`;
+    }
+    return t;
+  })(I) : "", $ = /* @__PURE__ */ l(De.Provider, {
+    value: N,
+    children: /* @__PURE__ */ _e(ie, {
+      sensors: z,
+      collisionDetection: ae,
+      onDragStart: B,
+      onDragEnd: U,
+      onDragCancel: Y,
+      children: [/* @__PURE__ */ l("div", {
+        className: E.accordionRootContainer,
+        children: /* @__PURE__ */ l(q, {
+          type: "single",
+          collapsible: !0,
+          value: p ?? "",
+          onValueChange: Z,
+          children: /* @__PURE__ */ l(de, {
+            items: ee,
+            strategy: ue,
+            children: /* @__PURE__ */ l("ul", {
+              ref: d,
+              className: E.fieldList,
+              children: r.map((e, t) => {
+                const o = a(e);
+                return /* @__PURE__ */ l(Le, {
+                  field: e,
+                  index: t,
+                  maxIndex: r.length - 1,
+                  isExpanded: p === o,
+                  onChangeField: (n) => J(t, n),
+                  onDeleteAtIndex: Q,
+                  onDuplicateAtIndex: W,
+                  onReorderFields: X,
+                  onRequestExpand: () => f(o),
+                  submitAttemptCount: y
+                }, o);
+              })
+            })
+          })
+        })
+      }), /* @__PURE__ */ l(ce, {
+        dropAnimation: null,
+        children: I && V ? /* @__PURE__ */ l(q, {
+          type: "single",
+          children: /* @__PURE__ */ l(q.Item, {
+            value: "ghost",
+            title: te,
+            startElement: /* @__PURE__ */ l(V, {
+              fontSize: "20px",
+              role: "presentation"
+            }),
+            children: null
+          })
+        }) : null
+      })]
+    })
+  });
+  return T !== void 0 ? /* @__PURE__ */ l(xe.Provider, {
+    value: T,
+    children: $
+  }) : $;
+});
+export {
+  Ze as MetadataFieldList,
+  Ze as default
+};

package/dist/esm/lib/components/metadata-template-editor-form/metadata-template-editor-form.js

@@ -0,0 +1,137 @@
+import { useFormikContext as V, Form as H } from "formik";
+import { useRef as j, useMemo as w, useEffect as A } from "react";
+import { TextInput as U, Text as G, Link as O, Button as b } from "@box/blueprint-web";
+import { useIntl as P, FormattedMessage as N } from "react-intl";
+import s from "../../messages.js";
+import { FieldExtensionsContext as X } from "../metadata-field-configurator/context/field-extensions-context.js";
+import { jsxs as a, jsx as e, Fragment as v } from "react/jsx-runtime";
+import { FieldSelector as q } from "../field-selector/field-selector.js";
+import { FieldTypeTiles as z } from "../field-type-tiles/field-type-tiles.js";
+import { MetadataFieldList as J } from "../metadata-field-list/metadata-field-list.js";
+import { FieldTypeDropdown as K } from "../field-type-dropdown/field-type-dropdown.js";
+import { createDefaultFieldValues as Q } from "../metadata-field-configurator/utils.js";
+import '../../../../styles/metadata-template-editor-form.css';const W = "_form_8cb30_1", Y = "_fields_8cb30_15", Z = "_actions_8cb30_21", $ = "_fieldsHeader_8cb30_28", l = {
+  form: W,
+  fields: Y,
+  actions: Z,
+  fieldsHeader: $
+}, ee = "bodyDefaultBold", ie = "h2", se = "https://developer.box.com/guides/metadata/fields/", he = ({
+  formId: y,
+  onCancel: m,
+  taxonomyOptions: E,
+  fetchTaxonomies: M,
+  hideActions: x,
+  isEditMode: I,
+  onDirtyStateChange: f,
+  onValidationChange: c,
+  fieldExtensions: u
+}) => {
+  const d = P(), {
+    errors: r,
+    values: t,
+    setFieldValue: p,
+    isSubmitting: o,
+    isValid: h,
+    touched: L,
+    handleChange: T,
+    handleBlur: D,
+    submitCount: B,
+    dirty: n
+  } = V(), F = j(null), C = w(() => {
+    if (!Array.isArray(r.fields))
+      return null;
+    const i = r.fields.findIndex(Boolean);
+    return i >= 0 ? i : null;
+  }, [r.fields]), _ = (i) => {
+    const S = Q(i.type);
+    p("fields", [...t.fields, S]);
+  }, k = (i) => {
+    p("fields", i);
+  };
+  A(() => {
+    f?.(n);
+  }, [n, f]), A(() => {
+    c?.(h);
+  }, [h, c]);
+  const R = o || I && !n, g = /* @__PURE__ */ a(H, {
+    noValidate: !0,
+    id: y,
+    className: l.form,
+    children: [/* @__PURE__ */ e("div", {
+      className: l.templateInfo,
+      children: /* @__PURE__ */ e(U, {
+        name: "displayName",
+        label: d.formatMessage(s.templateName),
+        placeholder: d.formatMessage(s.templateNameDescription),
+        value: t.displayName,
+        error: L.displayName && r.displayName ? r.displayName : void 0,
+        onChange: (i) => {
+          T(i);
+        },
+        onBlur: D
+      })
+    }), /* @__PURE__ */ a("div", {
+      className: l.fieldsHeader,
+      children: [/* @__PURE__ */ e(G, {
+        as: ie,
+        variant: ee,
+        children: /* @__PURE__ */ e(N, {
+          ...t.fields.length === 0 ? s.fieldsAddFirst : s.fields
+        })
+      }), t.fields.length > 0 && /* @__PURE__ */ e(q, {
+        fields: t.fields,
+        onSelect: (i) => F.current?.scrollToAndExpand(i)
+      })]
+    }), /* @__PURE__ */ e("div", {
+      className: l.fields,
+      children: t.fields.length === 0 ? /* @__PURE__ */ a(v, {
+        children: [/* @__PURE__ */ e(z, {
+          onFieldAdd: _
+        }), /* @__PURE__ */ e(O, {
+          isExternal: !0,
+          className: l.fieldsLearnMoreLink,
+          href: se,
+          target: "_blank",
+          children: /* @__PURE__ */ e(N, {
+            ...s.fieldsLearnMore
+          })
+        })]
+      }) : /* @__PURE__ */ a(v, {
+        children: [/* @__PURE__ */ e(J, {
+          ref: F,
+          fields: t.fields,
+          taxonomyOptions: E,
+          fetchTaxonomies: M,
+          onChangeFields: k,
+          firstInvalidFieldIndex: C,
+          submitAttemptCount: B
+        }), /* @__PURE__ */ e(K, {
+          onFieldAdd: _
+        })]
+      })
+    }), !x && /* @__PURE__ */ a("div", {
+      className: l.actions,
+      children: [m && /* @__PURE__ */ e(b, {
+        variant: "secondary",
+        type: "button",
+        onClick: m,
+        loading: o,
+        disabled: o,
+        loadingAriaLabel: d.formatMessage(s.submitting),
+        children: d.formatMessage(s.cancel)
+      }), /* @__PURE__ */ e(b, {
+        variant: "primary",
+        type: "submit",
+        disabled: R,
+        children: d.formatMessage(s.save)
+      })]
+    })]
+  });
+  return u !== void 0 ? /* @__PURE__ */ e(X.Provider, {
+    value: u,
+    children: g
+  }) : g;
+};
+export {
+  he as default
+};

package/dist/esm/lib/components/metadata-template-editor-modal/index.js

@@ -0,0 +1,4 @@
+import { MetadataTemplateEditorModal as e } from "./metadata-template-editor-modal.js";
+export {
+  e as MetadataTemplateEditorModal
+};