@box/metadata-editor 2.2.31 → 2.3.0

package/dist/chunks/add-metadata-template-dropdown-with-browser.js

@@ -0,0 +1,34 @@
+import e from "../esm/lib/components/add-metadata-template-dropdown/messages.js";
+import { useIntl as t } from "react-intl";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { IconButton as i, Popover as a } from "@box/blueprint-web";
+import { Plus as o } from "@box/blueprint-web-assets/icons/Fill";
+import { MetadataTemplateBrowser as s } from "@box/metadata-template-browser";
+import '../styles/add-metadata-template-dropdown-with-browser.css';var c = { templateBrowserContainer: "_templateBrowserContainer_175dl_1" };
+function l({ canCreateAtRoot: l = !1, enterpriseId: u, eventService: d, isLoading: f, itemsService: p, onOpenChange: m, open: h }) {
+	let g = t().formatMessage(e.addMetadataTemplatesTriggerButtonLabel);
+	return /* @__PURE__ */ r(a.Root, {
+		onOpenChange: m,
+		open: h,
+		children: [/* @__PURE__ */ n(a.Trigger, { children: /* @__PURE__ */ n(i, {
+			"aria-label": g,
+			icon: o,
+			size: "x-small",
+			"data-target-id": "IconButton-addMetadataTemplatesTriggerButtonLabel"
+		}) }), /* @__PURE__ */ n(a.ContentContainer, {
+			align: "end",
+			"aria-label": g,
+			children: /* @__PURE__ */ n("div", {
+				className: c.templateBrowserContainer,
+				children: /* @__PURE__ */ n(s, {
+					canCreateAtRoot: l,
+					enterpriseId: u,
+					eventService: d,
+					isDisabled: f,
+					itemsService: p
+				})
+			})
+		})]
+	});
+}
+export { l as t };

package/dist/chunks/ai-suggestion-field.js

@@ -4,19 +4,19 @@ import { n } from "./types.js";
 import { t as r } from "./field-action-bar.module.js";
 import i from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js";
 import { formatSuggestionValue as a } from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/utils.js";
-import { DropdownMenu as o, IconButton as s, Text as c, useBlueprintModernization as l } from "@box/blueprint-web";
-import { Checkmark as u, Ellipsis as d } from "@box/blueprint-web-assets/icons/Fill";
-import { useEffect as f, useRef as p } from "react";
-import { FormattedMessage as m, useIntl as h } from "react-intl";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import y from "clsx";
+import { useEffect as o, useRef as s } from "react";
+import { FormattedMessage as c, useIntl as l } from "react-intl";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "clsx";
+import { DropdownMenu as m, IconButton as h, Text as g, useBlueprintModernization as _ } from "@box/blueprint-web";
+import { Checkmark as v, Ellipsis as y } from "@box/blueprint-web-assets/icons/Fill";
 import '../styles/ai-suggestion-field.css';var b = {
 	wrapper: "_wrapper_132y2_1",
 	selectTrigger: "_selectTrigger_132y2_1"
 };
 function x({ aiSuggestion: x, onAiSuggestionAppend: S, onAiSuggestionReplace: C, onAiSuggestionIgnore: w, type: T, isSameValue: E, confidenceLevel: D }) {
-	let O = h(), { enableModernizedComponents: k } = l(), { trackEvent: A } = t(), j = p(!1);
-	f(() => {
+	let O = l(), { enableModernizedComponents: k } = _(), { trackEvent: A } = t(), j = s(!1);
+	o(() => {
 		j.current || x == null || !A || (j.current = !0, A(e.AI_SUGGESTION_SHOWN, {
 			fieldType: T,
 			confidenceLevel: D,
@@ -30,67 +30,67 @@ function x({ aiSuggestion: x, onAiSuggestionAppend: S, onAiSuggestionReplace: C,
 		A
 	]);
 	let M = D === n.High ? i.confidenceLevelHigh : i.confidenceLevelLow, N = D ? O.formatMessage(M) : void 0;
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ d("div", {
 		className: r.wrapperGradient,
 		"data-modern": k,
-		children: /* @__PURE__ */ _("div", {
-			className: y(r.wrapper, b.wrapper),
-			children: E ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(c, {
+		children: /* @__PURE__ */ d("div", {
+			className: p(r.wrapper, b.wrapper),
+			children: E ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(g, {
 				as: "p",
 				color: "textOnLightSecondary",
 				variant: "caption",
 				children: D ? O.formatMessage(i.sameValueAiSuggestionCaptionWithLevel, { level: N }) : O.formatMessage(i.sameValueAiSuggestionCaption)
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ d("div", {
 				className: r.buttons,
-				children: /* @__PURE__ */ _(s, {
+				children: /* @__PURE__ */ d(h, {
 					"aria-label": D ? O.formatMessage(i.aiSuggestionAccept) : O.formatMessage(i.aiSuggestionConfirm),
 					"data-target-id": D ? "IconButton-aiSuggestionAccept" : "IconButton-aiSuggestionConfirmSame",
-					icon: u,
+					icon: v,
 					onClick: D ? C : w,
 					size: "x-small"
 				})
-			})] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _(c, {
+			})] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(g, {
 				as: "p",
 				color: "textOnLightSecondary",
 				variant: "caption",
 				children: D ? O.formatMessage(i.aiSuggestionCaptionWithLevel, { level: N }) : O.formatMessage(i.aiSuggestionCaption)
-			}), /* @__PURE__ */ _(c, {
+			}), /* @__PURE__ */ d(g, {
 				as: "p",
 				children: a(x, {
 					type: T,
 					locale: O.locale
 				})
-			})] }), /* @__PURE__ */ v("div", {
+			})] }), /* @__PURE__ */ f("div", {
 				className: r.buttons,
-				children: [/* @__PURE__ */ _(s, {
+				children: [/* @__PURE__ */ d(h, {
 					"aria-label": O.formatMessage(T === "multiSelect" ? i.aiSuggestionAppend : i.aiSuggestionClearAndReplace),
 					"data-target-id": T === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
-					icon: u,
+					icon: v,
 					onClick: T === "multiSelect" ? S : C,
 					size: "x-small"
-				}), /* @__PURE__ */ v(o.Root, { children: [/* @__PURE__ */ _(o.Trigger, {
+				}), /* @__PURE__ */ f(m.Root, { children: [/* @__PURE__ */ d(m.Trigger, {
 					className: b.selectTrigger,
-					children: /* @__PURE__ */ _(s, {
+					children: /* @__PURE__ */ d(h, {
 						"aria-label": O.formatMessage(i.aiSuggestionOptions),
 						"data-target-id": "IconButton-aiSuggestionOptions",
-						icon: d
+						icon: y
 					})
-				}), /* @__PURE__ */ v(o.Content, { children: [
-					T === "multiSelect" && /* @__PURE__ */ _(o.Item, {
+				}), /* @__PURE__ */ f(m.Content, { children: [
+					T === "multiSelect" && /* @__PURE__ */ d(m.Item, {
 						"data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
 						onSelect: S,
-						children: /* @__PURE__ */ _(m, { ...i.aiSuggestionAppend })
+						children: /* @__PURE__ */ d(c, { ...i.aiSuggestionAppend })
 					}),
-					/* @__PURE__ */ _(o.Item, {
+					/* @__PURE__ */ d(m.Item, {
 						"data-target-id": "DropdownMenu.Item-metadataAiSuggestionClearAndReplace",
 						onSelect: C,
-						children: /* @__PURE__ */ _(m, { ...i.aiSuggestionClearAndReplace })
+						children: /* @__PURE__ */ d(c, { ...i.aiSuggestionClearAndReplace })
 					}),
-					/* @__PURE__ */ _(o.Separator, {}),
-					/* @__PURE__ */ _(o.Item, {
+					/* @__PURE__ */ d(m.Separator, {}),
+					/* @__PURE__ */ d(m.Item, {
 						"data-target-id": "DropdownMenu.Item-metadataAiSuggestionIgnore",
 						onSelect: w,
-						children: /* @__PURE__ */ _(m, { ...i.aiSuggestionIgnore })
+						children: /* @__PURE__ */ d(c, { ...i.aiSuggestionIgnore })
 					})
 				] })] })]
 			})] })

package/dist/chunks/autofill-overlay.js

@@ -1,11 +1,11 @@
 import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as e } from "../esm/lib/constants.js";
 import t from "../esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/messages.js";
 import { useErrorMessaging as n } from "../esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/useErrorMessaging.js";
-import { LoadingIndicator as r, Text as i, TextButton as a } from "@box/blueprint-web";
-import { useState as o } from "react";
-import { useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "clsx";
+import { useState as r } from "react";
+import { useIntl as i } from "react-intl";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "clsx";
+import { LoadingIndicator as c, Text as l, TextButton as u } from "@box/blueprint-web";
 import { Size5 as d, SurfaceStatusSurfaceError as f } from "@box/blueprint-web-assets/tokens/tokens";
 import { AlertTriangle as p } from "@box/blueprint-web-assets/icons/Line";
 import '../styles/autofill-overlay.css';var m = {
@@ -17,41 +17,41 @@ import '../styles/autofill-overlay.css';var m = {
 	overlayIcon: "_overlayIcon_16p2j_29",
 	testContainerStyle: "_testContainerStyle_16p2j_35"
 }, h = ({ errorCode: h, isFetchingSuggestions: g, isLongLoading: _ }) => {
-	let v = s(), [y, b] = o(!1), x = n(h), S = v.formatMessage(t.defaultLoadingMessage);
+	let v = i(), [y, b] = r(!1), x = n(h), S = v.formatMessage(t.defaultLoadingMessage);
 	h && (S = x.title);
 	let C = localStorage.getItem(e);
 	_ && C === "standard" && (S = v.formatMessage(t.longLoadingTitle));
 	let w = _ && C === "standard" ? v.formatMessage(t.longLoadingDescription) : h && x.description;
-	return !g && !h || y ? null : /* @__PURE__ */ l("div", {
-		className: u(m.autofillOverlay, h && m.withError),
+	return !g && !h || y ? null : /* @__PURE__ */ o("div", {
+		className: s(m.autofillOverlay, h && m.withError),
 		children: [
-			h ? /* @__PURE__ */ c(p, {
+			h ? /* @__PURE__ */ a(p, {
 				className: m.overlayIcon,
 				color: f,
 				height: d,
 				role: "presentation",
 				width: d
-			}) : /* @__PURE__ */ c(r, {
+			}) : /* @__PURE__ */ a(c, {
 				"aria-label": v.formatMessage(t.loadingAriaLabel),
 				"aria-live": "polite",
 				className: m.overlayIcon,
 				size: "large",
 				variant: "default"
 			}),
-			/* @__PURE__ */ c(i, {
+			/* @__PURE__ */ a(l, {
 				as: "p",
 				className: m.autofillOverlayTitle,
 				variant: "subtitle",
 				children: S
 			}),
-			w && /* @__PURE__ */ c(i, {
+			w && /* @__PURE__ */ a(l, {
 				as: "p",
 				className: m.autofillOverlayDescription,
 				color: "textOnLightSecondary",
 				variant: "bodyDefault",
 				children: w
 			}),
-			h && /* @__PURE__ */ c(a, {
+			h && /* @__PURE__ */ a(u, {
 				className: m.dismissButton,
 				onClick: () => b(!0),
 				"data-target-id": "TextButton-dismissButton",

package/dist/chunks/combobox-with-api-pagination.js

@@ -2,13 +2,13 @@ import e from "../esm/lib/components/combobox-with-api-pagination/messages.js";
 import { useAsyncList as t } from "../esm/lib/components/combobox-with-api-pagination/use-async-list.js";
 import { useControllableState as n } from "../esm/lib/components/combobox-with-api-pagination/utils/use-controllable-state.js";
 import { useTrackVisibility as r } from "../esm/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.js";
-import { Combobox as i, InlineNotice as a, LoadingIndicator as o, Text as s, useForkRef as c } from "@box/blueprint-web";
-import { Loader as l, Search as u } from "@box/blueprint-web-assets/icons/Fill";
-import { forwardRef as d, useCallback as f, useEffect as p, useMemo as m, useRef as h } from "react";
-import { FormattedMessage as g, useIntl as _ } from "react-intl";
-import { ComboboxItemValue as v } from "@ariakit/react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import S from "clsx";
+import { forwardRef as i, useCallback as a, useEffect as o, useMemo as s, useRef as c } from "react";
+import { FormattedMessage as l, useIntl as u } from "react-intl";
+import { ComboboxItemValue as d } from "@ariakit/react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import h from "clsx";
+import { Combobox as g, InlineNotice as _, LoadingIndicator as v, Text as y, useForkRef as b } from "@box/blueprint-web";
+import { Loader as x, Search as S } from "@box/blueprint-web-assets/icons/Fill";
 import { IconIconOnLightSecondary as C, Size1 as w, Size6 as T } from "@box/blueprint-web-assets/tokens/tokens";
 import '../styles/combobox-with-api-pagination.css';var E = {
 	container: "_container_ks7iw_27",
@@ -18,29 +18,29 @@ import '../styles/combobox-with-api-pagination.css';var E = {
 	option: "_option_ks7iw_60",
 	errorComboboxOption: "_errorComboboxOption_ks7iw_64",
 	errorComboboxOptionText: "_errorComboboxOptionText_ks7iw_69"
-}, D = /*#__PURE__*/ d(({ onTryAgain: t }, n) => {
-	let { formatMessage: r } = _();
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(a, {
+}, D = /*#__PURE__*/ i(({ onTryAgain: t }, n) => {
+	let { formatMessage: r } = u();
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(_, {
 		variant: "error",
 		variantIconAriaLabel: r(e.loadingResultsErrorIconLabel),
-		children: /* @__PURE__ */ b(g, { ...e.loadingResultsErrorMessage })
-	}), /* @__PURE__ */ b(i.Option, {
+		children: /* @__PURE__ */ p(l, { ...e.loadingResultsErrorMessage })
+	}), /* @__PURE__ */ p(g.Option, {
 		ref: n,
 		className: E.errorComboboxOption,
 		onClick: t,
-		children: /* @__PURE__ */ x(s, {
+		children: /* @__PURE__ */ m(y, {
 			as: "span",
 			className: E.errorComboboxOptionText,
 			color: "textOnLightLink",
 			variant: "bodyDefaultBold",
-			children: [/* @__PURE__ */ b(g, { ...e.loadingResultsErrorAction }), /* @__PURE__ */ b(l, {
+			children: [/* @__PURE__ */ p(l, { ...e.loadingResultsErrorAction }), /* @__PURE__ */ p(x, {
 				color: "currentColor",
 				height: "12px",
 				width: "12px"
 			})]
 		})
 	})] });
-}), O = "__LOADING__", k = "__LOADING_ERROR__", A = "0px 0px 20px 0px", j = /* @__PURE__ */ b(u, {
+}), O = "__LOADING__", k = "__LOADING_ERROR__", A = "0px 0px 20px 0px", j = /* @__PURE__ */ p(S, {
 	color: C,
 	height: T,
 	role: "presentation",
@@ -49,9 +49,9 @@ import '../styles/combobox-with-api-pagination.css';var E = {
 		boxSizing: "border-box"
 	},
 	width: T
-}), M = /*#__PURE__*/ d(function(a, s) {
-	let { defaultFetcher: l, onInputValueChange: u, value: d, onValueChange: g, noResultMessage: y, defaultValue: x = [], loadingAriaLabel: C, multiselect: w = !1, disabled: T, className: M, displaySingleSelectionAsChip: N = !0, ...P } = a, { formatMessage: F } = _(), I = h(null), L = h(!0), R = t({ async load({ marker: e, searchInput: t, signal: n }) {
-		let r = await l({
+}), M = /*#__PURE__*/ i(function(i, l) {
+	let { defaultFetcher: f, onInputValueChange: m, value: _, onValueChange: y, noResultMessage: x, defaultValue: S = [], loadingAriaLabel: C, multiselect: w = !1, disabled: T, className: M, displaySingleSelectionAsChip: N = !0, ...P } = i, { formatMessage: F } = u(), I = c(null), L = c(!0), R = t({ async load({ marker: e, searchInput: t, signal: n }) {
+		let r = await f({
 			signal: n,
 			marker: e,
 			searchInput: t
@@ -60,42 +60,42 @@ import '../styles/combobox-with-api-pagination.css';var E = {
 			items: r.options,
 			marker: r.marker
 		};
-	} }), z = h(!1), B = f(() => {
+	} }), z = c(!1), B = a(() => {
 		z.current ||= (R.reload(), !0);
 	}, []), [V, H] = n({
-		prop: d,
-		defaultProp: x,
-		onChange: g
+		prop: _,
+		defaultProp: S,
+		onChange: y
 	}), U = !w && V.length === 1, W = (e) => {
 		e === void 0 ? (H([]), (!L.current || !N) && (R.search(""), L.current = !0)) : H(Array.isArray(e) ? e : [e]);
-	}, G = m(() => V.length === 0 ? w ? [] : void 0 : w ? V : V[0], [w, V]), K = m(() => V.filter((e) => !R.items.some((t) => t.value === e.value)), [V, R.items]), q = (t) => {
-		let { value: n, displayValue: r, ...a } = t;
-		if (n === O) return R.hasNextPage ? /* @__PURE__ */ b(i.Option, {
-			...a,
+	}, G = s(() => V.length === 0 ? w ? [] : void 0 : w ? V : V[0], [w, V]), K = s(() => V.filter((e) => !R.items.some((t) => t.value === e.value)), [V, R.items]), q = (t) => {
+		let { value: n, displayValue: r, ...i } = t;
+		if (n === O) return R.hasNextPage ? /* @__PURE__ */ p(g.Option, {
+			...i,
 			ref: Z,
 			disabled: !0,
 			value: n,
-			children: /* @__PURE__ */ b(o, {
+			children: /* @__PURE__ */ p(v, {
 				"aria-label": F(e.loadingMoreAriaLabel),
 				style: { position: "unset" }
 			})
 		}) : null;
-		if (n === k && R.hasError && !R.isEmpty) return /* @__PURE__ */ b(D, { onTryAgain: () => {
+		if (n === k && R.hasError && !R.isEmpty) return /* @__PURE__ */ p(D, { onTryAgain: () => {
 			R.loadMore(), I.current?.focus();
 		} });
 		if (K.some((e) => e.value === n)) return null;
-		let s = V.some((e) => e.value === n);
-		return /* @__PURE__ */ b(i.Option, {
-			...a,
+		let a = V.some((e) => e.value === n);
+		return /* @__PURE__ */ p(g.Option, {
+			...i,
 			className: E.option,
 			value: n,
-			children: /* @__PURE__ */ b(v, {
-				className: S(E.highlightOptionText, s && E.selected),
+			children: /* @__PURE__ */ p(d, {
+				className: h(E.highlightOptionText, a && E.selected),
 				value: r || n
 			})
 		});
 	}, J = (e) => {
-		if (u?.(e), U && e === "") {
+		if (m?.(e), U && e === "") {
 			L.current = !1;
 			return;
 		}
@@ -103,9 +103,9 @@ import '../styles/combobox-with-api-pagination.css';var E = {
 	}, Y = () => {
 		R.reload(), I.current?.focus();
 	}, X;
-	X = R.hasError && !R.isLoading ? /* @__PURE__ */ b(D, { onTryAgain: Y }) : R.isEmpty && !R.isLoading ? y || F(e.noResults) : void 0;
+	X = R.hasError && !R.isLoading ? /* @__PURE__ */ p(D, { onTryAgain: Y }) : R.isEmpty && !R.isLoading ? x || F(e.noResults) : void 0;
 	let [Z, { rootRef: Q, isVisible: $ }] = r({ rootMargin: A });
-	p(() => {
+	o(() => {
 		if (!($ && R.hasNextPage)) return;
 		let e = setTimeout(() => {
 			R.loadMore();
@@ -114,7 +114,7 @@ import '../styles/combobox-with-api-pagination.css';var E = {
 			clearTimeout(e);
 		};
 	}, [$]);
-	let ee = m(() => {
+	let ee = s(() => {
 		let e = R.hasNextPage ? {
 			displayValue: O,
 			value: O
@@ -135,11 +135,11 @@ import '../styles/combobox-with-api-pagination.css';var E = {
 		R.items,
 		K
 	]);
-	return /* @__PURE__ */ b(i, {
+	return /* @__PURE__ */ p(g, {
 		as: "input",
 		...P,
-		ref: c(I, s),
-		className: S({ [E.disabled]: U }, M),
+		ref: b(I, l),
+		className: h({ [E.disabled]: U }, M),
 		clearButtonAriaLabel: F(e.clearButtonAriaLabel),
 		disabled: T || U,
 		displaySingleSelectionAsChip: N,

package/dist/chunks/custom-instance-new-field.js

@@ -1,25 +1,25 @@
 import e from "../esm/lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/messages.js";
-import { Button as t, Card as n, TextInput as r } from "@box/blueprint-web";
-import { useState as i } from "react";
-import { useIntl as a } from "react-intl";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useState as t } from "react";
+import { useIntl as n } from "react-intl";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a, Card as o, TextInput as s } from "@box/blueprint-web";
 import '../styles/custom-instance-new-field.css';var c = {
 	customInstanceNewFieldCard: "_customInstanceNewFieldCard_fcftk_1",
 	customInstanceNewFieldFooter: "_customInstanceNewFieldFooter_fcftk_6",
 	inputWrapper: "_inputWrapper_fcftk_13"
 }, l = (l) => {
-	let { onAdd: u, onCancel: d, formKeys: f = [] } = l, p = a(), [m, h] = i(""), [g, _] = i(""), [v, y] = i(""), b = f.length !== 0, x = (e) => {
+	let { onAdd: u, onCancel: d, formKeys: f = [] } = l, p = n(), [m, h] = t(""), [g, _] = t(""), [v, y] = t(""), b = f.length !== 0, x = (e) => {
 		h(e), v && y("");
 	};
-	return /* @__PURE__ */ s(n, {
+	return /* @__PURE__ */ i(o, {
 		"aria-label": p.formatMessage(e.addAttributeGroupAriaLabel),
 		className: c.customInstanceNewFieldCard,
 		"data-testid": "customInstanceNewField",
 		role: "group",
 		children: [
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ r("div", {
 				className: c.inputWrapper,
-				children: /* @__PURE__ */ o(r, {
+				children: /* @__PURE__ */ r(s, {
 					autoFocus: !0,
 					error: v,
 					label: p.formatMessage(e.customKeyLabel),
@@ -29,23 +29,23 @@ import '../styles/custom-instance-new-field.css';var c = {
 					value: m
 				})
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ r("div", {
 				className: c.inputWrapper,
-				children: /* @__PURE__ */ o(r, {
+				children: /* @__PURE__ */ r(s, {
 					label: p.formatMessage(e.valueLabel),
 					onChange: (e) => _(e.target.value),
 					placeholder: p.formatMessage(e.valuePlaceholder),
 					value: g
 				})
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ i("div", {
 				className: c.customInstanceNewFieldFooter,
-				children: [b && /* @__PURE__ */ o(t, {
+				children: [b && /* @__PURE__ */ r(a, {
 					onClick: d,
 					variant: "secondary",
 					"data-target-id": "Button-cancelCTA",
 					children: p.formatMessage(e.cancelCTA)
-				}), /* @__PURE__ */ o(t, {
+				}), /* @__PURE__ */ r(a, {
 					onClick: () => {
 						m ? m.startsWith("$") ? y(p.formatMessage(e.customErrorInternalKey)) : f.includes(m) ? y(p.formatMessage(e.customErrorDuplicateKey)) : u(m, g) : y(p.formatMessage(e.keyFieldRequiredError));
 					},

package/dist/chunks/custom-instance.js

@@ -1,9 +1,9 @@
 import { t as e } from "./custom-instance-new-field.js";
 import t from "../esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/messages.js";
-import { IconButton as n, TextButton as r, TextInput as i } from "@box/blueprint-web";
-import { useEffect as a, useRef as o, useState as s } from "react";
-import { useIntl as c } from "react-intl";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { useIntl as a } from "react-intl";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { IconButton as c, TextButton as l, TextInput as u } from "@box/blueprint-web";
 import { Field as d, FieldArray as f, useFormikContext as p } from "formik";
 import { Trash as m } from "@box/blueprint-web-assets/icons/Line";
 import '../styles/custom-instance.css';var h = {
@@ -12,56 +12,56 @@ import '../styles/custom-instance.css';var h = {
 	customInstanceFieldInput: "_customInstanceFieldInput_xq8r7_12",
 	customInstanceFieldIcon: "_customInstanceFieldIcon_xq8r7_16"
 }, g = (g) => {
-	let { isLoading: _ } = g, { values: v } = p(), y = c(), [b, x] = s(!v.metadata.fields.length), [S, C] = s(0), w = () => {
+	let { isLoading: _ } = g, { values: v } = p(), y = a(), [b, x] = i(!v.metadata.fields.length), [S, C] = i(0), w = () => {
 		C(v.metadata.fields.length);
 	}, T = (e) => {
 		C(e === 0 ? 0 : e - 1);
-	}, E = o(null);
-	return a(() => {
+	}, E = r(null);
+	return n(() => {
 		v.metadata.fields.length > 0 ? E.current.focus() : x(!0);
-	}, [S, v.metadata.fields.length]), /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(f, {
+	}, [S, v.metadata.fields.length]), /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(f, {
 		name: "metadata.fields",
-		children: ({ remove: a, push: o }) => /* @__PURE__ */ u("div", {
+		children: ({ remove: n, push: r }) => /* @__PURE__ */ s("div", {
 			className: h.customInstance,
 			children: [
-				v?.metadata.fields.map((e, r) => /* @__PURE__ */ u("div", {
+				v?.metadata.fields.map((e, r) => /* @__PURE__ */ s("div", {
 					className: h.customInstanceField,
-					children: [/* @__PURE__ */ l("div", {
+					children: [/* @__PURE__ */ o("div", {
 						className: h.customInstanceFieldInput,
-						children: /* @__PURE__ */ l(d, {
+						children: /* @__PURE__ */ o(d, {
 							name: `metadata.fields[${r}].value`,
-							children: ({ field: n, meta: a }) => /* @__PURE__ */ l(i, {
+							children: ({ field: n, meta: i }) => /* @__PURE__ */ o(u, {
 								...n,
 								ref: r === S ? E : null,
 								disabled: _,
-								error: a.error,
+								error: i.error,
 								label: e.key,
 								placeholder: y.formatMessage(t.setValuePlaceholder)
 							})
 						})
-					}), /* @__PURE__ */ l(n, {
+					}), /* @__PURE__ */ o(c, {
 						"aria-label": y.formatMessage(t.removeAttribute, { fieldName: e.key }),
 						className: h.customInstanceFieldIcon,
 						disabled: _,
 						icon: m,
 						onClick: () => {
-							a(r), T(r);
+							n(r), T(r);
 						},
 						size: "x-small",
 						"data-target-id": "IconButton-removeAttribute"
 					})]
 				}, e.key)),
-				b && /* @__PURE__ */ l(e, {
+				b && /* @__PURE__ */ o(e, {
 					formKeys: v.metadata.fields.map((e) => e.key),
 					onAdd: (e, t) => {
-						o({
+						r({
 							key: e,
 							value: t
 						}), w(), x(!1);
 					},
 					onCancel: () => x(!1)
 				}),
-				!b && /* @__PURE__ */ l(r, {
+				!b && /* @__PURE__ */ o(l, {
 					disabled: _,
 					onClick: () => x(!0),
 					"data-target-id": "TextButton-addAttribute",

package/dist/chunks/delete-confirmation-modal.js

@@ -1,54 +1,54 @@
 import e from "../esm/lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/messages.js";
-import { Checkbox as t, Modal as n, Text as r, TextInput as i } from "@box/blueprint-web";
-import { useState as a } from "react";
-import { FormattedMessage as o, useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useState as t } from "react";
+import { FormattedMessage as n, useIntl as r } from "react-intl";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Checkbox as o, Modal as s, Text as c, TextInput as l } from "@box/blueprint-web";
 import '../styles/delete-confirmation-modal.css';var u = { modalBody: "_modalBody_1wc7x_1" }, d = ({ onConfirm: d, templateName: f, onDismiss: p, open: m, isCheckboxEnabled: h }) => {
-	let g = s(), [_, v] = a(""), [y, b] = a(!1), x = (e) => {
+	let g = r(), [_, v] = t(""), [y, b] = t(!1), x = (e) => {
 		e || (p(), v(""), b(!1));
 	}, S = f || g.formatMessage(e.deleteConfirmationModalCustomMetadata), C = _ === S, w = () => {
 		b(!y);
 	}, T = () => {
 		d(), x(!1);
 	};
-	return /* @__PURE__ */ c(n, {
+	return /* @__PURE__ */ i(s, {
 		onOpenChange: x,
 		open: m,
-		children: /* @__PURE__ */ l(n.Content, {
+		children: /* @__PURE__ */ a(s.Content, {
 			onEscapeKeyDown: (e) => e.stopPropagation(),
 			size: "small",
 			children: [
-				/* @__PURE__ */ c(n.Header, {
+				/* @__PURE__ */ i(s.Header, {
 					"aria-label": g.formatMessage(e.deleteConfirmationModalHeaderAriaLabel),
-					children: /* @__PURE__ */ c(o, {
+					children: /* @__PURE__ */ i(n, {
 						...e.deleteConfirmationModalHeader,
 						values: { templateName: S }
 					})
 				}),
-				/* @__PURE__ */ c(n.ScrollableContainer, { children: /* @__PURE__ */ l(n.Body, {
+				/* @__PURE__ */ i(s.ScrollableContainer, { children: /* @__PURE__ */ a(s.Body, {
 					className: u.modalBody,
 					children: [
-						/* @__PURE__ */ c(r, {
+						/* @__PURE__ */ i(c, {
 							as: "p",
-							children: h ? /* @__PURE__ */ c(o, {
+							children: h ? /* @__PURE__ */ i(n, {
 								...e.deleteConfirmationModalBodyFirstParagraphCheckboxVersion,
 								values: { templateName: S }
-							}) : /* @__PURE__ */ c(o, {
+							}) : /* @__PURE__ */ i(n, {
 								...e.deleteConfirmationModalBodyFirstParagraph,
 								values: { templateName: S }
 							})
 						}),
-						!h && /* @__PURE__ */ c(r, {
+						!h && /* @__PURE__ */ i(c, {
 							as: "p",
-							children: /* @__PURE__ */ c(o, { ...e.deleteConfirmationModalBodySecondParagraph })
+							children: /* @__PURE__ */ i(n, { ...e.deleteConfirmationModalBodySecondParagraph })
 						}),
-						h ? /* @__PURE__ */ c(t.Item, {
+						h ? /* @__PURE__ */ i(o.Item, {
 							checked: y,
 							"data-resin-target": "checkbox",
 							label: g.formatMessage(e.deleteConfirmationModalBodyCheckboxLabel),
 							onCheckedChange: w,
 							value: "overageCheckbox"
-						}) : /* @__PURE__ */ c(i, {
+						}) : /* @__PURE__ */ i(l, {
 							label: g.formatMessage(e.deleteConfirmationModalBodyInputFieldLabel),
 							onChange: (e) => v(e.target.value),
 							placeholder: S,
@@ -57,18 +57,18 @@ import '../styles/delete-confirmation-modal.css';var u = { modalBody: "_modalBod
 						})
 					]
 				}) }),
-				/* @__PURE__ */ l(n.Footer, { children: [/* @__PURE__ */ c(n.Footer.SecondaryButton, {
+				/* @__PURE__ */ a(s.Footer, { children: [/* @__PURE__ */ i(s.Footer.SecondaryButton, {
 					onClick: () => x(!1),
 					size: "large",
 					"data-target-id": "Modal.Footer.SecondaryButton-deleteConfirmationModalCancelButton",
 					children: g.formatMessage(e.deleteConfirmationModalCancelButton)
-				}), /* @__PURE__ */ c(n.Footer.PrimaryButton, {
+				}), /* @__PURE__ */ i(s.Footer.PrimaryButton, {
 					disabled: h ? !y : !C,
 					onClick: T,
 					size: "large",
 					children: g.formatMessage(h ? e.deleteConfirmationModalConfirmButtonCheckboxVersion : e.deleteConfirmationModalConfirmButton)
 				})] }),
-				/* @__PURE__ */ c(n.Close, { "aria-label": g.formatMessage(e.deleteConfirmationModalDismissButton) })
+				/* @__PURE__ */ i(s.Close, { "aria-label": g.formatMessage(e.deleteConfirmationModalDismissButton) })
 			]
 		})
 	});