@box/metadata-template-editor 1.20.9 → 1.20.11

package/dist/chunks/metadata-template-editor-form.js

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

package/dist/chunks/metadata-template-editor-modal.js

@@ -0,0 +1,77 @@
+import { o as e } from "./types.js";
+import t from "../esm/lib/messages.js";
+import { t as n } from "./metadata-template-editor.js";
+import { Modal as r } from "@box/blueprint-web";
+import { useIntl as i } from "react-intl";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";
+import f from "clsx";
+import '../styles/metadata-template-editor-modal.css';var p = {
+	modal: "_modal_q1b7q_1",
+	centeredBody: "_centeredBody_q1b7q_7"
+};
+function m({ open: m, onOpenChange: h, onTemplateLoad: g, onValidationChange: _, onCancel: v, title: y, ...b }) {
+	let x = i(), S = l(), C = u(null), [w, T] = d(!1), [E, D] = d(!1), [O, k] = d(void 0), A = b.mode === e.Edit, j = s(() => {
+		v?.(), h(!1);
+	}, [v, h]);
+	c(() => {
+		m || (D(!1), k(void 0));
+	}, [m]);
+	let M = (e) => {
+		e ? h(e) : C.current?.requestClose();
+	}, N = (e) => {
+		k(e.displayName), g?.(e);
+	}, P = (e) => async (...t) => {
+		T(!0);
+		try {
+			await e(...t), h(!1);
+		} finally {
+			T(!1);
+		}
+	}, F = A ? {
+		...b,
+		onEditTemplate: P(b.onEditTemplate)
+	} : {
+		...b,
+		onCreateTemplate: P(b.onCreateTemplate)
+	}, I = w || A && !E, L = A && !O;
+	return /* @__PURE__ */ a(r, {
+		open: m,
+		onOpenChange: M,
+		children: /* @__PURE__ */ o(r.Content, {
+			size: "large",
+			className: p.modal,
+			children: [
+				/* @__PURE__ */ a(r.Header, { children: y ?? (A && O ? x.formatMessage(t.editTitle, { templateName: O }) : x.formatMessage(t.createTitle)) }),
+				/* @__PURE__ */ a(r.ScrollableContainer, {
+					className: f({ [p.centeredBody]: L }),
+					children: /* @__PURE__ */ a(r.Body, { children: /* @__PURE__ */ a(n, {
+						...F,
+						ref: C,
+						formId: S,
+						hideActions: !0,
+						onCancel: j,
+						onDirtyStateChange: D,
+						onValidationChange: _,
+						onTemplateLoad: N
+					}) })
+				}),
+				/* @__PURE__ */ o(r.Footer, { children: [/* @__PURE__ */ a(r.Footer.SecondaryButton, {
+					onClick: () => C.current?.requestClose(),
+					size: "large",
+					children: x.formatMessage(t.cancel)
+				}), /* @__PURE__ */ a(r.Footer.PrimaryButton, {
+					variant: "primary",
+					type: "submit",
+					form: S,
+					loading: w,
+					loadingAriaLabel: x.formatMessage(t.submitting),
+					disabled: I,
+					children: x.formatMessage(t.save)
+				})] }),
+				/* @__PURE__ */ a(r.Close, { "aria-label": x.formatMessage(t.closeAriaLabel) })
+			]
+		})
+	});
+}
+export { m as t };

package/dist/chunks/metadata-template-editor.js

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

package/dist/chunks/sortable-option-list.js

@@ -0,0 +1,231 @@
+import { useFieldConfigurator as e } from "../esm/lib/components/metadata-field-configurator/context/field-configurator-context.js";
+import t from "../esm/lib/components/metadata-field-configurator/messages/dropdown-messages.js";
+import n from "../esm/lib/components/metadata-field-configurator/components/confirmation-modal/confirmation-modal.js";
+import { IconButton as r, TextInput as i } from "@box/blueprint-web";
+import { useIntl as a } from "react-intl";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { DragDots as l } from "@box/blueprint-web-assets/icons/Fill";
+import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
+import m from "lodash/uniqueId";
+import { Trash as h } from "@box/blueprint-web-assets/icons/Line";
+import { DndContext as g, DragOverlay as _, KeyboardSensor as v, PointerSensor as y, TouchSensor as b, closestCenter as x, useSensor as S, useSensors as C } from "@dnd-kit/core";
+import { SortableContext as ee, arrayMove as w, sortableKeyboardCoordinates as T, useSortable as E, verticalListSortingStrategy as te } from "@dnd-kit/sortable";
+import { CSS as D } from "@dnd-kit/utilities";
+import O from "clsx";
+import '../styles/sortable-option-list.css';var k = {
+	sortableOptionList: "_sortableOptionList_1cieq_1",
+	option: "_option_1cieq_9",
+	editable: "_editable_1cieq_9",
+	dragging: "_dragging_1cieq_22",
+	dragHandle: "_dragHandle_1cieq_26",
+	inputContainer: "_inputContainer_1cieq_41",
+	input: "_input_1cieq_41",
+	deleteButtonContainer: "_deleteButtonContainer_1cieq_52",
+	optionDragOverlay: "_optionDragOverlay_1cieq_58"
+};
+function ne(e, t, n, r, i, a) {
+	let o = t?.dropdown?.options?.[n] && typeof e == "object" && !!e && typeof e.dropdown == "object" && e.dropdown?.options?.[n]?.key;
+	if (typeof o != "string") return "";
+	if (a !== null && r.id !== a) {
+		let e = i.find((e) => e.id === a)?.key;
+		if (e && r.key === e && i.some((t, r) => r !== n && t.key === e)) return "";
+	}
+	return o;
+}
+function re({ option: e, index: t, isFieldReadOnly: n, onInputChange: a, onDelete: o, onInputRef: u, error: d, handleBlur: f, canDelete: p, dragAriaLabel: m, inputPlaceholder: g, deleteAriaLabel: _ }) {
+	let { attributes: v, listeners: y, setNodeRef: b, transform: x, transition: S, isDragging: C } = E({ id: e.id });
+	return /* @__PURE__ */ c("li", {
+		ref: b,
+		style: {
+			transform: D.Translate.toString(x),
+			transition: S
+		},
+		className: O(k.option, {
+			[k.dragging]: C,
+			[k.editable]: !n
+		}),
+		children: [
+			!n && /* @__PURE__ */ s("div", {
+				className: k.dragHandle,
+				...y,
+				...v,
+				"aria-label": m,
+				tabIndex: -1,
+				children: /* @__PURE__ */ s(l, {
+					fontSize: 20,
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ s(i, {
+				disabled: n,
+				placeholder: g,
+				label: g,
+				hideLabel: !0,
+				onBlur: f,
+				id: `dropdown.options.${t}.key`,
+				name: `dropdown.options.${t}.key`,
+				value: e.key,
+				className: k.input,
+				onChange: (t) => a(t, e.id),
+				ref: (e) => u(e, t),
+				error: d
+			}),
+			!n && /* @__PURE__ */ s("div", {
+				className: k.deleteButtonContainer,
+				children: /* @__PURE__ */ s(r, {
+					onClick: () => o(e),
+					"aria-label": _,
+					icon: h,
+					size: "x-small",
+					variant: "default",
+					tabIndex: -1,
+					focusable: !0,
+					disabled: !p,
+					className: k.deleteButton
+				})
+			})
+		]
+	});
+}
+function A({ shouldFocusLastOption: E = !1, onFocusConsumed: D }) {
+	let { formatMessage: A } = a(), { values: j, errors: ie, touched: M, setFieldValue: N, setFieldTouched: ae, setTouched: P, handleBlur: oe } = e(), F = C(S(y, { activationConstraint: { distance: 8 } }), S(b, { activationConstraint: {
+		delay: 250,
+		tolerance: 5
+	} }), S(v, { coordinateGetter: T })), { options: I } = j.dropdown, { isFieldReadOnly: L } = j, [R, z] = p(I), [B, V] = p(null), H = f(null), [U, W] = p(null), [G, K] = p(!1), [q, J] = p(null);
+	d(() => {
+		z(I);
+	}, [I]), d(() => () => {
+		H.current && clearTimeout(H.current);
+	}, []);
+	let Y = u((e) => {
+		N("dropdown", {
+			...j.dropdown,
+			options: e
+		});
+	}, [j.dropdown, N]), se = (e, t) => {
+		V(t);
+		let n = R.map((n, r) => n.id === t ? (ae(`dropdown.options.${r}.key`, !0), {
+			...n,
+			key: e.target.value
+		}) : n);
+		z(n), Y(n);
+	}, X = () => {
+		J(null), K(!1);
+	}, Z = (e) => {
+		if (!e) return;
+		let t = R.filter((t) => t.id !== e);
+		z(t), Y(t), e === B && V(null);
+		let n = { ...M }, r = n.dropdown;
+		r?.options && (r.options = r.options.filter((t, n) => R[n]?.id !== e)), P(n), t.length === 0 && N("dropdown", {
+			...j.dropdown,
+			options: [{
+				id: m(),
+				key: "",
+				isNew: !0
+			}]
+		}), X();
+	}, ce = (e) => {
+		e.isNew ? Z(e.id) : (J(e), K(!0));
+	}, le = ({ active: e }) => {
+		W(String(e.id));
+	}, ue = () => {
+		W(null);
+	}, Q = (e) => {
+		W(null);
+		let { active: t, over: n } = e;
+		if (n && t.id !== n.id) {
+			let e = R.findIndex((e) => e.id === t.id), r = R.findIndex((e) => e.id === n.id);
+			if (e !== -1 && r !== -1) {
+				let t = w(R, e, r);
+				z(t), Y(t);
+				let n = M?.dropdown?.options;
+				n && n.length > 0 && P({
+					...M,
+					dropdown: {
+						...M.dropdown ?? {},
+						options: w(n, e, r)
+					}
+				});
+			}
+		}
+	}, de = u((e, t) => {
+		e && E && t === R.length - 1 && (H.current && clearTimeout(H.current), H.current = setTimeout(() => {
+			e.focus(), D(), H.current = null;
+		}, 0));
+	}, [
+		E,
+		D,
+		R.length
+	]), $ = U ? R.find((e) => e.id === U) : null;
+	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c(g, {
+		sensors: F,
+		collisionDetection: x,
+		onDragStart: le,
+		onDragEnd: Q,
+		onDragCancel: ue,
+		children: [/* @__PURE__ */ s(ee, {
+			items: R.map((e) => e.id),
+			strategy: te,
+			children: /* @__PURE__ */ s("ul", {
+				className: k.sortableOptionList,
+				children: R.map((e, n) => /* @__PURE__ */ s(re, {
+					option: e,
+					index: n,
+					isFieldReadOnly: !!L,
+					onInputChange: se,
+					onDelete: ce,
+					onInputRef: de,
+					error: ne(ie, M, n, e, R, B),
+					handleBlur: oe,
+					canDelete: R.length >= 2,
+					dragAriaLabel: A(t.dragAndDropOptionAriaLabel),
+					inputPlaceholder: A(t.addAnOptionOptionPlaceholder),
+					deleteAriaLabel: A(t.deleteDropdownOptionAriaLabel)
+				}, e.id))
+			})
+		}), /* @__PURE__ */ s(_, {
+			dropAnimation: null,
+			children: $ ? /* @__PURE__ */ c("li", {
+				className: O(k.option, k.optionDragOverlay, { [k.editable]: !L }),
+				children: [
+					!L && /* @__PURE__ */ s("div", {
+						className: k.dragHandle,
+						children: /* @__PURE__ */ s(l, {
+							fontSize: 20,
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ s(i, {
+						disabled: L,
+						placeholder: A(t.addAnOptionOptionPlaceholder),
+						label: A(t.addAnOptionOptionPlaceholder),
+						hideLabel: !0,
+						id: "drag-overlay-option",
+						name: "drag-overlay-option",
+						value: $.key,
+						className: k.input
+					}),
+					!L && /* @__PURE__ */ s("div", {
+						className: k.deleteButtonContainer,
+						children: /* @__PURE__ */ s(r, {
+							icon: h,
+							size: "x-small",
+							variant: "default",
+							tabIndex: -1,
+							focusable: !0,
+							disabled: R.length < 2,
+							className: k.deleteButton,
+							"aria-label": ""
+						})
+					})
+				]
+			}) : null
+		})]
+	}), G && /* @__PURE__ */ s(n, {
+		onClose: X,
+		onConfirm: () => Z(q?.id ?? null),
+		title: A(t.deleteOptionTitle, { optionName: q?.key ?? "" }),
+		body: A(t.deleteOptionDescription)
+	})] });
+}
+export { A as t };

package/dist/chunks/taxonomy-field-configuration.js

@@ -0,0 +1,126 @@
+import { c as e } from "./types.js";
+import { useFieldConfigurator as t } from "../esm/lib/components/metadata-field-configurator/context/field-configurator-context.js";
+import { useTaxonomyOptions as n } from "../esm/lib/components/metadata-field-configurator/context/taxonomy-options-context.js";
+import r from "../esm/lib/components/metadata-field-configurator/messages/taxonomy-messages.js";
+import { t as i } from "./levels-chain.js";
+import { t as a } from "./taxonomy-field-configurator-initial-state.js";
+import { useTaxonomySelect as o } from "../esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/useTaxonomySelect.js";
+import { filterTaxonomiesByValue as s } from "../esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/utils.js";
+import { t as c } from "./taxonomy-selector.js";
+import { DropdownMenu as l, InlineNotice as u, Radio as d, Switch as f, TextButton as p } from "@box/blueprint-web";
+import { useIntl as m } from "react-intl";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Caret as v } from "@box/blueprint-web-assets/icons/Fill";
+import { useEffect as y, useMemo as b } from "react";
+import '../styles/taxonomy-field-configuration.css';var x = {
+	taxonomyFieldConfiguration: "_taxonomyFieldConfiguration_ylhrs_1",
+	responsePlaceholder: "_responsePlaceholder_ylhrs_8"
+}, S = () => {
+	let { formatMessage: S } = m(), { values: C, errors: w, touched: T, setFieldValue: E } = t(), { onTaxonomySelect: D } = o({
+		values: C,
+		setFieldValue: E
+	}), { options: O } = n(), k = C.taxonomy.availableTaxonomies.find((e) => e.selected), { selectedLevels: A } = C.taxonomy, j = b(() => k ? k.levels : [], [k]), M = C.taxonomy.selection === e.RequireSpecific && A.length > 0 ? j[A[0] - 1]?.name : void 0;
+	y(() => {
+		O.length > 0 && E("taxonomy", {
+			...C.taxonomy,
+			availableTaxonomies: O.map((e) => ({
+				...e,
+				selected: e.taxonomyKey === C.taxonomy.taxonomyKey
+			})),
+			selectedLevels: C.taxonomy.selectedLevels,
+			selection: C.taxonomy.selectedLevels.length > 1 ? e.AllowAny : e.RequireSpecific
+		});
+	}, [O]);
+	let N = (t) => {
+		let n = t === e.AllowAny ? j.map((e) => e.level) : [j[0].level];
+		E("taxonomy", {
+			...C.taxonomy,
+			selection: t,
+			selectedLevels: n
+		});
+	}, P = k?.label ?? S(r.chooseTaxonomyLevel), F = !!w.taxonomy?.taxonomyKey && !!T.taxonomy?.taxonomyKey;
+	if (!k && C.isFieldNew) return /* @__PURE__ */ _(h, { children: [F && /* @__PURE__ */ g(u, {
+		variant: "error",
+		variantIconAriaLabel: S(r.noTaxonomySelectedError),
+		children: S(r.noTaxonomySelectedError)
+	}), /* @__PURE__ */ g(a, {})] });
+	let I = C.isFieldReadOnly || !C.isFieldNew;
+	return /* @__PURE__ */ _("div", {
+		className: x.taxonomyFieldConfiguration,
+		children: [
+			/* @__PURE__ */ g(f.Item, {
+				name: "allowMultipleSelections",
+				disabled: I,
+				checked: C.taxonomy.allowMultipleSelections,
+				label: S(r.allowMultipleTaxonomySelections),
+				onCheckedChange: (e) => {
+					E("taxonomy", {
+						...C.taxonomy,
+						allowMultipleSelections: e
+					});
+				},
+				value: C.taxonomy.allowMultipleSelections.toString()
+			}),
+			/* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(c, {
+				triggerButton: /* @__PURE__ */ g(p, {
+					disabled: I,
+					icon: v,
+					children: P
+				}),
+				data: s(C.taxonomy.availableTaxonomies, C.taxonomy.taxonomySearchValue),
+				onClick: D,
+				onSearchValue: (e) => {
+					E("taxonomy", {
+						...C.taxonomy,
+						taxonomySearchValue: e
+					});
+				}
+			}) }),
+			j.length > 0 && /* @__PURE__ */ g(i, {
+				levels: j,
+				selectedLevels: A
+			}),
+			k && j.length > 1 && /* @__PURE__ */ g(d.Legend, {
+				header: S(r.selection),
+				children: /* @__PURE__ */ _(d.Group, {
+					disabled: I,
+					defaultValue: e.RequireSpecific,
+					loop: !0,
+					name: "selection",
+					onValueChange: N,
+					orientation: "vertical",
+					value: C.taxonomy.selection,
+					children: [/* @__PURE__ */ g(d.Item, {
+						label: /* @__PURE__ */ _(h, { children: [S(r.requiredSelection), /* @__PURE__ */ _(l.Root, {
+							modal: !1,
+							children: [/* @__PURE__ */ g(l.Trigger, {
+								disabled: C.taxonomy.selection !== e.RequireSpecific || I,
+								children: /* @__PURE__ */ g(p, {
+									icon: v,
+									children: M ?? S(r.chooseTaxonomyLevel)
+								})
+							}), /* @__PURE__ */ g(l.Content, {
+								align: "start",
+								children: k?.levels?.map((e) => /* @__PURE__ */ g(l.Item, {
+									onClick: () => {
+										E("taxonomy", {
+											...C.taxonomy,
+											selectedLevels: [e.level]
+										});
+									},
+									children: e.name
+								}, e.level))
+							})]
+						})] }),
+						value: e.RequireSpecific
+					}), /* @__PURE__ */ g(d.Item, {
+						disabled: I,
+						label: S(r.anyLevelSelection),
+						value: e.AllowAny
+					})]
+				})
+			})
+		]
+	});
+};
+export { S as t };