@box/metadata-template-editor 1.22.16 → 1.24.3

package/dist/chunks/field-context-menu.js

@@ -1,93 +1,91 @@
 import { general as e } from "../esm/lib/components/metadata-field-configurator/messages/configurator-messages.js";
 import { Divider as t, DropdownMenu as n, IconButton as r, Text as i } from "@box/blueprint-web";
 import { FormattedMessage as a, useIntl as o } from "react-intl";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Ellipsis as l } from "@box/blueprint-web-assets/icons/Fill";
-import u from "react";
-import { IconIconErrorOnLight as d } from "@box/blueprint-web-assets/tokens/tokens";
-import { ArrowDown as f, ArrowUp as p, Hidden as m, Trash as h, TwoFiles as g, Visible as _ } from "@box/blueprint-web-assets/icons/Line";
-import v from "clsx";
-import '../styles/field-context-menu.css';var y = {
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Ellipsis as u } from "@box/blueprint-web-assets/icons/Fill";
+import d from "react";
+import { IconIconErrorOnLight as f } from "@box/blueprint-web-assets/tokens/tokens";
+import { ArrowDown as p, ArrowUp as m, Hidden as h, Trash as g, TwoFiles as _, Visible as v } from "@box/blueprint-web-assets/icons/Line";
+import y from "clsx";
+import '../styles/field-context-menu.css';var b = {
 	contextMenuTrigger: "_contextMenuTrigger_102vn_1",
 	menuItem: "_menuItem_102vn_5",
 	contextMenu: "_contextMenu_102vn_1",
 	divider: "_divider_102vn_14"
-}, b = ({ className: b, index: x, maxIndex: S, isHidden: C, onReorderFields: w, onToggleVisibility: T, onRequestDelete: E, onRequestDuplicate: D, onOpenChange: O }) => {
-	let k = o(), [A, j] = u.useState(!1), M = u.useRef(null), N = (e) => {
-		j(e), O?.(e);
-	}, P = () => {
-		x > 0 && w(x, x - 1);
+}, x = ({ className: x, index: S, maxIndex: C, isHidden: w = !1, onReorderFields: T, onToggleVisibility: E, onRequestDelete: D, onRequestDuplicate: O, onOpenChange: k }) => {
+	let A = o(), [j, M] = d.useState(!1), N = d.useRef(null), P = (e) => {
+		M(e), k?.(e);
 	}, F = () => {
-		w(x, x + 1);
-	};
-	return /* @__PURE__ */ c(n.Root, {
-		open: A,
-		onOpenChange: N,
+		S > 0 && T?.(S, S - 1);
+	}, I = () => {
+		T?.(S, S + 1);
+	}, L = !!(T || O || E);
+	return /* @__PURE__ */ l(n.Root, {
+		open: j,
+		onOpenChange: P,
 		modal: !1,
-		children: [/* @__PURE__ */ s(n.Trigger, {
-			className: v(y.contextMenuTrigger, b),
-			children: /* @__PURE__ */ s(r, {
-				icon: l,
-				"aria-label": k.formatMessage(e.contextMenuAriaLabel),
+		children: [/* @__PURE__ */ c(n.Trigger, {
+			className: y(b.contextMenuTrigger, x),
+			children: /* @__PURE__ */ c(r, {
+				icon: u,
+				"aria-label": A.formatMessage(e.contextMenuAriaLabel),
 				size: "large"
 			})
-		}), /* @__PURE__ */ c(n.Content, {
-			ref: M,
+		}), /* @__PURE__ */ l(n.Content, {
+			ref: N,
 			align: "end",
-			className: y.contextMenu,
+			className: b.contextMenu,
 			children: [
-				/* @__PURE__ */ s(n.Item, {
-					disabled: x === 0,
-					onClick: P,
-					"aria-label": k.formatMessage(e.moveUpAriaLabel),
-					children: /* @__PURE__ */ c("div", {
-						className: y.menuItem,
-						children: [/* @__PURE__ */ s(p, { "aria-hidden": "true" }), /* @__PURE__ */ s(a, { ...e.moveUp })]
-					})
-				}),
-				/* @__PURE__ */ s(n.Item, {
-					disabled: x === S,
+				T && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(n.Item, {
+					disabled: S === 0,
 					onClick: F,
-					"aria-label": k.formatMessage(e.moveDownAriaLabel),
-					children: /* @__PURE__ */ c("div", {
-						className: y.menuItem,
-						children: [/* @__PURE__ */ s(f, { "aria-hidden": "true" }), /* @__PURE__ */ s(a, { ...e.moveDown })]
+					"aria-label": A.formatMessage(e.moveUpAriaLabel),
+					children: /* @__PURE__ */ l("div", {
+						className: b.menuItem,
+						children: [/* @__PURE__ */ c(m, { "aria-hidden": "true" }), /* @__PURE__ */ c(a, { ...e.moveUp })]
 					})
-				}),
-				/* @__PURE__ */ s(n.Item, {
-					onClick: D,
-					"aria-label": k.formatMessage(e.duplicateFieldAriaLabel),
-					children: /* @__PURE__ */ c("div", {
-						className: y.menuItem,
-						children: [/* @__PURE__ */ s(g, { "aria-hidden": "true" }), /* @__PURE__ */ s(a, { ...e.duplicateField })]
+				}), /* @__PURE__ */ c(n.Item, {
+					disabled: S === C,
+					onClick: I,
+					"aria-label": A.formatMessage(e.moveDownAriaLabel),
+					children: /* @__PURE__ */ l("div", {
+						className: b.menuItem,
+						children: [/* @__PURE__ */ c(p, { "aria-hidden": "true" }), /* @__PURE__ */ c(a, { ...e.moveDown })]
+					})
+				})] }),
+				O && /* @__PURE__ */ c(n.Item, {
+					onClick: O,
+					"aria-label": A.formatMessage(e.duplicateFieldAriaLabel),
+					children: /* @__PURE__ */ l("div", {
+						className: b.menuItem,
+						children: [/* @__PURE__ */ c(_, { "aria-hidden": "true" }), /* @__PURE__ */ c(a, { ...e.duplicateField })]
 					})
 				}),
-				/* @__PURE__ */ s(n.Item, {
-					onClick: () => T(!C),
-					"aria-label": k.formatMessage(C ? e.showField : e.hideField),
-					children: /* @__PURE__ */ c("div", {
-						className: y.menuItem,
-						children: [s(C ? _ : m, { "aria-hidden": "true" }), /* @__PURE__ */ s(a, { ...C ? e.showField : e.hideField })]
+				E && /* @__PURE__ */ c(n.Item, {
+					onClick: () => E(!w),
+					"aria-label": A.formatMessage(w ? e.showField : e.hideField),
+					children: /* @__PURE__ */ l("div", {
+						className: b.menuItem,
+						children: [c(w ? v : h, { "aria-hidden": "true" }), /* @__PURE__ */ c(a, { ...w ? e.showField : e.hideField })]
 					})
 				}),
-				/* @__PURE__ */ s(t, { className: y.divider }),
-				/* @__PURE__ */ s(n.Item, {
-					onClick: E,
-					"aria-label": k.formatMessage(e.deleteFieldAriaLabel),
-					children: /* @__PURE__ */ c("div", {
-						className: y.menuItem,
-						children: [/* @__PURE__ */ s(h, {
-							color: d,
+				D && /* @__PURE__ */ l(s, { children: [L && /* @__PURE__ */ c(t, { className: b.divider }), /* @__PURE__ */ c(n.Item, {
+					onClick: D,
+					"aria-label": A.formatMessage(e.deleteFieldAriaLabel),
+					children: /* @__PURE__ */ l("div", {
+						className: b.menuItem,
+						children: [/* @__PURE__ */ c(g, {
+							color: f,
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ s(i, {
+						}), /* @__PURE__ */ c(i, {
 							as: "span",
 							color: "textOnLightError",
-							children: /* @__PURE__ */ s(a, { ...e.deleteField })
+							children: /* @__PURE__ */ c(a, { ...e.deleteField })
 						})]
 					})
-				})
+				})] })
 			]
 		})]
 	});
 };
-export { b as t };
+export { x as t };

package/dist/chunks/metadata-field-configurator.module.js

@@ -1,22 +1,21 @@
 import '../styles/metadata-field-configurator.css';var e = {
-	fieldset: "_fieldset_ireyr_1",
-	fieldAccordionItem: "_fieldAccordionItem_ireyr_7",
-	expandedContent: "_expandedContent_ireyr_11",
-	basic: "_basic_ireyr_17",
-	fieldTypeSelect: "_fieldTypeSelect_ireyr_22",
-	typeSpecific: "_typeSpecific_ireyr_26",
-	description: "_description_ireyr_33",
-	labelWithTooltip: "_labelWithTooltip_ireyr_38",
-	validationErrors: "_validationErrors_ireyr_49",
-	errorIcon: "_errorIcon_ireyr_53",
-	fieldActionSlot: "_fieldActionSlot_ireyr_59",
-	expandedToolbarActions: "_expandedToolbarActions_ireyr_65",
-	fieldCollapsedText: "_fieldCollapsedText_ireyr_71",
-	extensionTabsContainer: "_extensionTabsContainer_ireyr_76",
-	extensionContent: "_extensionContent_ireyr_82",
-	menuOpen: "_menuOpen_ireyr_94",
-	fieldContextMenu: "_fieldContextMenu_ireyr_97",
-	hiddenBadge: "_hiddenBadge_ireyr_112",
-	contextMenuWithCollapsedText: "_contextMenuWithCollapsedText_ireyr_115"
+	fieldset: "_fieldset_l98ha_1",
+	expandedContent: "_expandedContent_l98ha_7",
+	basic: "_basic_l98ha_13",
+	fieldTypeSelect: "_fieldTypeSelect_l98ha_18",
+	typeSpecific: "_typeSpecific_l98ha_22",
+	description: "_description_l98ha_29",
+	labelWithTooltip: "_labelWithTooltip_l98ha_34",
+	fieldActionSlot: "_fieldActionSlot_l98ha_45",
+	expandedToolbarActions: "_expandedToolbarActions_l98ha_52",
+	extensionTabsContainer: "_extensionTabsContainer_l98ha_58",
+	extensionContent: "_extensionContent_l98ha_64",
+	fieldCollapsedText: "_fieldCollapsedText_l98ha_68",
+	expanded: "_expanded_l98ha_7",
+	contextMenuWithCollapsedText: "_contextMenuWithCollapsedText_l98ha_77",
+	fieldAccordionItem: "_fieldAccordionItem_l98ha_83",
+	fieldContextMenu: "_fieldContextMenu_l98ha_90",
+	menuOpen: "_menuOpen_l98ha_93",
+	hiddenBadge: "_hiddenBadge_l98ha_112"
 };
 export { e as t };

package/dist/chunks/metadata-field-list.js

@@ -14,29 +14,43 @@ import * as v from "yup";
 import y from "clsx";
 import ee from "lodash/cloneDeep";
 import b from "lodash/uniqueId";
-import { DndContext as te, DragOverlay as x, KeyboardSensor as S, PointerSensor as ne, TouchSensor as re, closestCenter as ie, useSensor as C, useSensors as w } from "@dnd-kit/core";
-import { SortableContext as T, arrayMove as E, sortableKeyboardCoordinates as ae, useSortable as D, verticalListSortingStrategy as oe } from "@dnd-kit/sortable";
-import { CSS as O } from "@dnd-kit/utilities";
-import '../styles/metadata-field-list.css';var k = {
+import { DndContext as te, DragOverlay as x, KeyboardSensor as S, PointerSensor as ne, TouchSensor as C, closestCenter as re, useSensor as w, useSensors as T } from "@dnd-kit/core";
+import { SortableContext as E, arrayMove as D, sortableKeyboardCoordinates as ie, useSortable as O, verticalListSortingStrategy as ae } from "@dnd-kit/sortable";
+import { CSS as k } from "@dnd-kit/utilities";
+import '../styles/metadata-field-list.css';var A = {
 	fieldList: "_fieldList_18x5c_1",
 	fieldItem: "_fieldItem_18x5c_11",
 	dragging: "_dragging_18x5c_11",
 	accordionRootContainer: "_accordionRootContainer_18x5c_15"
-}, A = 150;
-function j(e) {
+}, j = 150;
+function M(e) {
 	return e.id;
 }
-var M = 150;
-function N({ field: e, index: t, maxIndex: n, isExpanded: r, onChangeField: i, onDeleteAtIndex: a, onDuplicateAtIndex: o, onReorderFields: c, onRequestExpand: l, submitAttemptCount: d }) {
-	let f = j(e), { attributes: p, listeners: m, setNodeRef: h, transform: g, transition: _, isDragging: v } = D({ id: f });
+var N = 150, P = class extends S {
+	static activators = [{
+		eventName: "onKeyDown",
+		handler: (e, t, n) => {
+			let r = e.nativeEvent?.target ?? e.target ?? null;
+			return r instanceof HTMLElement && [
+				"BUTTON",
+				"INPUT",
+				"SELECT",
+				"TEXTAREA",
+				"A"
+			].includes(r.tagName) ? !1 : S.activators[0].handler(e, t, n);
+		}
+	}];
+};
+function oe({ field: e, index: t, maxIndex: n, isExpanded: r, onChangeField: i, onDeleteAtIndex: a, onDuplicateAtIndex: o, onReorderFields: c, onRequestExpand: l, submitAttemptCount: d }) {
+	let f = M(e), { attributes: p, listeners: m, setNodeRef: h, transform: g, transition: _, isDragging: v } = O({ id: f });
 	return /* @__PURE__ */ u("li", {
 		ref: h,
 		style: {
-			transform: O.Translate.toString(g),
+			transform: k.Translate.toString(g),
 			transition: _
 		},
 		"data-field-id": f,
-		className: y(k.fieldItem, { [k.dragging]: v }),
+		className: y(A.fieldItem, { [A.dragging]: v }),
 		children: /* @__PURE__ */ u(s, {
 			values: e,
 			onValuesChange: i,
@@ -57,8 +71,8 @@ function N({ field: e, index: t, maxIndex: n, isExpanded: r, onChangeField: i, o
 		})
 	});
 }
-var P = /* @__PURE__ */ f(function({ fields: s, onChangeFields: f, onDeleteFieldAtIndex: y, onDuplicateField: D, taxonomyOptions: O, fetchTaxonomies: P, firstInvalidFieldIndex: F, submitAttemptCount: I, fieldExtensions: L, onValidationChange: R }, z) {
-	let { formatMessage: B } = l(), V = o(P, O), H = g(null), U = g(null), W = g(new Set(s.map((e) => j(e)))), G = r(), K = g(null);
+var F = /* @__PURE__ */ f(function({ fields: s, onChangeFields: f, onDeleteFieldAtIndex: y, onDuplicateField: S, taxonomyOptions: O, fetchTaxonomies: k, firstInvalidFieldIndex: F, submitAttemptCount: I, fieldExtensions: L, onValidationChange: R }, z) {
+	let { formatMessage: B } = l(), V = o(k, O), H = g(null), U = g(null), W = g(new Set(s.map((e) => M(e)))), G = r(), K = g(null);
 	m(() => {
 		K.current = null;
 	}, [R]), m(() => {
@@ -69,7 +83,7 @@ var P = /* @__PURE__ */ f(function({ fields: s, onChangeFields: f, onDeleteField
 			}).catch(() => {
 				e || K.current === !1 || (K.current = !1, R(!1));
 			});
-		}, A);
+		}, j);
 		return () => {
 			e = !0, clearTimeout(t);
 		};
@@ -80,7 +94,7 @@ var P = /* @__PURE__ */ f(function({ fields: s, onChangeFields: f, onDeleteField
 	]);
 	let [q, J] = _(() => {
 		let e = s.find((e) => e.isFieldNew);
-		return e ? j(e) : null;
+		return e ? M(e) : null;
 	});
 	h(z, () => ({ scrollToAndExpand(e) {
 		U.current = e, q === e ? (U.current = null, setTimeout(() => {
@@ -91,14 +105,14 @@ var P = /* @__PURE__ */ f(function({ fields: s, onChangeFields: f, onDeleteField
 		}, 0)) : J(e);
 	} }), [q]), m(() => {
 		s.forEach((e) => {
-			let t = j(e);
+			let t = M(e);
 			W.current.has(t) || (W.current.add(t), U.current = t, J(t));
 		});
 	}, [s]), m(() => {
 		if (F == null || !I) return;
 		let e = s[F];
 		if (!e) return;
-		let t = j(e);
+		let t = M(e);
 		J(t), requestAnimationFrame(() => {
 			(H.current?.querySelector(`[data-field-id="${t}"]`))?.scrollIntoView({
 				behavior: "smooth",
@@ -114,27 +128,27 @@ var P = /* @__PURE__ */ f(function({ fields: s, onChangeFields: f, onDeleteField
 				behavior: "smooth",
 				block: "nearest"
 			});
-		}, M);
+		}, N);
 		return () => clearTimeout(t);
 	}, [q]);
-	let [Y, X] = _(null), se = w(C(ne, { activationConstraint: { distance: 8 } }), C(re, { activationConstraint: {
+	let [Y, X] = _(null), se = T(w(ne, { activationConstraint: { distance: 8 } }), w(C, { activationConstraint: {
 		delay: 250,
 		tolerance: 5
-	} }), C(S, { coordinateGetter: ae })), ce = p((e) => {
+	} }), w(P, { coordinateGetter: ie })), ce = p((e) => {
 		X(String(e.active.id));
 	}, []), le = p((e) => {
 		X(null);
 		let { active: t, over: n } = e;
 		if (n && t.id !== n.id) {
-			let e = s.findIndex((e) => j(e) === t.id), r = s.findIndex((e) => j(e) === n.id);
-			e !== -1 && r !== -1 && f?.(E(s, e, r));
+			let e = s.findIndex((e) => M(e) === t.id), r = s.findIndex((e) => M(e) === n.id);
+			e !== -1 && r !== -1 && f?.(D(s, e, r));
 		}
 	}, [s, f]), ue = p(() => {
 		X(null);
 	}, []), de = p((e, t) => {
 		f?.(s.map((n, r) => r === e ? t : n));
 	}, [s, f]), fe = p((e) => {
-		let t = s[e], n = j(t);
+		let t = s[e], n = M(t);
 		J((e) => e === n ? null : e), f?.(s.filter((t, n) => n !== e)), y?.(e, t);
 	}, [
 		s,
@@ -147,13 +161,13 @@ var P = /* @__PURE__ */ f(function({ fields: s, onChangeFields: f, onDeleteField
 			id: b()
 		})));
 		let i = [...s];
-		i.splice(t + 1, 0, r), f?.(i), D?.(r);
+		i.splice(t + 1, 0, r), f?.(i), S?.(r);
 	}, [
 		s,
 		f,
-		D
+		S
 	]), me = p((e, t) => {
-		t < 0 || t >= s.length || f?.(E(s, e, t));
+		t < 0 || t >= s.length || f?.(D(s, e, t));
 	}, [s, f]), he = p((e) => {
 		let t = e || null;
 		J(t), t && setTimeout(() => {
@@ -161,34 +175,34 @@ var P = /* @__PURE__ */ f(function({ fields: s, onChangeFields: f, onDeleteField
 				behavior: "smooth",
 				block: "nearest"
 			});
-		}, M);
-	}, []), ge = s.map((e) => j(e)), Z = Y ? s.find((e) => j(e) === Y) : null, Q = Z ? t(Z.type) : null, _e = Z ? ((t) => {
+		}, N);
+	}, []), ge = s.map((e) => M(e)), Z = Y ? s.find((e) => M(e) === Y) : null, Q = Z ? t(Z.type) : null, _e = Z ? ((t) => {
 		let r = t.name || B(n.fieldNameInputPlaceholder);
 		return t.type === e.Dropdown ? `${r} (${t.dropdown?.options?.length ?? 0})` : r;
 	})(Z) : "", $ = /* @__PURE__ */ u(i.Provider, {
 		value: V,
 		children: /* @__PURE__ */ d(te, {
 			sensors: se,
-			collisionDetection: ie,
+			collisionDetection: re,
 			onDragStart: ce,
 			onDragEnd: le,
 			onDragCancel: ue,
 			children: [/* @__PURE__ */ u("div", {
-				className: k.accordionRootContainer,
+				className: A.accordionRootContainer,
 				children: /* @__PURE__ */ u(c, {
 					type: "single",
 					collapsible: !0,
 					value: q ?? "",
 					onValueChange: he,
-					children: /* @__PURE__ */ u(T, {
+					children: /* @__PURE__ */ u(E, {
 						items: ge,
-						strategy: oe,
+						strategy: ae,
 						children: /* @__PURE__ */ u("ul", {
 							ref: H,
-							className: k.fieldList,
+							className: A.fieldList,
 							children: s.map((e, t) => {
-								let n = j(e);
-								return /* @__PURE__ */ u(N, {
+								let n = M(e);
+								return /* @__PURE__ */ u(oe, {
 									field: e,
 									index: t,
 									maxIndex: s.length - 1,
@@ -226,4 +240,4 @@ var P = /* @__PURE__ */ f(function({ fields: s, onChangeFields: f, onDeleteField
 		children: $
 	});
 });
-export { P as t };
+export { F as t };

package/dist/esm/index.js

@@ -3,11 +3,17 @@ import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, t as l } fro
 import { t as u } from "../chunks/field-type-dropdown.js";
 import { FieldTypeTiles as d } from "./lib/components/field-type-tiles/field-type-tiles.js";
 import { useTemplateFieldSchema as f } from "./lib/components/metadata-field-configurator/hooks/useTemplateFieldSchema.js";
-import { createDefaultFieldValues as p } from "./lib/components/metadata-field-configurator/utils.js";
-import { FieldExtensionsContext as m, useFieldExtensions as h } from "./lib/components/metadata-field-configurator/context/field-extensions-context.js";
-import { MetadataFieldConfigurator as g } from "./lib/components/metadata-field-configurator/metadata-field-configurator.js";
-import { t as _ } from "../chunks/metadata-field-list.js";
-import { t as v } from "../chunks/metadata-template-editor.js";
-import { t as y } from "../chunks/metadata-template-editor-modal.js";
+import p from "./lib/components/metadata-field-configurator/components/confirmation-modal/confirmation-modal.js";
+import { FieldActionSlot as m } from "./lib/components/metadata-field-configurator/components/field-action-slot/field-action-slot.js";
+import { FieldConfiguratorContext as h, useFieldConfigurator as g } from "./lib/components/metadata-field-configurator/context/field-configurator-context.js";
+import { TaxonomyOptionsContext as _, createStaticTaxonomyContext as v, useTaxonomyOptions as y } from "./lib/components/metadata-field-configurator/context/taxonomy-options-context.js";
+import { createDefaultFieldValues as b } from "./lib/components/metadata-field-configurator/utils.js";
+import { FieldEditContent as x } from "./lib/components/metadata-field-configurator/components/field-edit-content/field-edit-content.js";
+import { FieldExtensionsContext as S, useFieldExtensions as C } from "./lib/components/metadata-field-configurator/context/field-extensions-context.js";
+import { useFieldConfiguratorBehavior as w } from "./lib/components/metadata-field-configurator/hooks/useFieldConfiguratorBehavior.js";
+import { MetadataFieldConfigurator as T } from "./lib/components/metadata-field-configurator/metadata-field-configurator.js";
+import { t as E } from "../chunks/metadata-field-list.js";
+import { t as D } from "../chunks/metadata-template-editor.js";
+import { t as O } from "../chunks/metadata-template-editor-modal.js";
 import "./lib/components/metadata-template-editor-modal/index.js";
-export { l as AllOps, a as ApiMetadataTemplateFieldType, s as EnumOperations, m as FieldExtensionsContext, r as FieldOperations, e as FieldSelector, t as FieldType, u as FieldTypeDropdown, d as FieldTypeTiles, g as MetadataFieldConfigurator, _ as MetadataFieldList, _ as MetadataFieldListDefault, v as MetadataTemplateEditor, y as MetadataTemplateEditorModal, o as MetadataTemplateEditorMode, c as MultiSelectOperations, n as TaxonomySelection, i as TemplateOperations, p as createDefaultFieldValues, h as useFieldExtensions, f as useTemplateFieldSchema };
+export { l as AllOps, a as ApiMetadataTemplateFieldType, p as ConfirmationModal, s as EnumOperations, m as FieldActionSlot, h as FieldConfiguratorContext, x as FieldEditContent, S as FieldExtensionsContext, r as FieldOperations, e as FieldSelector, t as FieldType, u as FieldTypeDropdown, d as FieldTypeTiles, T as MetadataFieldConfigurator, E as MetadataFieldList, E as MetadataFieldListDefault, D as MetadataTemplateEditor, O as MetadataTemplateEditorModal, o as MetadataTemplateEditorMode, c as MultiSelectOperations, _ as TaxonomyOptionsContext, n as TaxonomySelection, i as TemplateOperations, b as createDefaultFieldValues, v as createStaticTaxonomyContext, g as useFieldConfigurator, w as useFieldConfiguratorBehavior, C as useFieldExtensions, y as useTaxonomyOptions, f as useTemplateFieldSchema };

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

@@ -8,34 +8,50 @@ import { useState as l } from "react";
 import { SurfaceStatusSurfaceGray as u } from "@box/blueprint-web-assets/tokens/tokens";
 import { Hidden as d, Pencil as f } from "@box/blueprint-web-assets/icons/Line";
 import p from "clsx";
-var m = ({ isHidden: m, isExpanded: h, index: g, maxIndex: _, onReorderFields: v, onToggleVisibility: y, onRequestDelete: b, onRequestDuplicate: x, extensions: S, fieldCollapsedText: C }) => {
-	let w = o(), [T, E] = l(!1);
+var m = ({ isHidden: m, isExpanded: h = !1, index: g, maxIndex: _, onReorderFields: v, onToggleVisibility: y, onRequestDelete: b, onRequestDuplicate: x, extensions: S, fieldCollapsedText: C, collapsedMenuSlot: w }) => {
+	let T = o(), [E, D] = l(!1), O = !h && w ? /* @__PURE__ */ s("div", {
+		className: t.contextMenuWithCollapsedText,
+		children: w
+	}) : /* @__PURE__ */ s(n, {
+		className: p(t.fieldContextMenu, {
+			[t.menuOpen]: E,
+			[t.contextMenuWithCollapsedText]: C && !h
+		}),
+		index: g,
+		maxIndex: _,
+		isHidden: m,
+		onReorderFields: v,
+		onToggleVisibility: y,
+		onRequestDelete: b,
+		onRequestDuplicate: x,
+		onOpenChange: D
+	});
 	return /* @__PURE__ */ c("div", {
-		className: t.fieldActionSlot,
+		className: p(t.fieldActionSlot, { [t.expanded]: h }),
 		children: [
 			m && /* @__PURE__ */ s(r, {
 				icon: d,
 				iconPosition: "left",
 				color: u,
-				text: w.formatMessage(e.hiddenStatus).toUpperCase(),
+				text: T.formatMessage(e.hiddenStatus).toUpperCase(),
 				className: t.hiddenBadge
 			}),
 			C && !h && /* @__PURE__ */ s(a, {
 				as: "span",
 				variant: "bodySmall",
 				color: "textOnLightSecondary",
-				className: p(t.fieldCollapsedText, { [t.menuOpen]: T }),
+				className: p(t.fieldCollapsedText, { [t.menuOpen]: E }),
 				children: C
 			}),
 			/* @__PURE__ */ c("div", {
-				className: p(t.expandedToolbarActions, { [t.menuOpen]: T }),
+				className: p(t.expandedToolbarActions, { [t.menuOpen]: E }),
 				children: [S.length > 0 && /* @__PURE__ */ c(i.TabList, {
 					variant: "contentSwitcher",
 					containerClassname: t.extensionTabsContainer,
 					children: [/* @__PURE__ */ s(i.Tab, {
 						id: "edit",
 						variant: "contentSwitcher",
-						"aria-label": w.formatMessage(e.editTabAriaLabel),
+						"aria-label": T.formatMessage(e.editTabAriaLabel),
 						children: /* @__PURE__ */ s(f, { "aria-hidden": "true" })
 					}), S.map((e, t) => /* @__PURE__ */ s(i.Tab, {
 						id: `ext-${t}`,
@@ -43,20 +59,7 @@ var m = ({ isHidden: m, isExpanded: h, index: g, maxIndex: _, onReorderFields: v
 						"aria-label": e.label,
 						children: /* @__PURE__ */ s(e.icon, { "aria-hidden": "true" })
 					}, e.label))]
-				}), /* @__PURE__ */ s(n, {
-					className: p(t.fieldContextMenu, {
-						[t.menuOpen]: T,
-						[t.contextMenuWithCollapsedText]: !!C && !h
-					}),
-					index: g,
-					maxIndex: _,
-					isHidden: m,
-					onReorderFields: v,
-					onToggleVisibility: y,
-					onRequestDelete: b,
-					onRequestDuplicate: x,
-					onOpenChange: E
-				})]
+				}), O]
 			})
 		]
 	});

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

@@ -8,22 +8,22 @@ import { Select as o, TextInput as s, TextWithInfoBadge as c, TooltipProvider as
 import { useIntl as u } from "react-intl";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { useMemo as p } from "react";
-var m = ({ nameInputId: m, descriptionInputId: h, isTypeEditable: g, externalErrors: _, externalTouched: v, handleTypeChange: y }) => {
-	let b = u(), x = t(), { values: S, errors: C, touched: w, handleChange: T, handleBlur: E } = i(), D = (e) => {
+var m = ({ nameInputId: m, descriptionInputId: h, isTypeEditable: g, externalErrors: _, externalTouched: v, handleTypeChange: y, hideDescription: b = !1 }) => {
+	let x = u(), S = t(), { values: C, errors: w, touched: T, handleChange: E, handleBlur: D } = i(), O = (e) => {
 		if (_ && v?.[e]) return _[e];
-		let t = C[e];
-		if (w[e] && t != null && typeof t == "string") return t;
-	}, O = p(() => /* @__PURE__ */ d(l, { children: /* @__PURE__ */ d(c, {
-		infoBadgeAriaLabel: b.formatMessage(n.descriptionLearnMoreBadgeAriaLabel),
-		infoText: b.formatMessage(n.descriptionInfoTooltip),
+		let t = w[e];
+		if (T[e] && t != null && typeof t == "string") return t;
+	}, k = p(() => /* @__PURE__ */ d(l, { children: /* @__PURE__ */ d(c, {
+		infoBadgeAriaLabel: x.formatMessage(n.descriptionLearnMoreBadgeAriaLabel),
+		infoText: x.formatMessage(n.descriptionInfoTooltip),
 		children: /* @__PURE__ */ d("label", {
 			className: r.labelWithTooltip,
 			htmlFor: h,
-			children: b.formatMessage(n.fieldDescriptionLabel)
+			children: x.formatMessage(n.fieldDescriptionLabel)
 		})
-	}) }), [b, h]);
+	}) }), [x, h]);
 	return /* @__PURE__ */ d("fieldset", {
-		disabled: S.isFieldReadOnly,
+		disabled: C.isFieldReadOnly,
 		className: r.fieldset,
 		children: /* @__PURE__ */ f("div", {
 			className: r.expandedContent,
@@ -33,48 +33,48 @@ var m = ({ nameInputId: m, descriptionInputId: h, isTypeEditable: g, externalErr
 					children: [/* @__PURE__ */ d(s, {
 						name: "name",
 						id: m,
-						label: b.formatMessage(n.fieldNameLabel),
-						placeholder: b.formatMessage(n.fieldNameInputPlaceholder),
-						value: S.name,
-						error: D("name"),
-						onChange: T,
-						onBlur: E,
-						disabled: S.isFieldReadOnly,
+						label: x.formatMessage(n.fieldNameLabel),
+						placeholder: x.formatMessage(n.fieldNameInputPlaceholder),
+						value: C.name,
+						error: O("name"),
+						onChange: E,
+						onBlur: D,
+						disabled: C.isFieldReadOnly,
 						required: !0
 					}), /* @__PURE__ */ d(o, {
 						name: "type",
-						label: b.formatMessage(n.fieldTypeLabel),
-						placeholder: b.formatMessage(n.fieldTypePlaceholder),
-						value: S.type,
+						label: x.formatMessage(n.fieldTypeLabel),
+						placeholder: x.formatMessage(n.fieldTypePlaceholder),
+						value: C.type,
 						"aria-readonly": !g,
 						readonly: !g,
-						disabled: S.isFieldReadOnly,
+						disabled: C.isFieldReadOnly,
 						onValueChange: y,
 						className: r.fieldTypeSelect,
 						required: !0,
-						children: /* @__PURE__ */ d(o.Content, { children: x.availableFieldTypes.map((e) => /* @__PURE__ */ d(o.Option, {
+						children: /* @__PURE__ */ d(o.Content, { children: S.availableFieldTypes.map((e) => /* @__PURE__ */ d(o.Option, {
 							text: typeof e.label == "string" ? e.label : String(e.label),
 							value: e.type
 						}, e.type)) })
 					})]
 				}),
-				[e.Dropdown, e.Taxonomy].includes(S.type) && /* @__PURE__ */ d("div", {
+				[e.Dropdown, e.Taxonomy].includes(C.type) && /* @__PURE__ */ d("div", {
 					className: r.typeSpecific,
-					children: a(S.type)
+					children: a(C.type)
 				}),
-				/* @__PURE__ */ d("div", {
+				!b && /* @__PURE__ */ d("div", {
 					className: r.description,
 					children: /* @__PURE__ */ d(s, {
 						name: "description",
 						id: h,
-						label: O,
-						placeholder: b.formatMessage(n.fieldDescriptionInputPlaceholder),
-						value: S.description ?? "",
-						error: D("description"),
+						label: k,
+						placeholder: x.formatMessage(n.fieldDescriptionInputPlaceholder),
+						value: C.description ?? "",
+						error: O("description"),
 						hideLabel: !0,
-						disabled: S.isFieldReadOnly,
-						onChange: T,
-						onBlur: E
+						disabled: C.isFieldReadOnly,
+						onChange: E,
+						onBlur: D
 					})
 				})
 			]

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

@@ -61,6 +61,7 @@ function g({ values: g, onValuesChange: _, onDelete: v, isExpanded: y, onExpande
 	}, [Q, g.isFieldNew]), ae = c(() => R(!1), []), oe = c((e) => I(e === U), [U]), se = c((e) => {
 		_({
 			...n(e),
+			id: g.id,
 			key: g.key,
 			hidden: g.hidden,
 			isFieldNew: g.isFieldNew,

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

@@ -1,5 +1,11 @@
 import { useTemplateFieldSchema as e } from "./hooks/useTemplateFieldSchema.js";
-import { createDefaultFieldValues as t } from "./utils.js";
-import { FieldExtensionsContext as n, useFieldExtensions as r } from "./context/field-extensions-context.js";
-import { MetadataFieldConfigurator as i } from "./metadata-field-configurator.js";
-export { n as FieldExtensionsContext, i as MetadataFieldConfigurator, t as createDefaultFieldValues, r as useFieldExtensions, e as useTemplateFieldSchema };
+import t from "./components/confirmation-modal/confirmation-modal.js";
+import { FieldActionSlot as n } from "./components/field-action-slot/field-action-slot.js";
+import { FieldConfiguratorContext as r, useFieldConfigurator as i } from "./context/field-configurator-context.js";
+import { TaxonomyOptionsContext as a, createStaticTaxonomyContext as o, useTaxonomyOptions as s } from "./context/taxonomy-options-context.js";
+import { createDefaultFieldValues as c } from "./utils.js";
+import { FieldEditContent as l } from "./components/field-edit-content/field-edit-content.js";
+import { FieldExtensionsContext as u, useFieldExtensions as d } from "./context/field-extensions-context.js";
+import { useFieldConfiguratorBehavior as f } from "./hooks/useFieldConfiguratorBehavior.js";
+import { MetadataFieldConfigurator as p } from "./metadata-field-configurator.js";
+export { t as ConfirmationModal, n as FieldActionSlot, r as FieldConfiguratorContext, l as FieldEditContent, u as FieldExtensionsContext, p as MetadataFieldConfigurator, a as TaxonomyOptionsContext, c as createDefaultFieldValues, o as createStaticTaxonomyContext, i as useFieldConfigurator, f as useFieldConfiguratorBehavior, d as useFieldExtensions, s as useTaxonomyOptions, e as useTemplateFieldSchema };