@box/metadata-template-editor 1.20.9 → 1.20.10

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

@@ -1,182 +1,2 @@
-import { forwardRef as Q, useState as n, useCallback as b, useImperativeHandle as W, useEffect as L, useMemo as G } from "react";
-import { Formik as X } from "formik";
-import { useIntl as Y } from "react-intl";
-import { useNotification as Z, LoadingIndicator as $, EmptyState as M, Text as P } from "@box/blueprint-web";
-import { ErrorState404 as ee } from "@box/blueprint-web-assets/illustrations/Medium";
-import { ArrowsRotating as te } from "@box/blueprint-web-assets/icons/Line";
-import { M as ae } from "../../chunks/types.js";
-import { useMetadataTemplateFormSchema as oe } from "./hooks/useMetadataTemplateFormSchema.js";
-import { convertApiMetadataTemplateFieldToLocalConfiguratorField as ie } from "./utils/template-type-conversion/convertTemplateFieldToLocalConfigurator.js";
-import { mapFieldsWithUniqueKeys as re } from "./utils/template-type-conversion/mapFieldsWithUniqueKeys.js";
-import { generateJSONPatchTemplateOperations as se } from "./utils/template-type-conversion/generateJSONPatchTemplateOperations.js";
-import ne from "./components/metadata-template-editor-form/metadata-template-editor-form.js";
-import le from "./components/metadata-field-configurator/components/confirmation-modal/confirmation-modal.js";
-import a from "./messages.js";
-import { CONFLICT_HTTP_STATUS as ce } from "./utils/constants.js";
-import { jsx as r, jsxs as de, Fragment as me } from "react/jsx-runtime";
-import "./hooks/useTemplateNameSchema.js";
-import '../../styles/metadata-template-editor.css';const fe = "_loading_1o2vk_8", pe = "_error_1o2vk_15", A = {
-  loading: fe,
-  error: pe
-}, ue = {
-  displayName: "",
-  templateKey: "",
-  fields: [],
-  hidden: !1
-}, Ue = /* @__PURE__ */ Q(function({
-  onCancel: m,
-  onDirtyStateChange: h,
-  onValidationChange: F,
-  onSubmitError: I,
-  onTemplateLoad: y,
-  taxonomyOptions: S,
-  fetchTaxonomies: K,
-  formId: _,
-  hideActions: B = !1,
-  fieldExtensions: U,
-  ...l
-}, w) {
-  const x = oe(), {
-    formatMessage: t
-  } = Y(), {
-    addNotification: g
-  } = Z(), c = l.mode === ae.Edit, [v, k] = n(!1), [D, f] = n(!1), p = b(() => {
-    v ? f(!0) : m?.();
-  }, [v, m]);
-  W(w, () => ({
-    requestClose: p
-  }), [p]);
-  const O = b((e) => {
-    k(e), h?.(e);
-  }, [h]), [V, C] = n(c), [H, T] = n(!1), [R, j] = n(0), [o, E] = n(void 0), u = c ? l.fetchTemplate : void 0, q = () => {
-    j((e) => e + 1);
-  };
-  L(() => {
-    if (!u)
-      return;
-    let e = !1;
-    return C(!0), T(!1), E(void 0), (async () => {
-      try {
-        const s = await u();
-        e || E(s);
-      } catch {
-        e || T(!0);
-      } finally {
-        e || C(!1);
-      }
-    })(), () => {
-      e = !0;
-    };
-  }, [u, R]), L(() => {
-    o !== void 0 && y?.(o);
-  }, [o, y]);
-  const N = c ? void 0 : l.namespace, d = G(() => o ? {
-    displayName: o.displayName,
-    templateKey: o.templateKey,
-    namespace: o.namespace,
-    hidden: o.isHidden,
-    fields: o.fields.map((e) => ie(e))
-  } : {
-    ...ue,
-    namespace: N ?? ""
-  }, [o, N]), z = async (e) => {
-    try {
-      if (c) {
-        const i = se(d, e);
-        await l.onEditTemplate(i, {
-          namespaceFQN: d.namespace,
-          templateKey: d.templateKey
-        });
-      } else {
-        const i = re(e.fields), s = {
-          namespace: e.namespace,
-          templateKey: e.templateKey,
-          displayName: e.displayName,
-          hidden: e.hidden,
-          fields: i
-        };
-        await l.onCreateTemplate(s);
-      }
-      g({
-        sensitivity: "foreground",
-        variant: "success",
-        styledText: t(a.saveSuccessNotification),
-        typeIconAriaLabel: t(a.notificationSuccessIconAriaLabel),
-        closeButtonAriaLabel: t(a.notificationCloseButtonAriaLabel)
-      });
-    } catch (i) {
-      let s;
-      if (i instanceof Error && "status" in i) {
-        const {
-          status: J
-        } = i;
-        s = t(J === ce ? a.displayNameUsedBefore : a.saveErrorNotification);
-      } else
-        s = t(a.saveErrorNotification);
-      g({
-        sensitivity: "foreground",
-        variant: "error",
-        styledText: s,
-        typeIconAriaLabel: t(a.notificationErrorIconAriaLabel),
-        closeButtonAriaLabel: t(a.notificationCloseButtonAriaLabel)
-      });
-      try {
-        I?.(i);
-      } catch {
-      }
-      throw i;
-    }
-  };
-  return V ? /* @__PURE__ */ r("div", {
-    className: A.loading,
-    children: /* @__PURE__ */ r($, {
-      size: "large",
-      "aria-label": t(a.loading)
-    })
-  }) : H ? /* @__PURE__ */ r("div", {
-    className: A.error,
-    children: /* @__PURE__ */ r(M, {
-      body: /* @__PURE__ */ r(P, {
-        as: "p",
-        children: t(a.fetchError)
-      }),
-      illustration: ee,
-      size: "large",
-      children: /* @__PURE__ */ r(M.PrimaryAction, {
-        startIcon: te,
-        onClick: q,
-        children: t(a.reload)
-      })
-    })
-  }) : /* @__PURE__ */ de(me, {
-    children: [/* @__PURE__ */ r(X, {
-      initialValues: d,
-      validationSchema: x,
-      onSubmit: z,
-      children: /* @__PURE__ */ r(ne, {
-        formId: _,
-        onCancel: p,
-        taxonomyOptions: S,
-        fetchTaxonomies: K,
-        hideActions: B,
-        isEditMode: c,
-        onDirtyStateChange: O,
-        onValidationChange: F,
-        fieldExtensions: U
-      })
-    }), D && /* @__PURE__ */ r(le, {
-      onClose: () => f(!1),
-      onConfirm: () => {
-        f(!1), m?.();
-      },
-      title: t(a.unsavedChangesTitle),
-      body: t(a.unsavedChangesBody),
-      confirmLabel: t(a.unsavedChangesDiscard),
-      cancelLabel: t(a.unsavedChangesKeepEditing)
-    })]
-  });
-});
-export {
-  Ue as MetadataTemplateEditor,
-  Ue as default
-};
+import { t as e } from "../../chunks/metadata-template-editor.js";
+export { e as MetadataTemplateEditor, e as default };

package/dist/esm/lib/utils/constants.js

@@ -1,8 +1,2 @@
-const T = 4096, A = 256, E = 64, _ = 4096, M = 409;
-export {
-  M as CONFLICT_HTTP_STATUS,
-  A as METADATA_TEMPLATE_FIELD_KEY_MAX_LENGTH,
-  T as METADATA_TEMPLATE_FIELD_NAME_MAX_LENGTH,
-  E as METADATA_TEMPLATE_KEY_MAX_LENGTH,
-  _ as METADATA_TEMPLATE_NAME_MAX_LENGTH
-};
+var e = 4096, t = 256, n = 64, r = 4096, i = 409;
+export { i as CONFLICT_HTTP_STATUS, t as METADATA_TEMPLATE_FIELD_KEY_MAX_LENGTH, e as METADATA_TEMPLATE_FIELD_NAME_MAX_LENGTH, n as METADATA_TEMPLATE_KEY_MAX_LENGTH, r as METADATA_TEMPLATE_NAME_MAX_LENGTH };

package/dist/esm/lib/utils/field-options/field-type-icon.js

@@ -1,34 +1,15 @@
-import { TextInput as n, Taxonomy as o, Section as m, Calendar as u, Numbers as c } from "@box/blueprint-web-assets/icons/Medium";
-import { F as t } from "../../../../chunks/types.js";
-import { jsx as r } from "react/jsx-runtime";
-const d = (a) => (e) => {
-  switch (a) {
-    case t.Text:
-      return /* @__PURE__ */ r(n, {
-        ...e
-      });
-    case t.Number:
-      return /* @__PURE__ */ r(c, {
-        ...e
-      });
-    case t.Date:
-      return /* @__PURE__ */ r(u, {
-        ...e
-      });
-    case t.Dropdown:
-      return /* @__PURE__ */ r(m, {
-        ...e
-      });
-    case t.Taxonomy:
-      return /* @__PURE__ */ r(o, {
-        ...e
-      });
-    default:
-      return /* @__PURE__ */ r(n, {
-        ...e
-      });
-  }
-};
-export {
-  d as FieldTypeIcon
+import { a as e } from "../../../../chunks/types.js";
+import { Calendar as t, Numbers as n, Section as r, Taxonomy as i, TextInput as a } from "@box/blueprint-web-assets/icons/Medium";
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+var s = (s) => (c) => {
+	switch (s) {
+		case e.Text: return /* @__PURE__ */ o(a, { ...c });
+		case e.Number: return /* @__PURE__ */ o(n, { ...c });
+		case e.Date: return /* @__PURE__ */ o(t, { ...c });
+		case e.Dropdown: return /* @__PURE__ */ o(r, { ...c });
+		case e.Taxonomy: return /* @__PURE__ */ o(i, { ...c });
+		default: return /* @__PURE__ */ o(a, { ...c });
+	}
 };
+export { s as FieldTypeIcon };

package/dist/esm/lib/utils/field-options/index.js

@@ -1,9 +1,4 @@
-import { FieldTypeIcon as o } from "./field-type-icon.js";
-import { fieldTypeDescriptionMessages as p, fieldTypesTitleMessages as r } from "./messages.js";
-import { useFieldOptions as f } from "./useFieldOptions.js";
-export {
-  o as FieldTypeIcon,
-  p as fieldTypeDescriptionMessages,
-  r as fieldTypesTitleMessages,
-  f as useFieldOptions
-};
+import { FieldTypeIcon as e } from "./field-type-icon.js";
+import { fieldTypeDescriptionMessages as t, fieldTypesTitleMessages as n } from "./messages.js";
+import { useFieldOptions as r } from "./useFieldOptions.js";
+export { e as FieldTypeIcon, t as fieldTypeDescriptionMessages, n as fieldTypesTitleMessages, r as useFieldOptions };

package/dist/esm/lib/utils/field-options/messages.js

@@ -1,48 +1,45 @@
 import { defineMessages as e } from "react-intl";
-const t = e({
-  text: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.text",
-    defaultMessage: "Text"
-  },
-  number: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.number",
-    defaultMessage: "Number"
-  },
-  date: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.date",
-    defaultMessage: "Date"
-  },
-  dropdown: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.dropdown",
-    defaultMessage: "Dropdown"
-  },
-  taxonomy: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.taxonomy",
-    defaultMessage: "Taxonomy"
-  }
-}), d = e({
-  text: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.text",
-    defaultMessage: "Free text input up to 10,000 characters"
-  },
-  number: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.number",
-    defaultMessage: "Supports all numeric values"
-  },
-  date: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.date",
-    defaultMessage: "Date field with calendar picker"
-  },
-  dropdown: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.dropdown",
-    defaultMessage: "Supports single and multiple selections"
-  },
-  taxonomy: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.taxonomy",
-    defaultMessage: "Hierarchical list of selectable options"
-  }
+var t = e({
+	text: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.text",
+		defaultMessage: "Text"
+	},
+	number: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.number",
+		defaultMessage: "Number"
+	},
+	date: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.date",
+		defaultMessage: "Date"
+	},
+	dropdown: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.dropdown",
+		defaultMessage: "Dropdown"
+	},
+	taxonomy: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypes.taxonomy",
+		defaultMessage: "Taxonomy"
+	}
+}), n = e({
+	text: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.text",
+		defaultMessage: "Free text input up to 10,000 characters"
+	},
+	number: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.number",
+		defaultMessage: "Supports all numeric values"
+	},
+	date: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.date",
+		defaultMessage: "Date field with calendar picker"
+	},
+	dropdown: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.dropdown",
+		defaultMessage: "Supports single and multiple selections"
+	},
+	taxonomy: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDescriptions.taxonomy",
+		defaultMessage: "Hierarchical list of selectable options"
+	}
 });
-export {
-  d as fieldTypeDescriptionMessages,
-  t as fieldTypesTitleMessages
-};
+export { n as fieldTypeDescriptionMessages, t as fieldTypesTitleMessages };

package/dist/esm/lib/utils/field-options/useFieldOptions.js

@@ -1,19 +1,15 @@
-import { FieldTypeIcon as i } from "./field-type-icon.js";
-import { fieldTypeDescriptionMessages as o, fieldTypesTitleMessages as l } from "./messages.js";
-import { useMemo as r } from "react";
-import { useIntl as a } from "react-intl";
-import { F as t } from "../../../../chunks/types.js";
-function T() {
-  const s = a();
-  return {
-    availableFieldTypes: r(() => Object.values(t).map((e) => ({
-      type: e,
-      label: s.formatMessage(l[e]),
-      description: s.formatMessage(o[e]),
-      Icon: i(e)
-    })), [s])
-  };
+import { a as e } from "../../../../chunks/types.js";
+import { FieldTypeIcon as t } from "./field-type-icon.js";
+import { fieldTypeDescriptionMessages as n, fieldTypesTitleMessages as r } from "./messages.js";
+import { useIntl as i } from "react-intl";
+import { useMemo as a } from "react";
+function o() {
+	let o = i();
+	return { availableFieldTypes: a(() => Object.values(e).map((e) => ({
+		type: e,
+		label: o.formatMessage(r[e]),
+		description: o.formatMessage(n[e]),
+		Icon: t(e)
+	})), [o]) };
 }
-export {
-  T as useFieldOptions
-};
+export { o as useFieldOptions };

package/dist/esm/lib/utils/key-generation.js

@@ -1,29 +1,18 @@
-function u(r, t) {
-  const s = r.replace(/[^a-zA-Z0-9\s]/g, "").replace(/\w*/g, (n) => n.charAt(0).toUpperCase() + n.slice(1).toLowerCase()).replace(/\s/g, ""), e = s.charAt(0).toLowerCase() + s.slice(1);
-  return e.length !== 0 ? /^\d/.test(e) ? t + e : e : t;
+var e = 3, t = 1e3;
+function n(e, t) {
+	let n = e.replace(/[^a-zA-Z0-9\s]/g, "").replace(/\w*/g, (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).replace(/\s/g, ""), r = n.charAt(0).toLowerCase() + n.slice(1);
+	return r.length === 0 ? t : /^\d/.test(r) ? t + r : r;
 }
-const l = (r, t) => !t.includes(r), p = ({
-  displayName: r,
-  existingKeys: t,
-  defaultKey: a,
-  maxKeyLength: o
-}) => {
-  if (o <= 3)
-    throw new Error("max key length is too short");
-  const s = o - 3, e = u(r, a).substring(0, s);
-  if (l(e, t))
-    return e;
-  let n = 1, c = 0, i;
-  do {
-    if (c >= 1e3)
-      throw new Error("Exceeded maximum iterations while generating unique key");
-    i = `${e}${n}`, n += 1, c += 1;
-  } while (!l(i, t));
-  if (i.length > o)
-    throw new Error("could not generate unique key less than max key length");
-  return i;
-};
-export {
-  u as displayNameToKey,
-  p as generateKey
+var r = (e, t) => !t.includes(e), i = ({ displayName: i, existingKeys: a, defaultKey: o, maxKeyLength: s }) => {
+	if (s <= e) throw Error("max key length is too short");
+	let c = s - e, l = n(i, o).substring(0, c);
+	if (r(l, a)) return l;
+	let u = 1, d = 0, f;
+	do {
+		if (d >= t) throw Error("Exceeded maximum iterations while generating unique key");
+		f = `${l}${u}`, u += 1, d += 1;
+	} while (!r(f, a));
+	if (f.length > s) throw Error("could not generate unique key less than max key length");
+	return f;
 };
+export { n as displayNameToKey, i as generateKey };

package/dist/esm/lib/utils/template-type-conversion/convertLocalConfiguratorToTemplateField.js

@@ -1,78 +1,64 @@
-import { F as s, A as l, T as i } from "../../../../chunks/types.js";
-import { generateKey as d } from "../key-generation.js";
-import { METADATA_TEMPLATE_FIELD_KEY_MAX_LENGTH as T } from "../constants.js";
-const u = (e) => {
-  const {
-    taxonomy: o
-  } = e, p = o.availableTaxonomies.find((t) => t.taxonomyKey === o.taxonomyKey)?.levels.map((t) => t.level) || [];
-  return o.selection === i.AllowAny ? p : o.selectedLevels || [];
-}, L = (e, o = []) => {
-  const {
-    name: y,
-    description: p,
-    hidden: r,
-    type: t
-  } = e, m = d({
-    displayName: y,
-    existingKeys: o,
-    defaultKey: "field",
-    maxKeyLength: T
-  }), n = {
-    key: m,
-    displayName: y,
-    description: p,
-    hidden: r
-  };
-  let a;
-  switch (t) {
-    case s.Text:
-      a = {
-        ...n,
-        type: l.String
-      };
-      break;
-    case s.Number:
-      a = {
-        ...n,
-        type: l.Float
-      };
-      break;
-    case s.Date:
-      a = {
-        ...n,
-        type: l.Date
-      };
-      break;
-    case s.Dropdown:
-      a = {
-        ...n,
-        type: e.dropdown.allowMultipleSelections ? l.MultiSelect : l.Enum,
-        options: e.dropdown.options.map((c) => ({
-          key: c.key
-        }))
-      };
-      break;
-    case s.Taxonomy:
-      a = {
-        ...n,
-        type: l.Taxonomy,
-        taxonomyKey: e.taxonomy.taxonomyKey,
-        optionsRules: {
-          selectableLevels: u(e),
-          multiSelect: e.taxonomy.allowMultipleSelections
-        },
-        namespace: e.taxonomy.namespace
-      };
-      break;
-    default:
-      throw new Error(`Unsupported field type: ${t}`);
-  }
-  return {
-    field: a,
-    updatedKeys: [...o, m]
-  };
-};
-export {
-  L as convertLocalConfiguratorToTemplateField,
-  u as resolveSelectableLevels
+import { a as e, c as t, n } from "../../../../chunks/types.js";
+import "../constants.js";
+import { generateKey as r } from "../key-generation.js";
+var i = (e) => {
+	let { taxonomy: n } = e, r = n.availableTaxonomies.find((e) => e.taxonomyKey === n.taxonomyKey)?.levels.map((e) => e.level) || [];
+	return n.selection === t.AllowAny ? r : n.selectedLevels || [];
+}, a = (t, a = []) => {
+	let { name: o, description: s, hidden: c, type: l } = t, u = r({
+		displayName: o,
+		existingKeys: a,
+		defaultKey: "field",
+		maxKeyLength: 256
+	}), d = {
+		key: u,
+		displayName: o,
+		description: s,
+		hidden: c
+	}, f;
+	switch (l) {
+		case e.Text:
+			f = {
+				...d,
+				type: n.String
+			};
+			break;
+		case e.Number:
+			f = {
+				...d,
+				type: n.Float
+			};
+			break;
+		case e.Date:
+			f = {
+				...d,
+				type: n.Date
+			};
+			break;
+		case e.Dropdown:
+			f = {
+				...d,
+				type: t.dropdown.allowMultipleSelections ? n.MultiSelect : n.Enum,
+				options: t.dropdown.options.map((e) => ({ key: e.key }))
+			};
+			break;
+		case e.Taxonomy:
+			f = {
+				...d,
+				type: n.Taxonomy,
+				taxonomyKey: t.taxonomy.taxonomyKey,
+				optionsRules: {
+					selectableLevels: i(t),
+					multiSelect: t.taxonomy.allowMultipleSelections
+				},
+				namespace: t.taxonomy.namespace
+			};
+			break;
+		default: throw Error(`Unsupported field type: ${l}`);
+	}
+	return {
+		field: f,
+		updatedKeys: [...a, u]
+	};
 };
+export { a as convertLocalConfiguratorToTemplateField, i as resolveSelectableLevels };