@box/metadata-template-editor 1.20.9 → 1.20.11

package/dist/chunks/taxonomy-field-configurator-initial-state.js

@@ -0,0 +1,48 @@
+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/taxonomy-messages.js";
+import { useTaxonomySelect as n } from "../esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/useTaxonomySelect.js";
+import { filterTaxonomiesByValue as r } from "../esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/utils.js";
+import { t as i } from "./taxonomy-selector.js";
+import { Text as a } from "@box/blueprint-web";
+import { FormattedMessage as o } from "react-intl";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import "react";
+import '../styles/taxonomy-field-configurator-initial-state.css';var l = {
+	taxonomyFieldConfiguratorInitialState: "_taxonomyFieldConfiguratorInitialState_il5v7_1",
+	subheader: "_subheader_il5v7_10"
+}, u = () => {
+	let { values: u, setFieldValue: d } = e(), { onTaxonomySelect: f } = n({
+		values: u,
+		setFieldValue: d
+	});
+	return /* @__PURE__ */ c("div", {
+		className: l.taxonomyFieldConfiguratorInitialState,
+		children: [
+			/* @__PURE__ */ s(a, {
+				as: "h1",
+				color: "textOnLightDefault",
+				variant: "titleMedium",
+				children: /* @__PURE__ */ s(o, { ...t.callToActionHeader })
+			}),
+			/* @__PURE__ */ s(a, {
+				as: "p",
+				className: l.subheader,
+				color: "textOnLightDefault",
+				variant: "bodyDefault",
+				children: /* @__PURE__ */ s(o, { ...t.callToActionSubheader })
+			}),
+			/* @__PURE__ */ s(i, {
+				data: r(u.taxonomy.availableTaxonomies, u.taxonomy.taxonomySearchValue),
+				onClick: f,
+				resetValueOnHide: !0,
+				onSearchValue: (e) => {
+					d("taxonomy", {
+						...u.taxonomy,
+						taxonomySearchValue: e
+					});
+				}
+			})
+		]
+	});
+};
+export { u as t };

package/dist/chunks/taxonomy-selector.js

@@ -0,0 +1,90 @@
+import { useTaxonomyOptions as e } from "../esm/lib/components/metadata-field-configurator/context/taxonomy-options-context.js";
+import t from "../esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/taxonomy-selector-messages.js";
+import { Button as n, LoadingIndicator as r, Popover as i, Text as a, TextInput as o } from "@box/blueprint-web";
+import { useIntl as s } from "react-intl";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Plus as d } from "@box/blueprint-web-assets/icons/Fill";
+import { useState as f } from "react";
+import '../styles/taxonomy-selector.css';var p = {
+	taxonomySelectorLabel: "_taxonomySelectorLabel_b3aww_1",
+	taxonomySelectorSeparator: "_taxonomySelectorSeparator_b3aww_6",
+	listWrapper: "_listWrapper_b3aww_14",
+	listWrapperWithPadding: "_listWrapperWithPadding_b3aww_19",
+	taxonomyItem: "_taxonomyItem_b3aww_24",
+	statusContainer: "_statusContainer_b3aww_30"
+}, m = ({ data: m, onClick: h, onSearchValue: g, triggerButton: _, disabled: v, resetValueOnHide: y }) => {
+	let { formatMessage: b } = s(), { status: x, onSelectorOpen: S } = e(), [C, w] = f(""), [T, E] = f(!1), D = (e) => {
+		w(e), g(e);
+	}, O = (e) => {
+		E(e), e && S(), !e && y && (w(""), g(""));
+	}, k = (e) => {
+		h(e), E(!1);
+	}, A = _ ?? /* @__PURE__ */ l(n, {
+		variant: "secondary",
+		size: "large",
+		endIcon: d,
+		"aria-label": b(t.taxonomySelectorAriaLabel),
+		children: b(t.taxonomySelector)
+	});
+	return /* @__PURE__ */ u(i.Root, {
+		modal: !1,
+		open: T,
+		onOpenChange: O,
+		children: [/* @__PURE__ */ l(i.Trigger, {
+			disabled: v,
+			children: A
+		}), /* @__PURE__ */ l(i.ContentContainer, {
+			align: "start",
+			"aria-label": b(t.taxonomySelector),
+			children: x === "loading" ? /* @__PURE__ */ l("div", {
+				className: p.statusContainer,
+				children: /* @__PURE__ */ l(r, { "aria-label": b(t.loadingTaxonomies) })
+			}) : x === "error" ? /* @__PURE__ */ u("div", {
+				className: p.statusContainer,
+				children: [/* @__PURE__ */ l(a, {
+					as: "p",
+					variant: "bodyDefault",
+					color: "textOnLightSecondary",
+					children: b(t.loadTaxonomiesError)
+				}), /* @__PURE__ */ l(n, {
+					variant: "secondary",
+					size: "small",
+					onClick: S,
+					children: b(t.retryLoadTaxonomies)
+				})]
+			}) : /* @__PURE__ */ u(c, { children: [
+				/* @__PURE__ */ l("div", {
+					className: `${p.listWrapper} ${p.listWrapperWithPadding}`,
+					children: /* @__PURE__ */ l(o, {
+						label: b(t.searchTaxonomiesInputPlaceholder),
+						placeholder: b(t.searchTaxonomiesInputPlaceholder),
+						value: C,
+						onChange: (e) => D(e.target.value),
+						hideLabel: !0,
+						"aria-label": b(t.searchTaxonomiesInputPlaceholder)
+					})
+				}),
+				/* @__PURE__ */ l(a, {
+					as: "span",
+					variant: "caption",
+					color: "textOnLightSecondary",
+					className: p.taxonomySelectorLabel,
+					children: b(t.allTaxonomies)
+				}),
+				/* @__PURE__ */ l("div", {
+					className: p.listWrapper,
+					children: m.map((e) => /* @__PURE__ */ l(n, {
+						type: "button",
+						variant: "quaternary",
+						size: "large",
+						disabled: e?.levels?.length === 0,
+						onClick: () => k(e),
+						className: p.taxonomyItem,
+						children: e.label
+					}, e.id))
+				})
+			] })
+		})]
+	});
+};
+export { m as t };

package/dist/chunks/types.js

@@ -1,34 +1,23 @@
-let u = /* @__PURE__ */ (function(t) {
-  return t.Create = "create", t.Edit = "edit", t;
-})({}), i = /* @__PURE__ */ (function(t) {
-  return t.Text = "text", t.Number = "number", t.Date = "date", t.Dropdown = "dropdown", t.Taxonomy = "taxonomy", t;
-})({}), d = /* @__PURE__ */ (function(t) {
-  return t.RequireSpecific = "requireSpecific", t.AllowAny = "allowAny", t;
-})({}), c = /* @__PURE__ */ (function(t) {
-  return t.Float = "float", t.Taxonomy = "taxonomy", t.MultiSelect = "multiSelect", t.Date = "date", t.String = "string", t.Enum = "enum", t;
-})({}), n = /* @__PURE__ */ (function(t) {
-  return t.EditTemplate = "editTemplate", t;
-})({}), e = /* @__PURE__ */ (function(t) {
-  return t.AddField = "addField", t.ReorderFields = "reorderFields", t.EditField = "editField", t.RemoveField = "removeField", t;
-})({}), o = /* @__PURE__ */ (function(t) {
-  return t.AddEnumOption = "addEnumOption", t.ReorderEnumOptions = "reorderEnumOptions", t.EditEnumOption = "editEnumOption", t.RemoveEnumOption = "removeEnumOption", t;
-})({}), r = /* @__PURE__ */ (function(t) {
-  return t.AddMultiSelectOption = "addMultiSelectOption", t.ReorderMultiSelectOptions = "reorderMultiSelectOptions", t.EditMultiSelectOption = "editMultiSelectOption", t.RemoveMultiSelectOption = "removeMultiSelectOption", t;
-})({});
-const l = {
-  ...n,
-  ...e,
-  ...o,
-  ...r
-};
-export {
-  c as A,
-  o as E,
-  i as F,
-  u as M,
-  d as T,
-  n as a,
-  l as b,
-  e as c,
-  r as d
+var e = /* @__PURE__ */ function(e) {
+	return e.Create = "create", e.Edit = "edit", e;
+}({}), t = /* @__PURE__ */ function(e) {
+	return e.Text = "text", e.Number = "number", e.Date = "date", e.Dropdown = "dropdown", e.Taxonomy = "taxonomy", e;
+}({}), n = /* @__PURE__ */ function(e) {
+	return e.RequireSpecific = "requireSpecific", e.AllowAny = "allowAny", e;
+}({}), r = /* @__PURE__ */ function(e) {
+	return e.Float = "float", e.Taxonomy = "taxonomy", e.MultiSelect = "multiSelect", e.Date = "date", e.String = "string", e.Enum = "enum", e;
+}({}), i = /* @__PURE__ */ function(e) {
+	return e.EditTemplate = "editTemplate", e;
+}({}), a = /* @__PURE__ */ function(e) {
+	return e.AddField = "addField", e.ReorderFields = "reorderFields", e.EditField = "editField", e.RemoveField = "removeField", e;
+}({}), o = /* @__PURE__ */ function(e) {
+	return e.AddEnumOption = "addEnumOption", e.ReorderEnumOptions = "reorderEnumOptions", e.EditEnumOption = "editEnumOption", e.RemoveEnumOption = "removeEnumOption", e;
+}({}), s = /* @__PURE__ */ function(e) {
+	return e.AddMultiSelectOption = "addMultiSelectOption", e.ReorderMultiSelectOptions = "reorderMultiSelectOptions", e.EditMultiSelectOption = "editMultiSelectOption", e.RemoveMultiSelectOption = "removeMultiSelectOption", e;
+}({}), c = {
+	...i,
+	...a,
+	...o,
+	...s
 };
+export { t as a, n as c, a as i, i as l, r as n, e as o, o as r, s, c as t };

package/dist/esm/index.js

@@ -1,34 +1,13 @@
-import { MetadataTemplateEditor as a } from "./lib/metadata-template-editor.js";
-import { b as r, A as i, E as l, c as d, F as p, M as s, d as m, T as x, a as F } from "../chunks/types.js";
-import { FieldTypeTiles as n } from "./lib/components/field-type-tiles/field-type-tiles.js";
-import { MetadataFieldList as M, MetadataFieldList as u } from "./lib/components/metadata-field-list/metadata-field-list.js";
-import { FieldExtensionsContext as c, useFieldExtensions as y } from "./lib/components/metadata-field-configurator/context/field-extensions-context.js";
-import { FieldSelector as S } from "./lib/components/field-selector/field-selector.js";
-import { FieldTypeDropdown as D } from "./lib/components/field-type-dropdown/field-type-dropdown.js";
-import { MetadataFieldConfigurator as C } from "./lib/components/metadata-field-configurator/metadata-field-configurator.js";
-import { MetadataTemplateEditorModal as g } from "./lib/components/metadata-template-editor-modal/metadata-template-editor-modal.js";
-import { createDefaultFieldValues as w } from "./lib/components/metadata-field-configurator/utils.js";
-import { useTemplateFieldSchema as j } from "./lib/components/metadata-field-configurator/hooks/useTemplateFieldSchema.js";
-export {
-  r as AllOps,
-  i as ApiMetadataTemplateFieldType,
-  l as EnumOperations,
-  c as FieldExtensionsContext,
-  d as FieldOperations,
-  S as FieldSelector,
-  p as FieldType,
-  D as FieldTypeDropdown,
-  n as FieldTypeTiles,
-  C as MetadataFieldConfigurator,
-  M as MetadataFieldList,
-  u as MetadataFieldListDefault,
-  a as MetadataTemplateEditor,
-  g as MetadataTemplateEditorModal,
-  s as MetadataTemplateEditorMode,
-  m as MultiSelectOperations,
-  x as TaxonomySelection,
-  F as TemplateOperations,
-  w as createDefaultFieldValues,
-  y as useFieldExtensions,
-  j as useTemplateFieldSchema
-};
+import { t as e } from "../chunks/field-selector.js";
+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 } from "../chunks/types.js";
+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 { FieldExtensionsContext as p, useFieldExtensions as m } from "./lib/components/metadata-field-configurator/context/field-extensions-context.js";
+import { createDefaultFieldValues as h } from "./lib/components/metadata-field-configurator/utils.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 "./lib/components/metadata-template-editor-modal/index.js";
+export { l as AllOps, a as ApiMetadataTemplateFieldType, s as EnumOperations, p 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, h as createDefaultFieldValues, m as useFieldExtensions, f as useTemplateFieldSchema };

package/dist/esm/lib/components/field-selector/field-selector.js

@@ -1,39 +1,2 @@
-import { DropdownMenu as e, TextButton as c } from "@box/blueprint-web";
-import { useIntl as m } from "react-intl";
-import { ChevronDown as d } from "@box/blueprint-web-assets/icons/Medium";
-import i from "./messages.js";
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import '../../../../styles/field-selector.css';const a = "_fieldSelectorTrigger_cj5ij_1", g = {
-  fieldSelectorTrigger: a
-};
-function T({
-  fields: n,
-  onSelect: l
-}) {
-  const {
-    formatMessage: t
-  } = m();
-  return /* @__PURE__ */ s(e.Root, {
-    modal: !1,
-    children: [/* @__PURE__ */ r(e.Trigger, {
-      children: /* @__PURE__ */ r(c, {
-        icon: d,
-        className: g.fieldSelectorTrigger,
-        variant: "bodyDefaultSemibold",
-        color: "textOnLightSecondary",
-        children: t(i.selectField)
-      })
-    }), /* @__PURE__ */ r(e.Content, {
-      children: n.map((o) => /* @__PURE__ */ r(e.Item, {
-        onClick: () => l(o.id),
-        children: /* @__PURE__ */ r(e.Item.MainContent, {
-          label: o.name || t(i.unnamedField)
-        })
-      }, o.id))
-    })]
-  });
-}
-export {
-  T as FieldSelector,
-  T as default
-};
+import { t as e } from "../../../../chunks/field-selector.js";
+export { e as FieldSelector, e as default };

package/dist/esm/lib/components/field-selector/index.js

@@ -1,4 +1,2 @@
-import { FieldSelector as r } from "./field-selector.js";
-export {
-  r as FieldSelector
-};
+import { t as e } from "../../../../chunks/field-selector.js";
+export { e as FieldSelector };

package/dist/esm/lib/components/field-selector/messages.js

@@ -1,14 +1,12 @@
 import { defineMessages as e } from "react-intl";
-const d = e({
-  selectField: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldSelector.selectField",
-    defaultMessage: "Select a Field"
-  },
-  unnamedField: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldSelector.unnamedField",
-    defaultMessage: "(Unnamed field)"
-  }
+var t = e({
+	selectField: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldSelector.selectField",
+		defaultMessage: "Select a Field"
+	},
+	unnamedField: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldSelector.unnamedField",
+		defaultMessage: "(Unnamed field)"
+	}
 });
-export {
-  d as default
-};
+export { t as default };

package/dist/esm/lib/components/field-type-dropdown/field-type-dropdown.js

@@ -1,47 +1,2 @@
-import { useIntl as s } from "react-intl";
-import { DropdownMenu as e, Button as m } from "@box/blueprint-web";
-import { Plus as c } from "@box/blueprint-web-assets/icons/Fill";
-import { fieldTypeDropdownMessages as a } from "./messages.js";
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useFieldOptions as p } from "../../utils/field-options/useFieldOptions.js";
-import '../../../../styles/field-type-dropdown.css';const f = "_addField_1bl6g_1", u = {
-  addField: f
-};
-function M({
-  onFieldAdd: n,
-  trigger: d
-}) {
-  const {
-    formatMessage: r
-  } = s(), l = p();
-  return /* @__PURE__ */ i(e.Root, {
-    modal: !1,
-    children: [/* @__PURE__ */ t(e.Trigger, {
-      children: d ?? /* @__PURE__ */ t(m, {
-        className: u.addField,
-        variant: "secondary",
-        size: "large",
-        startIcon: c,
-        "aria-label": r(a.addFieldAriaLabel),
-        children: r(a.addField)
-      })
-    }), /* @__PURE__ */ t(e.Content, {
-      children: l.availableFieldTypes.map((o) => /* @__PURE__ */ i(e.Item, {
-        onClick: () => n(o),
-        children: [/* @__PURE__ */ t(e.Item.StartElement, {
-          children: /* @__PURE__ */ t(o.Icon, {
-            fontSize: "15px",
-            "aria-hidden": "true"
-          })
-        }), /* @__PURE__ */ t(e.Item.MainContent, {
-          caption: o.description,
-          label: String(o.label)
-        })]
-      }, o.type))
-    })]
-  });
-}
-export {
-  M as FieldTypeDropdown,
-  M as default
-};
+import { t as e } from "../../../../chunks/field-type-dropdown.js";
+export { e as FieldTypeDropdown, e as default };

package/dist/esm/lib/components/field-type-dropdown/index.js

@@ -1,4 +1,2 @@
-import { FieldTypeDropdown as p } from "./field-type-dropdown.js";
-export {
-  p as FieldTypeDropdown
-};
+import { t as e } from "../../../../chunks/field-type-dropdown.js";
+export { e as FieldTypeDropdown };

package/dist/esm/lib/components/field-type-dropdown/messages.js

@@ -1,14 +1,12 @@
 import { defineMessages as e } from "react-intl";
-const a = e({
-  addField: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDropdown.addField",
-    defaultMessage: "Add field"
-  },
-  addFieldAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDropdown.addFieldAriaLabel",
-    defaultMessage: "Add field"
-  }
+var t = e({
+	addField: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDropdown.addField",
+		defaultMessage: "Add field"
+	},
+	addFieldAriaLabel: {
+		id: "groupSharedFeatures.metadataTemplateEditor.fieldTypeDropdown.addFieldAriaLabel",
+		defaultMessage: "Add field"
+	}
 });
-export {
-  a as fieldTypeDropdownMessages
-};
+export { t as fieldTypeDropdownMessages };

package/dist/esm/lib/components/field-type-tiles/field-type-tiles.js

@@ -1,40 +1,33 @@
-import { RadioTiles as l } from "@box/blueprint-web";
-import { SurfaceSurfaceBrand as p } from "@box/blueprint-web-assets/tokens/tokens";
-import { useIntl as d } from "react-intl";
-import { emptyStateMessages as m } from "./messages.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useFieldOptions as c } from "../../utils/field-options/useFieldOptions.js";
-function g({
-  onFieldAdd: o
-}) {
-  const {
-    formatMessage: r
-  } = d(), a = c(), n = (e) => {
-    const i = a.availableFieldTypes.find((s) => s.type === e.target.value);
-    i && o(i);
-  };
-  return /* @__PURE__ */ t("div", {
-    "data-testid": "md-template-type-picker-tiles",
-    children: /* @__PURE__ */ t(l, {
-      name: "field-type-picker",
-      value: void 0,
-      columns: 5,
-      "aria-label": r(m.selectFieldTypeAriaLabel),
-      onChange: n,
-      children: a.availableFieldTypes.map((e) => /* @__PURE__ */ t(l.Option, {
-        value: e.type,
-        label: e.label,
-        icon: /* @__PURE__ */ t(e.Icon, {
-          height: 32,
-          width: 32,
-          color: p,
-          "aria-hidden": !0
-        })
-      }, e.type))
-    })
-  });
+import { useFieldOptions as e } from "../../utils/field-options/useFieldOptions.js";
+import { emptyStateMessages as t } from "./messages.js";
+import { RadioTiles as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i } from "react/jsx-runtime";
+import { SurfaceSurfaceBrand as a } from "@box/blueprint-web-assets/tokens/tokens";
+function o({ onFieldAdd: o }) {
+	let { formatMessage: s } = r(), c = e();
+	return /* @__PURE__ */ i("div", {
+		"data-testid": "md-template-type-picker-tiles",
+		children: /* @__PURE__ */ i(n, {
+			name: "field-type-picker",
+			value: void 0,
+			columns: 5,
+			"aria-label": s(t.selectFieldTypeAriaLabel),
+			onChange: (e) => {
+				let t = c.availableFieldTypes.find((t) => t.type === e.target.value);
+				t && o(t);
+			},
+			children: c.availableFieldTypes.map((e) => /* @__PURE__ */ i(n.Option, {
+				value: e.type,
+				label: e.label,
+				icon: /* @__PURE__ */ i(e.Icon, {
+					height: 32,
+					width: 32,
+					color: a,
+					"aria-hidden": !0
+				})
+			}, e.type))
+		})
+	});
 }
-export {
-  g as FieldTypeTiles,
-  g as default
-};
+export { o as FieldTypeTiles, o as default };

package/dist/esm/lib/components/field-type-tiles/index.js

@@ -1,4 +1,2 @@
-import { FieldTypeTiles as l } from "./field-type-tiles.js";
-export {
-  l as FieldTypeTiles
-};
+import { FieldTypeTiles as e } from "./field-type-tiles.js";
+export { e as FieldTypeTiles };

package/dist/esm/lib/components/field-type-tiles/messages.js

@@ -1,14 +1,12 @@
 import { defineMessages as e } from "react-intl";
-const a = e({
-  heading: {
-    id: "groupSharedFeatures.metadataTemplateEditor.emptyState.heading",
-    defaultMessage: "Add your first field"
-  },
-  selectFieldTypeAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateEditor.emptyState.selectFieldTypeAriaLabel",
-    defaultMessage: "Select the field type."
-  }
+var t = e({
+	heading: {
+		id: "groupSharedFeatures.metadataTemplateEditor.emptyState.heading",
+		defaultMessage: "Add your first field"
+	},
+	selectFieldTypeAriaLabel: {
+		id: "groupSharedFeatures.metadataTemplateEditor.emptyState.selectFieldTypeAriaLabel",
+		defaultMessage: "Select the field type."
+	}
 });
-export {
-  a as emptyStateMessages
-};
+export { t as emptyStateMessages };

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

@@ -1,46 +1,33 @@
-import { Modal as e } from "@box/blueprint-web";
-import { useIntl as m } from "react-intl";
-import n from "./messages.js";
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-const B = ({
-  onClose: t,
-  onConfirm: a,
-  title: i,
-  body: c,
-  confirmLabel: s,
-  cancelLabel: d
-}) => {
-  const {
-    formatMessage: r
-  } = m();
-  return /* @__PURE__ */ o(e, {
-    onOpenChange: t,
-    open: !0,
-    children: /* @__PURE__ */ l(e.Content, {
-      size: "small",
-      children: [/* @__PURE__ */ o(e.Header, {
-        children: i
-      }), /* @__PURE__ */ o(e.ScrollableContainer, {
-        children: /* @__PURE__ */ o(e.Body, {
-          className: "confirmationModal-body",
-          children: c
-        })
-      }), /* @__PURE__ */ l(e.Footer, {
-        children: [/* @__PURE__ */ o(e.Footer.SecondaryButton, {
-          onClick: t,
-          size: "large",
-          children: d ?? r(n.cancelButtonText)
-        }), /* @__PURE__ */ o(e.Footer.PrimaryButton, {
-          onClick: a,
-          size: "large",
-          children: s ?? r(n.confirmButtonText)
-        })]
-      }), /* @__PURE__ */ o(e.Close, {
-        "aria-label": r(n.closeButtonAriaLabel)
-      })]
-    })
-  });
-};
-export {
-  B as default
+import e from "./messages.js";
+import { Modal as t } from "@box/blueprint-web";
+import { useIntl as n } from "react-intl";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import "react";
+var a = ({ onClose: a, onConfirm: o, title: s, body: c, confirmLabel: l, cancelLabel: u }) => {
+	let { formatMessage: d } = n();
+	return /* @__PURE__ */ r(t, {
+		onOpenChange: a,
+		open: !0,
+		children: /* @__PURE__ */ i(t.Content, {
+			size: "small",
+			children: [
+				/* @__PURE__ */ r(t.Header, { children: s }),
+				/* @__PURE__ */ r(t.ScrollableContainer, { children: /* @__PURE__ */ r(t.Body, {
+					className: "confirmationModal-body",
+					children: c
+				}) }),
+				/* @__PURE__ */ i(t.Footer, { children: [/* @__PURE__ */ r(t.Footer.SecondaryButton, {
+					onClick: a,
+					size: "large",
+					children: u ?? d(e.cancelButtonText)
+				}), /* @__PURE__ */ r(t.Footer.PrimaryButton, {
+					onClick: o,
+					size: "large",
+					children: l ?? d(e.confirmButtonText)
+				})] }),
+				/* @__PURE__ */ r(t.Close, { "aria-label": d(e.closeButtonAriaLabel) })
+			]
+		})
+	});
 };
+export { a as default };

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

@@ -1,18 +1,16 @@
 import { defineMessages as e } from "react-intl";
-const t = e({
-  cancelButtonText: {
-    id: "groupSharedFeatures.metadataTemplateEditor.confirmationModal.cancelButtonText",
-    defaultMessage: "Cancel"
-  },
-  closeButtonAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateEditor.confirmationModal.closeButtonAriaLabel",
-    defaultMessage: "Close"
-  },
-  confirmButtonText: {
-    id: "groupSharedFeatures.metadataTemplateEditor.confirmationModal.confirmButtonText",
-    defaultMessage: "Confirm"
-  }
+var t = e({
+	cancelButtonText: {
+		id: "groupSharedFeatures.metadataTemplateEditor.confirmationModal.cancelButtonText",
+		defaultMessage: "Cancel"
+	},
+	closeButtonAriaLabel: {
+		id: "groupSharedFeatures.metadataTemplateEditor.confirmationModal.closeButtonAriaLabel",
+		defaultMessage: "Close"
+	},
+	confirmButtonText: {
+		id: "groupSharedFeatures.metadataTemplateEditor.confirmationModal.confirmButtonText",
+		defaultMessage: "Confirm"
+	}
 });
-export {
-  t as default
-};
+export { t as default };