@box/metadata-template-editor 1.21.11 → 1.22.0

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

@@ -1,63 +1,64 @@
 import { general as e } from "../../messages/configurator-messages.js";
 import { t } from "../../../../../../chunks/metadata-field-configurator.module.js";
 import { t as n } from "../../../../../../chunks/field-context-menu.js";
-import { Status as r, Tabs 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 "react";
+import { Status as r, Tabs as i, Text as a } from "@box/blueprint-web";
+import { useIntl as o } from "react-intl";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+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";
-var p = ({ isExpanded: p, isHidden: m, index: h, maxIndex: g, dndDragHandleProps: _, onDragStart: v, onDragEnd: y, onTouchStart: b, onReorderFields: x, onToggleVisibility: S, onRequestDelete: C, onRequestDuplicate: w, extensions: T }) => {
-	let E = a();
-	return /* @__PURE__ */ c(o, { children: [
-		m && /* @__PURE__ */ s(r, {
-			icon: d,
-			iconPosition: "left",
-			color: u,
-			text: E.formatMessage(e.hiddenStatus).toUpperCase()
-		}),
-		p === !1 && /* @__PURE__ */ s("div", {
-			draggable: !_,
-			className: t.dragHandle,
-			onDragStart: !_ && v ? (e) => v(e, h) : void 0,
-			onDragEnd: !_ && y ? (e) => y(e, h) : void 0,
-			onTouchStart: !_ && b ? (e) => b(e, h) : void 0,
-			..._?.listeners ?? {},
-			..._?.attributes ?? {},
-			"aria-label": E.formatMessage(e.dragAndDropFieldAriaLabel),
-			tabIndex: _ ? void 0 : -1,
-			children: /* @__PURE__ */ s(l, {
-				fontSize: 20,
-				"aria-label": E.formatMessage(e.dragAndDropFieldAriaLabel)
-			})
-		}),
-		/* @__PURE__ */ c("div", {
-			className: t.expandedToolbarActions,
-			children: [T.length > 0 && /* @__PURE__ */ c(i.TabList, {
-				variant: "contentSwitcher",
-				containerClassname: t.extensionTabsContainer,
-				children: [/* @__PURE__ */ s(i.Tab, {
-					id: "edit",
-					variant: "contentSwitcher",
-					"aria-label": E.formatMessage(e.editTabAriaLabel),
-					children: /* @__PURE__ */ s(f, { "aria-hidden": "true" })
-				}), T.map((e, t) => /* @__PURE__ */ s(i.Tab, {
-					id: `ext-${t}`,
+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);
+	return /* @__PURE__ */ c("div", {
+		className: t.fieldActionSlot,
+		children: [
+			m && /* @__PURE__ */ s(r, {
+				icon: d,
+				iconPosition: "left",
+				color: u,
+				text: w.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 }),
+				children: C
+			}),
+			/* @__PURE__ */ c("div", {
+				className: p(t.expandedToolbarActions, { [t.menuOpen]: T }),
+				children: [S.length > 0 && /* @__PURE__ */ c(i.TabList, {
 					variant: "contentSwitcher",
-					"aria-label": e.label,
-					children: /* @__PURE__ */ s(e.icon, { "aria-hidden": "true" })
-				}, e.label))]
-			}), /* @__PURE__ */ s(n, {
-				index: h,
-				maxIndex: g,
-				isHidden: m,
-				onReorderFields: x,
-				onToggleVisibility: S,
-				onRequestDelete: C,
-				onRequestDuplicate: w
-			})]
-		})
-	] });
+					containerClassname: t.extensionTabsContainer,
+					children: [/* @__PURE__ */ s(i.Tab, {
+						id: "edit",
+						variant: "contentSwitcher",
+						"aria-label": w.formatMessage(e.editTabAriaLabel),
+						children: /* @__PURE__ */ s(f, { "aria-hidden": "true" })
+					}), S.map((e, t) => /* @__PURE__ */ s(i.Tab, {
+						id: `ext-${t}`,
+						variant: "contentSwitcher",
+						"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
+				})]
+			})
+		]
+	});
 };
-export { p as FieldActionSlot };
+export { m as FieldActionSlot };

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

@@ -1,15 +1,15 @@
 import { a as e } from "../../../../../../chunks/types.js";
 import { useFieldOptions as t } from "../../../../utils/field-options/useFieldOptions.js";
 import { general as n } from "../../messages/configurator-messages.js";
-import { useFieldConfigurator as r } from "../../context/field-configurator-context.js";
-import { getConfigurationByType as i } from "../../utils.js";
-import { t as a } from "../../../../../../chunks/metadata-field-configurator.module.js";
+import { t as r } from "../../../../../../chunks/metadata-field-configurator.module.js";
+import { useFieldConfigurator as i } from "../../context/field-configurator-context.js";
+import { getConfigurationByType as a } from "../../utils.js";
 import { Select as o, TextInput as s, TextWithInfoBadge as c, TooltipProvider as l } from "@box/blueprint-web";
 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 } = r(), D = (e) => {
+	let b = u(), x = t(), { values: S, errors: C, touched: w, handleChange: T, handleBlur: E } = i(), D = (e) => {
 		if (_ && v?.[e]) return _[e];
 		let t = C[e];
 		if (w[e] && t != null && typeof t == "string") return t;
@@ -17,19 +17,19 @@ var m = ({ nameInputId: m, descriptionInputId: h, isTypeEditable: g, externalErr
 		infoBadgeAriaLabel: b.formatMessage(n.descriptionLearnMoreBadgeAriaLabel),
 		infoText: b.formatMessage(n.descriptionInfoTooltip),
 		children: /* @__PURE__ */ d("label", {
-			className: a.labelWithTooltip,
+			className: r.labelWithTooltip,
 			htmlFor: h,
 			children: b.formatMessage(n.fieldDescriptionLabel)
 		})
 	}) }), [b, h]);
 	return /* @__PURE__ */ d("fieldset", {
 		disabled: S.isFieldReadOnly,
-		className: a.fieldset,
+		className: r.fieldset,
 		children: /* @__PURE__ */ f("div", {
-			className: a.expandedContent,
+			className: r.expandedContent,
 			children: [
 				/* @__PURE__ */ f("div", {
-					className: a.basic,
+					className: r.basic,
 					children: [/* @__PURE__ */ d(s, {
 						name: "name",
 						id: m,
@@ -50,7 +50,7 @@ var m = ({ nameInputId: m, descriptionInputId: h, isTypeEditable: g, externalErr
 						readonly: !g,
 						disabled: S.isFieldReadOnly,
 						onValueChange: y,
-						className: a.fieldTypeSelect,
+						className: r.fieldTypeSelect,
 						required: !0,
 						children: /* @__PURE__ */ d(o.Content, { children: x.availableFieldTypes.map((e) => /* @__PURE__ */ d(o.Option, {
 							text: typeof e.label == "string" ? e.label : String(e.label),
@@ -59,11 +59,11 @@ var m = ({ nameInputId: m, descriptionInputId: h, isTypeEditable: g, externalErr
 					})]
 				}),
 				[e.Dropdown, e.Taxonomy].includes(S.type) && /* @__PURE__ */ d("div", {
-					className: a.typeSpecific,
-					children: i(S.type)
+					className: r.typeSpecific,
+					children: a(S.type)
 				}),
 				/* @__PURE__ */ d("div", {
-					className: a.description,
+					className: r.description,
 					children: /* @__PURE__ */ d(s, {
 						name: "description",
 						id: h,

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

@@ -1,100 +1,101 @@
 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 { createDefaultFieldValues as n, hasVisibleErrors as r } from "../utils.js";
+import { useFieldExtensions as i } from "../context/field-extensions-context.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,
+var h = "edit";
+function g({ values: g, onValuesChange: _, onDelete: v, isExpanded: y, onExpandedChange: b, submitAttemptCount: x, taxonomyOptions: S, fetchTaxonomies: C, fieldExtensionsProp: w, onValidationChange: T }) {
+	let E = s(), { errors: D, touched: O, isValid: k, validateForm: A, touchAll: j, setFieldTouched: M, setTouched: ee, handleBlur: te } = a(g), ne = o(C, S), N = i(), P = w ?? N, [F, I] = f(() => g.isFieldNew === !0), [L, R] = f(!1), [z, B] = f(h), V = y === void 0 ? F : y, H = !g.isFieldReadOnly && g.isFieldNew, U = g.id, W = `field-name-${U}`, G = `field-description-${U}`, K = c((e, t) => {
+		_({
+			...g,
 			[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,
+	}, [g, _]), q = c((e) => {
+		let { name: t, value: n } = e.target, r = p(g);
+		m(r, t, n), _(r);
+	}, [g, _]), J = u(() => ({
+		values: g,
+		errors: D,
+		touched: O,
+		isValid: k,
+		setFieldValue: K,
+		setValues: _,
+		setFieldTouched: M,
 		setTouched: ee,
-		handleChange: K,
+		handleChange: q,
 		handleBlur: te,
-		validateForm: k
+		validateForm: A
 	}), [
-		h,
-		E,
+		g,
 		D,
 		O,
-		G,
-		g,
+		k,
 		K,
-		k
-	]), J = d(B);
+		_,
+		q,
+		A
+	]), Y = d(V);
 	l(() => {
-		let e = J.current;
-		J.current = B, e && !B && (A(), z("edit"));
-	}, [B]);
-	let Y = d(b);
+		let e = Y.current;
+		Y.current = V, e && !V && (j(), B("edit"));
+	}, [V]);
+	let X = d(x);
 	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
+		!x || x === X.current || j();
+	}, [x]);
+	let Z = d(T);
+	Z.current = T, l(() => {
+		Z.current?.(k);
+	}, [k]), l(() => {
+		g.isFieldNew && (y === void 0 ? I(!0) : b?.(!0));
+	}, [g.isFieldNew]);
+	let re = c((e) => K("hidden", e), [K]), Q = c(() => {
+		v?.(g.key), R(!1);
+	}, [v, g.key]), ie = c(() => {
+		g.isFieldNew ? Q() : R(!0);
+	}, [Q, g.isFieldNew]), ae = c(() => R(!1), []), oe = c((e) => I(e === U), [U]), se = c((e) => {
+		_({
+			...n(e),
+			key: g.key,
+			hidden: g.hidden,
+			isFieldNew: g.isFieldNew,
+			isFieldReadOnly: g.isFieldReadOnly,
+			name: g.name,
+			description: g.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;
+	}, [_, g]), ce = u(() => `${g.name || E.formatMessage(t.fieldNameInputPlaceholder)}${g.type === "dropdown" ? ` (${g.dropdown?.options?.length ?? 0})` : ""}`, [
+		g.name,
+		g.type,
+		g.dropdown?.options?.length,
+		E
+	]), le = u(() => e(g.type), [g.type]), $ = z === "edit" ? 0 : Number(z.replace("ext-", "")) + 1;
 	return {
-		contextValue: q,
+		contextValue: J,
 		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,
+		extensions: P,
+		isActive: V,
+		handleAccordionValueChange: oe,
+		isDeleteConfirmationModalOpen: L,
+		openConfirmationModal: ie,
+		closeConfirmationModal: ae,
+		handleDeleteField: Q,
+		activeTabId: z,
+		setActiveTabId: B,
+		activeExtension: $ > 0 ? P[$ - 1] ?? null : null,
+		isTypeEditable: H,
+		uniqueKey: U,
+		nameInputId: W,
+		descriptionInputId: G,
+		accordionTitle: ce,
+		TitleIcon: le,
+		hasErrors: r(D, O),
+		handleTypeChange: se,
 		handleChangeVisibility: re
 	};
 }
-export { h as useFieldConfiguratorBehavior };
+export { h as EDIT_TAB_ID, g as useFieldConfiguratorBehavior };

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

@@ -1,5 +1,5 @@
 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 { 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 { t as FieldExtensionsContext, i as MetadataFieldConfigurator, r as createDefaultFieldValues, n as useFieldExtensions, e as useTemplateFieldSchema };
+export { n as FieldExtensionsContext, i as MetadataFieldConfigurator, t as createDefaultFieldValues, r as useFieldExtensions, e as useTemplateFieldSchema };

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

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