@box/metadata-template-editor 1.20.9 → 1.20.11

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

@@ -1,119 +1,100 @@
-import { useState as I, useCallback as n, useMemo as w, useRef as x, useEffect as f } from "react";
-import { useIntl as oe } from "react-intl";
-import re from "lodash/cloneDeep";
-import ce from "lodash/set";
-import { FieldTypeIcon as de } from "../../../utils/field-options/field-type-icon.js";
-import { useFieldExtensions as se } from "../context/field-extensions-context.js";
-import { general as le } from "../messages/configurator-messages.js";
-import { createDefaultFieldValues as fe, hasVisibleErrors as me } from "../utils.js";
-import { useFieldValidation as pe } from "./useFieldValidation.js";
-import { useTaxonomyFetch as ae } from "./useTaxonomyFetch.js";
-function Re({
-  values: e,
-  onValuesChange: i,
-  onDelete: T,
-  isExpanded: m,
-  onExpandedChange: V,
-  submitAttemptCount: d,
-  taxonomyOptions: C,
-  fetchTaxonomies: S,
-  fieldExtensionsProp: B,
-  onValidationChange: N
-}) {
-  const u = oe(), {
-    errors: p,
-    touched: a,
-    isValid: s,
-    validateForm: M,
-    touchAll: R,
-    setFieldTouched: P,
-    setTouched: q,
-    handleBlur: H
-  } = pe(e), K = ae(S, C), j = se(), b = B ?? j, [z, A] = I(() => e.isFieldNew === !0), [G, F] = I(!1), [h, O] = I("edit"), o = m !== void 0 ? m : z, J = !e.isFieldReadOnly && e.isFieldNew, r = e.id, L = `field-name-${r}`, Q = `field-description-${r}`, l = n((t, c) => {
-    i({
-      ...e,
-      [t]: c
-    });
-  }, [e, i]), k = n((t) => {
-    const {
-      name: c,
-      value: ne
-    } = t.target, D = re(e);
-    ce(D, c, ne), i(D);
-  }, [e, i]), U = w(
-    () => ({
-      values: e,
-      errors: p,
-      touched: a,
-      isValid: s,
-      setFieldValue: l,
-      setValues: i,
-      setFieldTouched: P,
-      setTouched: q,
-      handleChange: k,
-      handleBlur: H,
-      validateForm: M
-    }),
-    // setFieldTouched, setTouched, handleBlur are stable (no deps).
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [e, p, a, s, l, i, k, M]
-  ), E = x(o);
-  f(() => {
-    const t = E.current;
-    E.current = o, t && !o && (R(), O("edit"));
-  }, [o]);
-  const W = x(d);
-  f(() => {
-    !d || d === W.current || R();
-  }, [d]);
-  const $ = x(N);
-  $.current = N, f(() => {
-    $.current?.(s);
-  }, [s]), f(() => {
-    e.isFieldNew && (m !== void 0 ? V?.(!0) : A(!0));
-  }, [e.isFieldNew]);
-  const X = n((t) => l("hidden", t), [l]), y = n(() => {
-    T?.(e.key), F(!1);
-  }, [T, e.key]), Y = n(() => {
-    e.isFieldNew ? y() : F(!0);
-  }, [y, e.isFieldNew]), Z = n(() => F(!1), []), _ = n((t) => A(t === r), [r]), v = n((t) => {
-    i({
-      ...fe(t),
-      key: e.key,
-      hidden: e.hidden,
-      isFieldNew: e.isFieldNew,
-      isFieldReadOnly: e.isFieldReadOnly,
-      name: e.name,
-      description: e.description
-    });
-  }, [i, e]), ee = w(() => {
-    const t = e.name || u.formatMessage(le.fieldNameInputPlaceholder), c = e.type === "dropdown" ? ` (${e.dropdown?.options?.length ?? 0})` : "";
-    return `${t}${c}`;
-  }, [e.name, e.type, e.dropdown?.options?.length, u]), te = w(() => de(e.type), [e.type]), g = h === "edit" ? 0 : Number(h.replace("ext-", "")) + 1, ie = g > 0 ? b[g - 1] ?? null : null;
-  return {
-    contextValue: U,
-    taxonomyContextValue: K,
-    extensions: b,
-    isActive: o,
-    handleAccordionValueChange: _,
-    isDeleteConfirmationModalOpen: G,
-    openConfirmationModal: Y,
-    closeConfirmationModal: Z,
-    handleDeleteField: y,
-    activeTabId: h,
-    setActiveTabId: O,
-    activeExtension: ie,
-    isTypeEditable: J,
-    uniqueKey: r,
-    nameInputId: L,
-    descriptionInputId: Q,
-    accordionTitle: ee,
-    TitleIcon: te,
-    hasErrors: me(p, a),
-    handleTypeChange: v,
-    handleChangeVisibility: X
-  };
+import { FieldTypeIcon as e } from "../../../utils/field-options/field-type-icon.js";
+import { general as t } from "../messages/configurator-messages.js";
+import { useFieldExtensions as n } from "../context/field-extensions-context.js";
+import { createDefaultFieldValues as r, hasVisibleErrors as i } from "../utils.js";
+import { useFieldValidation as a } from "./useFieldValidation.js";
+import { useTaxonomyFetch as o } from "./useTaxonomyFetch.js";
+import { useIntl as s } from "react-intl";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import p from "lodash/cloneDeep";
+import m from "lodash/set";
+function h({ values: h, onValuesChange: g, onDelete: _, isExpanded: v, onExpandedChange: y, submitAttemptCount: b, taxonomyOptions: x, fetchTaxonomies: S, fieldExtensionsProp: C, onValidationChange: w }) {
+	let T = s(), { errors: E, touched: D, isValid: O, validateForm: k, touchAll: A, setFieldTouched: j, setTouched: ee, handleBlur: te } = a(h), ne = o(S, x), M = n(), N = C ?? M, [P, F] = f(() => h.isFieldNew === !0), [I, L] = f(!1), [R, z] = f("edit"), B = v === void 0 ? P : v, V = !h.isFieldReadOnly && h.isFieldNew, H = h.id, U = `field-name-${H}`, W = `field-description-${H}`, G = c((e, t) => {
+		g({
+			...h,
+			[e]: t
+		});
+	}, [h, g]), K = c((e) => {
+		let { name: t, value: n } = e.target, r = p(h);
+		m(r, t, n), g(r);
+	}, [h, g]), q = u(() => ({
+		values: h,
+		errors: E,
+		touched: D,
+		isValid: O,
+		setFieldValue: G,
+		setValues: g,
+		setFieldTouched: j,
+		setTouched: ee,
+		handleChange: K,
+		handleBlur: te,
+		validateForm: k
+	}), [
+		h,
+		E,
+		D,
+		O,
+		G,
+		g,
+		K,
+		k
+	]), J = d(B);
+	l(() => {
+		let e = J.current;
+		J.current = B, e && !B && (A(), z("edit"));
+	}, [B]);
+	let Y = d(b);
+	l(() => {
+		!b || b === Y.current || A();
+	}, [b]);
+	let X = d(w);
+	X.current = w, l(() => {
+		X.current?.(O);
+	}, [O]), l(() => {
+		h.isFieldNew && (v === void 0 ? F(!0) : y?.(!0));
+	}, [h.isFieldNew]);
+	let re = c((e) => G("hidden", e), [G]), Z = c(() => {
+		_?.(h.key), L(!1);
+	}, [_, h.key]), Q = c(() => {
+		h.isFieldNew ? Z() : L(!0);
+	}, [Z, h.isFieldNew]), ie = c(() => L(!1), []), ae = c((e) => F(e === H), [H]), oe = c((e) => {
+		g({
+			...r(e),
+			key: h.key,
+			hidden: h.hidden,
+			isFieldNew: h.isFieldNew,
+			isFieldReadOnly: h.isFieldReadOnly,
+			name: h.name,
+			description: h.description
+		});
+	}, [g, h]), se = u(() => `${h.name || T.formatMessage(t.fieldNameInputPlaceholder)}${h.type === "dropdown" ? ` (${h.dropdown?.options?.length ?? 0})` : ""}`, [
+		h.name,
+		h.type,
+		h.dropdown?.options?.length,
+		T
+	]), ce = u(() => e(h.type), [h.type]), $ = R === "edit" ? 0 : Number(R.replace("ext-", "")) + 1;
+	return {
+		contextValue: q,
+		taxonomyContextValue: ne,
+		extensions: N,
+		isActive: B,
+		handleAccordionValueChange: ae,
+		isDeleteConfirmationModalOpen: I,
+		openConfirmationModal: Q,
+		closeConfirmationModal: ie,
+		handleDeleteField: Z,
+		activeTabId: R,
+		setActiveTabId: z,
+		activeExtension: $ > 0 ? N[$ - 1] ?? null : null,
+		isTypeEditable: V,
+		uniqueKey: H,
+		nameInputId: U,
+		descriptionInputId: W,
+		accordionTitle: se,
+		TitleIcon: ce,
+		hasErrors: i(E, D),
+		handleTypeChange: oe,
+		handleChangeVisibility: re
+	};
 }
-export {
-  Re as useFieldConfiguratorBehavior
-};
+export { h as useFieldConfiguratorBehavior };

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

@@ -1,68 +1,54 @@
-import { useState as d, useCallback as n, useEffect as h, useRef as S } from "react";
-import * as b from "yup";
-import f from "lodash/set";
-import y from "lodash/cloneDeep";
-import { useTemplateFieldSchema as k } from "./useTemplateFieldSchema.js";
-import { markAllTouched as w } from "../utils.js";
-function A(t) {
-  const c = {};
-  return (t.inner.length > 0 ? t.inner : [t]).forEach((a) => {
-    a.path && f(c, a.path, a.message);
-  }), c;
+import { useTemplateFieldSchema as e } from "./useTemplateFieldSchema.js";
+import { markAllTouched as t } from "../utils.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import * as o from "yup";
+import s from "lodash/cloneDeep";
+import c from "lodash/set";
+function l(e) {
+	let t = {};
+	return (e.inner.length > 0 ? e.inner : [e]).forEach((e) => {
+		e.path && c(t, e.path, e.message);
+	}), t;
 }
-function Y(t) {
-  const c = k(), [a, m] = d({}), [T, u] = d(!1), [E, s] = d({}), l = n(async (e, r) => {
-    try {
-      if (await c.validate(e, {
-        abortEarly: !1
-      }), r?.cancelled)
-        return;
-      m({}), u(!0);
-    } catch (o) {
-      if (r?.cancelled)
-        return;
-      o instanceof b.ValidationError && (m(A(o)), u(!1));
-    }
-  }, [c]);
-  h(() => {
-    const e = {
-      cancelled: !1
-    };
-    return l(t, e), () => {
-      e.cancelled = !0;
-    };
-  }, [t, l]);
-  const p = S(t.type);
-  h(() => {
-    p.current !== t.type && (p.current = t.type, s(({
-      dropdown: e,
-      taxonomy: r,
-      ...o
-    }) => o));
-  }, [t.type]);
-  const g = n(() => l(t), [l, t]), x = n(() => s(w(t)), [t]), F = n((e, r = !0) => {
-    s((o) => {
-      const i = y(o);
-      return f(i, e, r), i;
-    });
-  }, []), V = n((e) => s(e), []), R = n((e) => {
-    const r = e.target;
-    r.name && s((o) => {
-      const i = y(o);
-      return f(i, r.name, !0), i;
-    });
-  }, []);
-  return {
-    errors: a,
-    touched: E,
-    isValid: T,
-    validateForm: g,
-    touchAll: x,
-    setFieldTouched: F,
-    setTouched: V,
-    handleBlur: R
-  };
+function u(u) {
+	let d = e(), [f, p] = a({}), [m, h] = a(!1), [g, _] = a({}), v = n(async (e, t) => {
+		try {
+			if (await d.validate(e, { abortEarly: !1 }), t?.cancelled) return;
+			p({}), h(!0);
+		} catch (e) {
+			if (t?.cancelled) return;
+			e instanceof o.ValidationError && (p(l(e)), h(!1));
+		}
+	}, [d]);
+	r(() => {
+		let e = { cancelled: !1 };
+		return v(u, e), () => {
+			e.cancelled = !0;
+		};
+	}, [u, v]);
+	let y = i(u.type);
+	return r(() => {
+		y.current !== u.type && (y.current = u.type, _(({ dropdown: e, taxonomy: t, ...n }) => n));
+	}, [u.type]), {
+		errors: f,
+		touched: g,
+		isValid: m,
+		validateForm: n(() => v(u), [v, u]),
+		touchAll: n(() => _(t(u)), [u]),
+		setFieldTouched: n((e, t = !0) => {
+			_((n) => {
+				let r = s(n);
+				return c(r, e, t), r;
+			});
+		}, []),
+		setTouched: n((e) => _(e), []),
+		handleBlur: n((e) => {
+			let t = e.target;
+			t.name && _((e) => {
+				let n = s(e);
+				return c(n, t.name, !0), n;
+			});
+		}, [])
+	};
 }
-export {
-  Y as useFieldValidation
-};
+export { u as useFieldValidation };

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

@@ -1,27 +1,24 @@
-import { useState as c, useRef as p, useCallback as o } from "react";
-import { createStaticTaxonomyContext as y } from "../context/taxonomy-options-context.js";
-function g(t, u = []) {
-  const [e, r] = c("idle"), [a, i] = c([]), n = p(!1), s = o(async () => {
-    if (!(!t || n.current)) {
-      n.current = !0, r("loading");
-      try {
-        const f = await t();
-        i(f), r("success");
-      } catch {
-        r("error");
-      } finally {
-        n.current = !1;
-      }
-    }
-  }, [t]), l = o(() => {
-    e === "success" || e === "loading" || s();
-  }, [s, e]);
-  return t ? {
-    options: a,
-    status: e,
-    onSelectorOpen: l
-  } : y(u);
+import { createStaticTaxonomyContext as e } from "../context/taxonomy-options-context.js";
+import { useCallback as t, useRef as n, useState as r } from "react";
+function i(i, a = []) {
+	let [o, s] = r("idle"), [c, l] = r([]), u = n(!1), d = t(async () => {
+		if (!(!i || u.current)) {
+			u.current = !0, s("loading");
+			try {
+				l(await i()), s("success");
+			} catch {
+				s("error");
+			} finally {
+				u.current = !1;
+			}
+		}
+	}, [i]), f = t(() => {
+		o === "success" || o === "loading" || d();
+	}, [d, o]);
+	return i ? {
+		options: c,
+		status: o,
+		onSelectorOpen: f
+	} : e(a);
 }
-export {
-  g as useTaxonomyFetch
-};
+export { i as useTaxonomyFetch };

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

@@ -1,44 +1,35 @@
-import { useMemo as y } from "react";
-import { useIntl as h } from "react-intl";
-import * as e from "yup";
-import { T as b, F as i } from "../../../../../chunks/types.js";
-import { METADATA_TEMPLATE_FIELD_NAME_MAX_LENGTH as q } from "../../../utils/constants.js";
-import { validationErrors as n } from "../messages/configurator-messages.js";
-const j = () => {
-  const t = h();
-  return y(() => {
-    const m = e.string().min(1).max(q, t.formatMessage(n.fieldNameTooLong)).required(t.formatMessage(n.fieldNameCannotBeEmpty)).test("no-whitespace-only", t.formatMessage(n.fieldNameCannotBeEmpty), (o) => !o || o.trim().length > 0), c = e.object().shape({
-      key: e.string().required(t.formatMessage(n.optionKeyCannotBeEmpty)).test("unique-key", t.formatMessage(n.duplicateOption), (o, r) => {
-        if (!o)
-          return !0;
-        const l = r?.from?.[0]?.value, s = r?.from?.[1].value?.options ?? [], u = s.findIndex((a) => a.id === l?.id);
-        return !s.some((a, f) => f !== u && a.key === o);
-      })
-    }), p = e.object().shape({
-      dropdown: e.object().shape({
-        allowMultipleSelections: e.boolean().required(),
-        options: e.array().of(c).min(1).required()
-      })
-    }), d = e.object().shape({
-      taxonomy: e.object().shape({
-        namespace: e.string().required(),
-        taxonomyKey: e.string().required(),
-        allowMultipleSelections: e.boolean().required(),
-        selection: e.mixed().oneOf(Object.values(b)).required(),
-        selectedLevels: e.array().of(e.number().required()).min(1).required()
-      })
-    });
-    return e.lazy((o) => {
-      const r = e.object().shape({
-        type: e.mixed().oneOf(Object.values(i)).required(),
-        name: m,
-        description: e.string().nullable(),
-        hidden: e.boolean().required()
-      });
-      return o?.type === i.Dropdown ? r.concat(p) : o?.type === i.Taxonomy ? r.concat(d) : r;
-    });
-  }, [t]);
-};
-export {
-  j as useTemplateFieldSchema
+import { a as e, c as t } from "../../../../../chunks/types.js";
+import { METADATA_TEMPLATE_FIELD_NAME_MAX_LENGTH as n } from "../../../utils/constants.js";
+import { validationErrors as r } from "../messages/configurator-messages.js";
+import { useIntl as i } from "react-intl";
+import { useMemo as a } from "react";
+import * as o from "yup";
+var s = () => {
+	let s = i();
+	return a(() => {
+		let i = o.string().min(1).max(n, s.formatMessage(r.fieldNameTooLong)).required(s.formatMessage(r.fieldNameCannotBeEmpty)).test("no-whitespace-only", s.formatMessage(r.fieldNameCannotBeEmpty), (e) => !e || e.trim().length > 0), a = o.object().shape({ key: o.string().required(s.formatMessage(r.optionKeyCannotBeEmpty)).test("unique-key", s.formatMessage(r.duplicateOption), (e, t) => {
+			if (!e) return !0;
+			let n = t?.from?.[0]?.value, r = t?.from?.[1].value?.options ?? [], i = r.findIndex((e) => e.id === n?.id);
+			return !r.some((t, n) => n !== i && t.key === e);
+		}) }), c = o.object().shape({ dropdown: o.object().shape({
+			allowMultipleSelections: o.boolean().required(),
+			options: o.array().of(a).min(1).required()
+		}) }), l = o.object().shape({ taxonomy: o.object().shape({
+			namespace: o.string().required(),
+			taxonomyKey: o.string().required(),
+			allowMultipleSelections: o.boolean().required(),
+			selection: o.mixed().oneOf(Object.values(t)).required(),
+			selectedLevels: o.array().of(o.number().required()).min(1).required()
+		}) });
+		return o.lazy((t) => {
+			let n = o.object().shape({
+				type: o.mixed().oneOf(Object.values(e)).required(),
+				name: i,
+				description: o.string().nullable(),
+				hidden: o.boolean().required()
+			});
+			return t?.type === e.Dropdown ? n.concat(c) : t?.type === e.Taxonomy ? n.concat(l) : n;
+		});
+	}, [s]);
 };
+export { s as useTemplateFieldSchema };

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

@@ -1,11 +1,5 @@
-import { useTemplateFieldSchema as o } from "./hooks/useTemplateFieldSchema.js";
-import { MetadataFieldConfigurator as a } from "./metadata-field-configurator.js";
-import { createDefaultFieldValues as l } from "./utils.js";
-import { FieldExtensionsContext as x, useFieldExtensions as d } from "./context/field-extensions-context.js";
-export {
-  x as FieldExtensionsContext,
-  a as MetadataFieldConfigurator,
-  l as createDefaultFieldValues,
-  d as useFieldExtensions,
-  o as useTemplateFieldSchema
-};
+import { useTemplateFieldSchema as e } from "./hooks/useTemplateFieldSchema.js";
+import { FieldExtensionsContext as t, useFieldExtensions as n } from "./context/field-extensions-context.js";
+import { createDefaultFieldValues as r } from "./utils.js";
+import { MetadataFieldConfigurator as i } from "./metadata-field-configurator.js";
+export { t as FieldExtensionsContext, i as MetadataFieldConfigurator, r as createDefaultFieldValues, n as useFieldExtensions, e as useTemplateFieldSchema };