@box/metadata-editor 0.85.0 → 0.85.2

package/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js

@@ -1,18 +1,18 @@
-import "../../../../styles/combobox-with-api-pagination.css";
 import { ComboboxItemValue as oe } from "@ariakit/react";
 import { Combobox as d, LoadingIndicator as te, InlineNotice as re, Text as ne } from "@box/blueprint-web";
 import { Search as ie, Loader as se } from "@box/blueprint-web-assets/icons/Fill";
-import { IconIconOnLightSecondary as ae, Size6 as M, Size1 as le } from "@box/blueprint-web-assets/tokens/tokens";
+import { IconIconOnLightSecondary as ae, Size6 as I, Size1 as le } from "@box/blueprint-web-assets/tokens/tokens";
 import { useForkRef as ce } from "@box/blueprint-web/lib-esm/utils/useForkRef";
 import T from "clsx";
 import { forwardRef as F, useRef as C, useCallback as ue, useMemo as L, useEffect as me } from "react";
-import { useIntl as P, FormattedMessage as V } from "react-intl";
+import { u as P } from "../../../../chunks/index.js";
 import i from "./messages.js";
 import { useAsyncList as de } from "./use-async-list.js";
 import { useControllableState as pe } from "./utils/use-controllable-state.js";
-import { useTrackVisibility as he } from "./utils/use-intersection-observer.js";
-import { jsx as r, jsxs as N, Fragment as fe } from "react/jsx-runtime";
-const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptionText_1m7se_11", _e = "_selected_1m7se_23", Oe = "_option_1m7se_34", Re = "_errorComboboxOption_1m7se_38", Ce = "_errorComboboxOptionText_1m7se_43", a = {
+import { useTrackVisibility as fe } from "./utils/use-intersection-observer.js";
+import { jsx as r, jsxs as V, Fragment as he } from "react/jsx-runtime";
+import { M as N } from "../../../../chunks/message.js";
+import '../../../../styles/combobox-with-api-pagination.css';const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptionText_1m7se_11", _e = "_selected_1m7se_23", Oe = "_option_1m7se_34", Re = "_errorComboboxOption_1m7se_38", Ce = "_errorComboboxOptionText_1m7se_43", a = {
   container: be,
   disabled: ge,
   highlightOptionText: xe,
@@ -24,25 +24,25 @@ const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptio
   onTryAgain: y
 }, p) => {
   const {
-    formatMessage: h
+    formatMessage: f
   } = P();
-  return /* @__PURE__ */ N(fe, {
+  return /* @__PURE__ */ V(he, {
     children: [/* @__PURE__ */ r(re, {
       variant: "error",
-      variantIconAriaLabel: h(i.loadingResultsErrorIconLabel),
-      children: /* @__PURE__ */ r(V, {
+      variantIconAriaLabel: f(i.loadingResultsErrorIconLabel),
+      children: /* @__PURE__ */ r(N, {
         ...i.loadingResultsErrorMessage
       })
     }), /* @__PURE__ */ r(d.Option, {
       ref: p,
       className: a.errorComboboxOption,
       onClick: y,
-      children: /* @__PURE__ */ N(ne, {
+      children: /* @__PURE__ */ V(ne, {
         as: "span",
         className: a.errorComboboxOptionText,
         color: "textOnLightLink",
         variant: "bodyDefaultBold",
-        children: [/* @__PURE__ */ r(V, {
+        children: [/* @__PURE__ */ r(N, {
           ...i.loadingResultsErrorAction
         }), /* @__PURE__ */ r(se, {
           color: "currentColor",
@@ -54,22 +54,22 @@ const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptio
   });
 }), A = "__LOADING__", E = "__LOADING_ERROR__", Le = "0px 0px 20px 0px", Ae = /* @__PURE__ */ r(ie, {
   color: ae,
-  height: M,
+  height: I,
   role: "presentation",
   style: {
     padding: le,
     boxSizing: "border-box"
   },
-  width: M
-}), Be = /* @__PURE__ */ F(function(p, h) {
+  width: I
+}), ze = /* @__PURE__ */ F(function(p, f) {
   const {
     defaultFetcher: k,
-    onInputValueChange: f,
+    onInputValueChange: h,
     value: D,
     onValueChange: w,
-    noResultMessage: B,
-    defaultValue: W = [],
-    loadingAriaLabel: z,
+    noResultMessage: z,
+    defaultValue: B = [],
+    loadingAriaLabel: W,
     multiselect: l = !1,
     disabled: G,
     className: j,
@@ -96,7 +96,7 @@ const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptio
     v.current || (e.reload(), v.current = !0);
   }, []), [n, x] = pe({
     prop: D,
-    defaultProp: W,
+    defaultProp: B,
     onChange: w
   }), _ = !l && n.length === 1, H = (o) => {
     o === void 0 ? (x([]), g.current || (e.search(""), g.current = !0)) : Array.isArray(o) ? x(o) : x([o]);
@@ -139,7 +139,7 @@ const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptio
       })
     });
   }, Q = (o) => {
-    if (f == null || f(o), _ && o === "") {
+    if (h == null || h(o), _ && o === "") {
       g.current = !1;
       return;
     }
@@ -151,15 +151,15 @@ const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptio
   let m;
   e.hasError && !e.isLoading ? m = /* @__PURE__ */ r(S, {
     onTryAgain: X
-  }) : e.isEmpty && !e.isLoading ? m = B || u(i.noResults) : m = void 0;
+  }) : e.isEmpty && !e.isLoading ? m = z || u(i.noResults) : m = void 0;
   const [Y, {
     rootRef: Z,
-    isVisible: I
-  }] = he({
+    isVisible: M
+  }] = fe({
     rootMargin: Le
   });
   me(() => {
-    if (!(I && e.hasNextPage))
+    if (!(M && e.hasNextPage))
       return;
     const t = setTimeout(() => {
       e.loadMore();
@@ -167,7 +167,7 @@ const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptio
     return () => {
       clearTimeout(t);
     };
-  }, [I]);
+  }, [M]);
   const $ = L(() => {
     const o = e.hasNextPage ? {
       displayValue: A,
@@ -181,7 +181,7 @@ const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptio
   return /* @__PURE__ */ r(d, {
     as: "input",
     ...U,
-    ref: ce(b, h),
+    ref: ce(b, f),
     className: T({
       [a.disabled]: _
     }, j),
@@ -192,7 +192,7 @@ const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptio
     focusLoop: !1,
     getPopoverRef: Z,
     loading: e.isReloading,
-    loadingAriaLabel: z || u(i.loadingAriaLabel),
+    loadingAriaLabel: W || u(i.loadingAriaLabel),
     multiselect: l,
     noResultMessage: m,
     onFocus: q,
@@ -204,5 +204,5 @@ const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptio
   });
 });
 export {
-  Be as ComboboxWithApiPagination
+  ze as ComboboxWithApiPagination
 };

package/esm/lib/components/combobox-with-api-pagination/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages as o } from "react-intl";
+import { d as o } from "../../../../chunks/index.js";
 const e = o({
   loadingResultsErrorAction: {
     id: "comboboxWithApiPagination.errorAction",

package/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-empty-state.js

@@ -1,4 +1,4 @@
-import { useIntl as e } from "react-intl";
+import { u as e } from "../../../../chunks/index.js";
 import { Text as o } from "@box/blueprint-web";
 import { s } from "../../../../chunks/filter-dropdown-menu.module.js";
 import r from "./messages.js";

package/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-search.js

@@ -1,8 +1,8 @@
-import { Combobox as n, ComboboxCancel as s } from "@ariakit/react";
+import { Combobox as c, ComboboxCancel as n } from "@ariakit/react";
 import { IconButton as l, Divider as i } from "@box/blueprint-web";
 import { Search as m, XMark as p } from "@box/blueprint-web-assets/icons/Fill";
 import { IconIconOnLightSecondary as u, IconCtaIcon as d } from "@box/blueprint-web-assets/tokens/tokens";
-import { useIntl as h } from "react-intl";
+import { u as h } from "../../../../chunks/index.js";
 import { s as o } from "../../../../chunks/filter-dropdown-menu.module.js";
 import I from "./messages.js";
 import { jsxs as r, Fragment as f, jsx as e } from "react/jsx-runtime";
@@ -11,7 +11,7 @@ const b = () => /* @__PURE__ */ e(p, {
 }), x = (a) => {
   const {
     ...t
-  } = a, c = h().formatMessage(I.cancelButtonAriaLabel);
+  } = a, s = h().formatMessage(I.cancelButtonAriaLabel);
   return /* @__PURE__ */ r(f, {
     children: [/* @__PURE__ */ r("div", {
       className: o.search,
@@ -19,14 +19,14 @@ const b = () => /* @__PURE__ */ e(p, {
         className: o.searchIcon,
         color: u,
         role: "presentation"
-      }), /* @__PURE__ */ e(n, {
+      }), /* @__PURE__ */ e(c, {
         "aria-haspopup": "false",
         autoSelect: !0,
         className: o.searchInput,
         ...t
-      }), /* @__PURE__ */ e(s, {
+      }), /* @__PURE__ */ e(n, {
         render: /* @__PURE__ */ e(l, {
-          "aria-label": c,
+          "aria-label": s,
           className: o.clearSearchIcon,
           color: d,
           icon: b,

package/esm/lib/components/filter-dropdown-menu/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages as e } from "react-intl";
+import { d as e } from "../../../../chunks/index.js";
 const t = e({
   cancelButtonAriaLabel: {
     id: "metadataEditor.filterDropdownMenuSearch.iconButtonAriaLabel",

package/esm/lib/components/filter-instances-dropdown/filter-instances-dropdown.js

@@ -1,15 +1,14 @@
-import "../../../../styles/filter-instances-dropdown.css";
 import { TriggerButton as v, Text as C, ScrollableContainer as N, Divider as x } from "@box/blueprint-web";
-import { useIntl as B } from "react-intl";
+import { u as B } from "../../../../chunks/index.js";
 import { SelectProvider as b, Select as I, SelectPopover as k, SelectItem as g, SelectItemCheck as M } from "@ariakit/react";
 import { Space1 as S } from "@box/blueprint-web-assets/tokens/px-tokens";
 import { useEffect as y } from "react";
 import D from "clsx";
 import { Checkmark as p } from "@box/blueprint-web-assets/icons/Fill";
-import { getVisibleTemplates as j, getTemplateDisplayName as _ } from "../../utils/utils.js";
+import { getVisibleTemplates as j, getTemplateDisplayName as u } from "../../utils/utils.js";
 import s from "./messages.js";
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-const w = "_details_19fcm_1", F = "_triggerContainer_19fcm_5", O = "_triggerButton_19fcm_10", P = "_popover_19fcm_16", L = "_divider_19fcm_33", V = "_scrollableContainer_19fcm_36", z = "_item_19fcm_40", E = "_indicator_19fcm_67", G = "_indicatorIcon_19fcm_76", R = "_testContainer_19fcm_80", t = {
+import '../../../../styles/filter-instances-dropdown.css';const w = "_details_19fcm_1", F = "_triggerContainer_19fcm_5", O = "_triggerButton_19fcm_10", P = "_popover_19fcm_16", L = "_divider_19fcm_33", V = "_scrollableContainer_19fcm_36", z = "_item_19fcm_40", E = "_indicator_19fcm_67", G = "_indicatorIcon_19fcm_76", R = "_testContainer_19fcm_80", t = {
   details: w,
   triggerContainer: F,
   triggerButton: O,
@@ -21,12 +20,12 @@ const w = "_details_19fcm_1", F = "_triggerContainer_19fcm_5", O = "_triggerButt
   indicatorIcon: G,
   testContainer: R
 }, q = parseInt(S, 10);
-function tt({
-  appliedTemplates: f,
+function $({
+  appliedTemplates: _,
   selectedTemplates: c,
   setSelectedTemplates: l
 }) {
-  const a = B(), d = a.formatMessage(s.customMetadataName), n = j(f), i = c.length, m = n.length, u = i === 0 ? a.formatMessage(s.allTemplatesTriggerButtonText) : a.formatMessage(s.selectedTemplatesTriggerButtonText, {
+  const a = B(), d = a.formatMessage(s.customMetadataName), n = j(_), i = c.length, m = n.length, f = i === 0 ? a.formatMessage(s.allTemplatesTriggerButtonText) : a.formatMessage(s.selectedTemplatesTriggerButtonText, {
     selectedTemplatesNumber: i,
     visibleTemplatesNumber: m
   }), h = () => {
@@ -43,7 +42,7 @@ function tt({
         render: /* @__PURE__ */ e(v, {
           caretDirection: "down",
           className: t.triggerButton,
-          label: u,
+          label: f,
           size: "small",
           variant: "tertiary",
           "data-target-id": "TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText"
@@ -54,7 +53,7 @@ function tt({
         color: "textOnLightSecondary",
         "data-testid": "detailsList",
         variant: "caption",
-        children: n.filter((r) => c.some((T) => T === r.id)).map((r) => _(r, d)).join(", ")
+        children: n.filter((r) => c.some((T) => T === r.id)).map((r) => u(r, d)).join(", ")
       })]
     }), /* @__PURE__ */ e(k, {
       className: t.popover,
@@ -84,12 +83,12 @@ function tt({
             children: /* @__PURE__ */ e(p, {
               className: t.indicatorIcon
             })
-          }), _(r, d)]
+          }), u(r, d)]
         }, r.id))]
       })
     })]
   });
 }
 export {
-  tt as FilterInstancesDropdown
+  $ as FilterInstancesDropdown
 };

package/esm/lib/components/filter-instances-dropdown/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages as e } from "react-intl";
+import { d as e } from "../../../../chunks/index.js";
 const a = e({
   customMetadataName: {
     id: "metadataEditor.filterInstancesDropdown.customMetadataName",

package/esm/lib/components/interactive-header-text/interactive-header-text.js

@@ -1,19 +1,18 @@
-import "../../../../styles/interactive-header-text.css";
 import { Focusable as l } from "@ariakit/react";
-import { useFullTextTooltip as i, Text as m } from "@box/blueprint-web";
-import n from "clsx";
+import { useFullTextTooltip as n, Text as i } from "@box/blueprint-web";
+import m from "clsx";
 import { useRef as p } from "react";
 import { jsx as e, Fragment as c } from "react/jsx-runtime";
-const d = "_header_d9pl2_1", f = {
+import '../../../../styles/interactive-header-text.css';const d = "_header_d9pl2_1", f = {
   header: d
-}, v = ({
+}, _ = ({
   className: o,
   title: r
 }) => {
   const t = p(null), {
     Wrapper: a,
     wrapperProps: s
-  } = i({
+  } = n({
     ref: t,
     textValue: r
   });
@@ -21,10 +20,10 @@ const d = "_header_d9pl2_1", f = {
     children: /* @__PURE__ */ e(a, {
       ...s,
       children: /* @__PURE__ */ e(l, {
-        render: /* @__PURE__ */ e(m, {
+        render: /* @__PURE__ */ e(i, {
           ref: t,
           as: "h4",
-          className: n(f.header, o),
+          className: m(f.header, o),
           variant: "titleMedium",
           children: r
         })
@@ -33,5 +32,5 @@ const d = "_header_d9pl2_1", f = {
   });
 };
 export {
-  v as default
+  _ as default
 };

package/esm/lib/components/interactive-text/interactive-text.js

@@ -1,32 +1,31 @@
-import "../../../../styles/interactive-text.css";
-import { Focusable as n } from "@ariakit/react";
+import { Focusable as o } from "@ariakit/react";
 import { Tooltip as a, Text as s } from "@box/blueprint-web";
 import m from "clsx";
 import { jsx as t } from "react/jsx-runtime";
-const x = "_interactiveText_2jv0p_1", l = {
+import '../../../../styles/interactive-text.css';const x = "_interactiveText_2jv0p_1", l = {
   interactiveText: x
-}, d = ({
+}, _ = ({
   tooltipText: r,
-  className: i,
-  children: c,
+  className: c,
+  children: i,
   ...e
 }) => {
   const {
-    as: o = "span"
+    as: n = "span"
   } = e;
   return /* @__PURE__ */ t(a, {
     __checkInteractivity: !1,
     content: r,
-    children: /* @__PURE__ */ t(n, {
+    children: /* @__PURE__ */ t(o, {
       render: /* @__PURE__ */ t(s, {
-        as: o,
-        className: m(l.interactiveText, i),
+        as: n,
+        className: m(l.interactiveText, c),
         ...e,
-        children: c
+        children: i
       })
     })
   });
 };
 export {
-  d as default
+  _ as default
 };

package/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js

@@ -1,15 +1,15 @@
-import "../../../../../../styles/ai-suggestion-field.css";
-import { Text as s, IconButton as c, DropdownMenu as a } from "@box/blueprint-web";
+import { Text as l, IconButton as c, DropdownMenu as a } from "@box/blueprint-web";
 import { Checkmark as m, Ellipsis as f } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as I, FormattedMessage as r } from "react-intl";
+import { u as I } from "../../../../../../chunks/index.js";
 import t from "./messages.js";
 import { formatSuggestionValue as w } from "./utils.js";
 import { jsx as e, jsxs as i, Fragment as u } from "react/jsx-runtime";
-const C = "_wrapperGradient_t2yak_1", _ = "_wrapper_t2yak_1", b = "_buttons_t2yak_18", k = "_selectTrigger_t2yak_22", o = {
+import { M as r } from "../../../../../../chunks/message.js";
+import '../../../../../../styles/ai-suggestion-field.css';const C = "_wrapperGradient_t2yak_1", _ = "_wrapper_t2yak_1", M = "_buttons_t2yak_18", b = "_selectTrigger_t2yak_22", o = {
   wrapperGradient: C,
   wrapper: _,
-  buttons: b,
-  selectTrigger: k
+  buttons: M,
+  selectTrigger: b
 };
 function D({
   aiSuggestion: S,
@@ -19,13 +19,13 @@ function D({
   type: n,
   isSameValue: h
 }) {
-  const l = I();
+  const s = I();
   return /* @__PURE__ */ e("div", {
     className: o.wrapperGradient,
     children: /* @__PURE__ */ e("div", {
       className: o.wrapper,
       children: h ? /* @__PURE__ */ i(u, {
-        children: [/* @__PURE__ */ e(s, {
+        children: [/* @__PURE__ */ e(l, {
           as: "p",
           color: "textOnLightSecondary",
           variant: "caption",
@@ -35,7 +35,7 @@ function D({
         }), /* @__PURE__ */ e("div", {
           className: o.buttons,
           children: /* @__PURE__ */ e(c, {
-            "aria-label": l.formatMessage(t.aiSuggestionConfirm),
+            "aria-label": s.formatMessage(t.aiSuggestionConfirm),
             icon: m,
             onClick: p,
             size: "x-small",
@@ -44,24 +44,24 @@ function D({
         })]
       }) : /* @__PURE__ */ i(u, {
         children: [/* @__PURE__ */ i("div", {
-          children: [/* @__PURE__ */ e(s, {
+          children: [/* @__PURE__ */ e(l, {
             as: "p",
             color: "textOnLightSecondary",
             variant: "caption",
             children: /* @__PURE__ */ e(r, {
               ...t.aiSuggestionCaption
             })
-          }), /* @__PURE__ */ e(s, {
+          }), /* @__PURE__ */ e(l, {
             as: "p",
             children: w(S, {
               type: n,
-              locale: l.locale
+              locale: s.locale
             })
           })]
         }), /* @__PURE__ */ i("div", {
           className: o.buttons,
           children: [/* @__PURE__ */ e(c, {
-            "aria-label": l.formatMessage(n === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
+            "aria-label": s.formatMessage(n === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
             "data-target-id": n === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
             icon: m,
             onClick: n === "multiSelect" ? g : d,
@@ -70,7 +70,7 @@ function D({
             children: [/* @__PURE__ */ e(a.Trigger, {
               className: o.selectTrigger,
               children: /* @__PURE__ */ e(c, {
-                "aria-label": l.formatMessage(t.aiSuggestionOptions),
+                "aria-label": s.formatMessage(t.aiSuggestionOptions),
                 icon: f,
                 "data-target-id": "IconButton-aiSuggestionOptions"
               })

package/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages as e } from "react-intl";
+import { d as e } from "../../../../../../chunks/index.js";
 const i = e({
   aiSuggestionCaption: {
     id: "metadataEditor.aiSuggestionField.aiSuggestionCaption",

package/esm/lib/components/metadata-editor-fields/components/metadata-date-field/metadata-date-field.js

@@ -1,7 +1,7 @@
 import { DateI18nProvider as L, DatePicker as P } from "@box/blueprint-web";
 import { useFormikContext as A, getIn as I, Field as T } from "formik";
 import { forwardRef as w, useMemo as S } from "react";
-import { useIntl as V } from "react-intl";
+import { u as V } from "../../../../../../chunks/index.js";
 import { convertIsoStringToCalendarDate as N, convertCalendarDateToISOString as O } from "../../../../utils/convertDate.js";
 import a from "../../../../messages.js";
 import { g as B } from "../../../../../../chunks/utils2.js";

package/esm/lib/components/metadata-editor-fields/components/metadata-enum-field/metadata-enum-field.js

@@ -1,12 +1,13 @@
-import { Select as l, SELECT_EMPTY_VALUE as r } from "@box/blueprint-web";
+import { Select as o, SELECT_EMPTY_VALUE as l } from "@box/blueprint-web";
 import { useFormikContext as C, getIn as L, Field as P } from "formik";
 import { forwardRef as $ } from "react";
-import { useIntl as b, FormattedMessage as j } from "react-intl";
-import d from "../../../../messages.js";
-import { g as w } from "../../../../../../chunks/utils2.js";
-import { jsx as t, jsxs as I } from "react/jsx-runtime";
+import { u as b } from "../../../../../../chunks/index.js";
+import i from "../../../../messages.js";
+import { g as j } from "../../../../../../chunks/utils2.js";
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { M as I } from "../../../../../../chunks/message.js";
 const U = /* @__PURE__ */ $(({
-  className: i,
+  className: c,
   isAiSuggestionApplied: u,
   description: p,
   disableForm: f,
@@ -15,41 +16,41 @@ const U = /* @__PURE__ */ $(({
   label: n,
   onValueEdited: v,
   options: g,
-  portalElement: E
-}, F) => {
+  portalElement: M
+}, E) => {
   const {
-    setFieldValue: x,
-    values: M
-  } = C(), V = b(), m = `${h ?? s}.value`, o = g || L(M, `${s}.options`, []).map(({
+    setFieldValue: F,
+    values: x
+  } = C(), V = b(), m = `${h ?? s}.value`, r = g || L(x, `${s}.options`, []).map(({
     key: a
-  }) => a), c = V.formatMessage(d.selectValuePlaceholder);
+  }) => a), d = V.formatMessage(i.selectValuePlaceholder);
   return /* @__PURE__ */ t("div", {
     "data-testid": `${n}-field`,
     children: /* @__PURE__ */ t(P, {
       name: m,
       children: ({
         field: a
-      }) => /* @__PURE__ */ t(l, {
-        ref: F,
-        className: i,
+      }) => /* @__PURE__ */ t(o, {
+        ref: E,
+        className: c,
         disabled: f,
-        label: w(n, p, u),
+        label: j(n, p, u),
         onValueChange: (e) => {
-          x(m, e === r ? "" : e), v();
+          F(m, e === l ? "" : e), v();
         },
-        placeholder: c,
+        placeholder: d,
         ...a,
-        value: a.value === r ? "" : a.value,
-        children: /* @__PURE__ */ I(l.Content, {
-          container: E,
+        value: a.value === l ? "" : a.value,
+        children: /* @__PURE__ */ w(o.Content, {
+          container: M,
           onEscapeKeyDown: (e) => e.stopPropagation(),
-          children: [/* @__PURE__ */ t(l.Option, {
-            text: c,
-            value: r,
-            children: /* @__PURE__ */ t(j, {
-              ...d.selectValuePlaceholder
+          children: [/* @__PURE__ */ t(o.Option, {
+            text: d,
+            value: l,
+            children: /* @__PURE__ */ t(I, {
+              ...i.selectValuePlaceholder
             })
-          }), o == null ? void 0 : o.map((e) => /* @__PURE__ */ t(l.Option, {
+          }), r == null ? void 0 : r.map((e) => /* @__PURE__ */ t(o.Option, {
             text: e,
             value: e,
             children: e

package/esm/lib/components/metadata-editor-fields/components/metadata-float-field/use-float-validation.js

@@ -1,15 +1,15 @@
-import { useIntl as o } from "react-intl";
-import n from "../../../../messages.js";
-const s = (t) => t != null && t.length ? /^[-+]?\d+(\.\d+)?$/.test(t) : !0, l = () => {
+import { u as o } from "../../../../../../chunks/index.js";
+import s from "../../../../messages.js";
+const n = (t) => t != null && t.length ? /^[-+]?\d+(\.\d+)?$/.test(t) : !0, l = () => {
   const t = o();
   return {
     validateFloats: (r) => {
-      if (!s(r))
-        return t.formatMessage(n.floatFieldInvalidValue);
+      if (!n(r))
+        return t.formatMessage(s.floatFieldInvalidValue);
     }
   };
 };
 export {
-  s as isFloatOrBlank,
+  n as isFloatOrBlank,
   l as useFloatValidation
 };

package/esm/lib/components/metadata-editor-fields/components/metadata-multi-select-field/metadata-multi-select-field.js

@@ -1,7 +1,7 @@
 import { Combobox as w } from "@box/blueprint-web";
 import { useFormikContext as x, getIn as M, Field as $ } from "formik";
 import { forwardRef as I } from "react";
-import { useIntl as j } from "react-intl";
+import { u as j } from "../../../../../../chunks/index.js";
 import k from "../../../../messages.js";
 import { g as D } from "../../../../../../chunks/utils2.js";
 import { fieldDefaultProps as O } from "../constants.js";
@@ -21,13 +21,13 @@ const E = /* @__PURE__ */ I(({
   const {
     setFieldValue: h,
     values: F
-  } = x(), v = j(), r = `${p ?? o}.value`, C = f || M(F, `${o}.options`, []).map(({
+  } = x(), v = j(), a = `${p ?? o}.value`, C = f || M(F, `${o}.options`, []).map(({
     key: e
-  }) => e), L = (e, a) => a.toLowerCase().includes(e.toLowerCase());
+  }) => e), L = (e, r) => r.toLowerCase().includes(e.toLowerCase());
   return /* @__PURE__ */ t("div", {
     "data-testid": `${l}-field`,
     children: /* @__PURE__ */ t($, {
-      name: r,
+      name: a,
       children: ({
         field: e
       }) => {
@@ -44,7 +44,7 @@ const E = /* @__PURE__ */ I(({
           multiselect: !0,
           name: e.name,
           onValueChange: (V) => {
-            h(r, V), d();
+            h(a, V), d();
           },
           options: C,
           placeholder: b,