@box/metadata-editor 0.92.2 → 0.92.4

package/chunks/metadata-instance-form-card-wrapper.js

@@ -18,7 +18,7 @@ import '../styles/metadata-instance-form-card-wrapper.css';const b = "_metadataI
     formRef: g,
     isAiSuggestionsFeatureEnabled: m,
     isBetaLanguageEnabled: d,
-    isLargeFile: c,
+    isLargeFile: c = !1,
     isDeleteButtonDisabled: l,
     suggestions: F,
     isFetchingSuggestions: e,

package/chunks/taxonomy-ancestor-status-pill.js

@@ -2,11 +2,10 @@ import { Popover as t, FilterChip as _, InlineNotice as A, TextButton as T, Load
 import { Loader as W } from "@box/blueprint-web-assets/icons/Fill";
 import V from "lodash/orderBy";
 import { useState as s } from "react";
-import { u as B } from "./index.js";
-import n from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/messages.js";
+import { useIntl as B, FormattedMessage as y } from "react-intl";
+import a from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/messages.js";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { M as f } from "./message.js";
-import '../styles/taxonomy-ancestor-status-pill.css';const N = "_popoverContentContainer_sfidx_1", w = "_popoverMainContent_sfidx_6", E = "_loadingIndicatorWrapper_sfidx_10", D = "_errorMessageWrapper_sfidx_17", P = "_errorMessageWrapperText_sfidx_22", R = "_container_sfidx_30", k = "_taxonomyAncestorTable_sfidx_36", K = "_taxonomyValueGroup_sfidx_79", G = "_taxonomyValueButton_sfidx_84", O = "_taxonomyValueLabel_sfidx_94", a = {
+import '../styles/taxonomy-ancestor-status-pill.css';const N = "_popoverContentContainer_sfidx_1", w = "_popoverMainContent_sfidx_6", E = "_loadingIndicatorWrapper_sfidx_10", D = "_errorMessageWrapper_sfidx_17", P = "_errorMessageWrapperText_sfidx_22", R = "_container_sfidx_30", k = "_taxonomyAncestorTable_sfidx_36", K = "_taxonomyValueGroup_sfidx_79", G = "_taxonomyValueButton_sfidx_84", O = "_taxonomyValueLabel_sfidx_94", n = {
   popoverContentContainer: N,
   popoverMainContent: w,
   loadingIndicatorWrapper: E,
@@ -19,25 +18,25 @@ import '../styles/taxonomy-ancestor-status-pill.css';const N = "_popoverContentC
   taxonomyValueLabel: O
 }, j = {
   right: 24
-}, z = (r) => {
-  r.stopPropagation();
 }, S = (r) => {
+  r.stopPropagation();
+}, z = (r) => {
   (r.key === "ArrowLeft" || r.key === "ArrowRight") && r.stopPropagation();
 };
-function Z({
+function Y({
   taxonomyNodeFetcher: r,
-  scope: y,
+  scope: f,
   taxonomyKey: h,
   value: v,
   displayValue: c
 }) {
   const {
     formatMessage: l
-  } = B(), [C, M] = s([]), [p, d] = s(!1), [m, g] = s(!1), [b, u] = s(!1), L = V(C, (o) => o.level), x = async () => {
-    d(!0), g(!1), u(!0);
+  } = B(), [C, b] = s([]), [p, d] = s(!1), [m, g] = s(!1), [M, x] = s(!1), L = V(C, (o) => o.level), u = async () => {
+    d(!0), g(!1), x(!0);
     try {
-      const o = await r(y, h, v);
-      M(o);
+      const o = await r(f, h, v);
+      b(o);
     } catch {
       g(!0);
     } finally {
@@ -45,60 +44,60 @@ function Z({
     }
   };
   return /* @__PURE__ */ i(t.Root, {
-    onOpenChange: u,
-    open: b,
+    onOpenChange: x,
+    open: M,
     children: [/* @__PURE__ */ e(t.Trigger, {
       children: /* @__PURE__ */ e(_.ChipButton, {
         "aria-checked": void 0,
-        className: a.taxonomyValueButton,
+        className: n.taxonomyValueButton,
         disabled: !r,
-        onClick: x,
-        onKeyDown: S,
+        onClick: u,
+        onKeyDown: z,
         role: void 0,
         value: c,
         children: /* @__PURE__ */ e(_.Label, {
-          className: a.taxonomyValueLabel,
+          className: n.taxonomyValueLabel,
           children: c
         })
       })
     }), /* @__PURE__ */ e(t.ContentContainer, {
       align: "start",
-      className: a.popoverContentContainer,
+      className: n.popoverContentContainer,
       collisionPadding: j,
-      onEscapeKeyDown: z,
+      onEscapeKeyDown: S,
       children: /* @__PURE__ */ i(t.MainContent, {
-        className: a.popoverMainContent,
+        className: n.popoverMainContent,
         children: [m && /* @__PURE__ */ i("div", {
-          className: a.errorMessageWrapper,
+          className: n.errorMessageWrapper,
           children: [/* @__PURE__ */ e(A, {
             variant: "error",
-            variantIconAriaLabel: l(n.loadingResultsErrorIconLabel),
-            children: /* @__PURE__ */ e(f, {
-              ...n.loadingResultsErrorMessage
+            variantIconAriaLabel: l(a.loadingResultsErrorIconLabel),
+            children: /* @__PURE__ */ e(y, {
+              ...a.loadingResultsErrorMessage
             })
           }), /* @__PURE__ */ e(T, {
-            className: a.errorMessageWrapperText,
+            className: n.errorMessageWrapperText,
             icon: W,
-            onClick: x,
+            onClick: u,
             "data-target-id": "TextButton-loadingResultsErrorAction",
-            children: l(n.loadingResultsErrorAction)
+            children: l(a.loadingResultsErrorAction)
           })]
         }), p && /* @__PURE__ */ e("div", {
-          className: a.loadingIndicatorWrapper,
+          className: n.loadingIndicatorWrapper,
           children: /* @__PURE__ */ e(I, {
-            "aria-label": l(n.loadingAriaLabel),
+            "aria-label": l(a.loadingAriaLabel),
             size: "large"
           })
         }), !m && !p && /* @__PURE__ */ e("table", {
-          className: a.taxonomyAncestorTable,
+          className: n.taxonomyAncestorTable,
           children: /* @__PURE__ */ e("tbody", {
             children: L.map((o) => /* @__PURE__ */ i("tr", {
               children: [/* @__PURE__ */ e("th", {
                 scope: "row",
                 children: o.levelName
               }), /* @__PURE__ */ e("td", {
-                children: o.levelValue || /* @__PURE__ */ e(f, {
-                  ...n.emptyAncestorLevelValue
+                children: o.levelValue || /* @__PURE__ */ e(y, {
+                  ...a.emptyAncestorLevelValue
                 })
               })]
             }, o.id || o.level))
@@ -109,6 +108,6 @@ function Z({
   });
 }
 export {
-  Z as T,
-  a as s
+  Y as T,
+  n as s
 };

package/esm/lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js

@@ -2,7 +2,7 @@ import { IconButton as S } from "@box/blueprint-web";
 import { Plus as T } from "@box/blueprint-web-assets/icons/Fill";
 import { Space2 as w } from "@box/blueprint-web-assets/tokens/px-tokens";
 import { useState as y, useMemo as B } from "react";
-import { u as I } from "../../../../chunks/index.js";
+import { useIntl as I } from "react-intl";
 import { getTemplateDisplayName as d } from "../../utils/utils.js";
 import { FilterDropdownMenu as t } from "../filter-dropdown-menu/index.js";
 import s from "./messages.js";
@@ -10,11 +10,11 @@ import { jsxs as c, jsx as a } from "react/jsx-runtime";
 const L = parseInt(w, 10);
 function P({
   availableTemplates: n,
-  onSelect: u,
-  selectedTemplates: p
+  onSelect: p,
+  selectedTemplates: u
 }) {
-  const o = I(), m = o.formatMessage(s.customMetadataName), [r, g] = y(""), i = B(() => n.filter((e) => d(e, m).toLowerCase().includes(r.toLowerCase())), [n, r]), f = r.length > 0 && i.length === 0, h = (e) => p.some((l) => l.scope === e.scope && l.templateKey === e.templateKey), M = (e) => {
-    u(e);
+  const o = I(), m = o.formatMessage(s.customMetadataName), [r, g] = y(""), i = B(() => n.filter((e) => d(e, m).toLowerCase().includes(r.toLowerCase())), [n, r]), f = r.length > 0 && i.length === 0, h = (e) => u.some((l) => l.scope === e.scope && l.templateKey === e.templateKey), M = (e) => {
+    p(e);
   };
   return /* @__PURE__ */ c(t.Root, {
     resetValueOnHide: !0,

package/esm/lib/components/add-metadata-template-dropdown/messages.js

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

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

@@ -1,17 +1,16 @@
 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 { Combobox as m, 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 I, Size1 as le } from "@box/blueprint-web-assets/tokens/tokens";
+import { IconIconOnLightSecondary as ae, Size6 as M, 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 { u as P } from "../../../../chunks/index.js";
+import { forwardRef as F, useRef as C, useCallback as ue, useMemo as L, useEffect as de } from "react";
+import { useIntl as P, FormattedMessage as V } from "react-intl";
 import i from "./messages.js";
-import { useAsyncList as de } from "./use-async-list.js";
+import { useAsyncList as me } from "./use-async-list.js";
 import { useControllableState as pe } from "./utils/use-controllable-state.js";
-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 { useTrackVisibility as he } from "./utils/use-intersection-observer.js";
+import { jsx as r, jsxs as N, Fragment as fe } from "react/jsx-runtime";
 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,
@@ -24,25 +23,25 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
   onTryAgain: y
 }, p) => {
   const {
-    formatMessage: f
+    formatMessage: h
   } = P();
-  return /* @__PURE__ */ V(he, {
+  return /* @__PURE__ */ N(fe, {
     children: [/* @__PURE__ */ r(re, {
       variant: "error",
-      variantIconAriaLabel: f(i.loadingResultsErrorIconLabel),
-      children: /* @__PURE__ */ r(N, {
+      variantIconAriaLabel: h(i.loadingResultsErrorIconLabel),
+      children: /* @__PURE__ */ r(V, {
         ...i.loadingResultsErrorMessage
       })
-    }), /* @__PURE__ */ r(d.Option, {
+    }), /* @__PURE__ */ r(m.Option, {
       ref: p,
       className: a.errorComboboxOption,
       onClick: y,
-      children: /* @__PURE__ */ V(ne, {
+      children: /* @__PURE__ */ N(ne, {
         as: "span",
         className: a.errorComboboxOptionText,
         color: "textOnLightLink",
         variant: "bodyDefaultBold",
-        children: [/* @__PURE__ */ r(N, {
+        children: [/* @__PURE__ */ r(V, {
           ...i.loadingResultsErrorAction
         }), /* @__PURE__ */ r(se, {
           color: "currentColor",
@@ -54,29 +53,29 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
   });
 }), A = "__LOADING__", E = "__LOADING_ERROR__", Le = "0px 0px 20px 0px", Ae = /* @__PURE__ */ r(ie, {
   color: ae,
-  height: I,
+  height: M,
   role: "presentation",
   style: {
     padding: le,
     boxSizing: "border-box"
   },
-  width: I
-}), ze = /* @__PURE__ */ F(function(p, f) {
+  width: M
+}), we = /* @__PURE__ */ F(function(p, h) {
   const {
     defaultFetcher: k,
-    onInputValueChange: h,
+    onInputValueChange: f,
     value: D,
     onValueChange: w,
-    noResultMessage: z,
-    defaultValue: B = [],
-    loadingAriaLabel: W,
+    noResultMessage: B,
+    defaultValue: W = [],
+    loadingAriaLabel: z,
     multiselect: l = !1,
     disabled: G,
     className: j,
     ...U
   } = p, {
     formatMessage: u
-  } = P(), b = C(null), g = C(!0), e = de({
+  } = P(), b = C(null), g = C(!0), e = me({
     async load({
       marker: o,
       searchInput: t,
@@ -96,7 +95,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     v.current || (e.reload(), v.current = !0);
   }, []), [n, x] = pe({
     prop: D,
-    defaultProp: B,
+    defaultProp: W,
     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]);
@@ -107,7 +106,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
       ...c
     } = o;
     if (t === A)
-      return e.hasNextPage ? /* @__PURE__ */ r(d.Option, {
+      return e.hasNextPage ? /* @__PURE__ */ r(m.Option, {
         ...c,
         ref: Y,
         disabled: !0,
@@ -129,7 +128,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     if (O.some((s) => s.value === t))
       return null;
     const ee = n.some((s) => s.value === t);
-    return /* @__PURE__ */ r(d.Option, {
+    return /* @__PURE__ */ r(m.Option, {
       ...c,
       className: a.option,
       value: t,
@@ -139,7 +138,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
       })
     });
   }, Q = (o) => {
-    if (h == null || h(o), _ && o === "") {
+    if (f == null || f(o), _ && o === "") {
       g.current = !1;
       return;
     }
@@ -148,18 +147,18 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     var o;
     e.reload(), (o = b.current) == null || o.focus();
   };
-  let m;
-  e.hasError && !e.isLoading ? m = /* @__PURE__ */ r(S, {
+  let d;
+  e.hasError && !e.isLoading ? d = /* @__PURE__ */ r(S, {
     onTryAgain: X
-  }) : e.isEmpty && !e.isLoading ? m = z || u(i.noResults) : m = void 0;
+  }) : e.isEmpty && !e.isLoading ? d = B || u(i.noResults) : d = void 0;
   const [Y, {
     rootRef: Z,
-    isVisible: M
-  }] = fe({
+    isVisible: I
+  }] = he({
     rootMargin: Le
   });
-  me(() => {
-    if (!(M && e.hasNextPage))
+  de(() => {
+    if (!(I && e.hasNextPage))
       return;
     const t = setTimeout(() => {
       e.loadMore();
@@ -167,7 +166,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     return () => {
       clearTimeout(t);
     };
-  }, [M]);
+  }, [I]);
   const $ = L(() => {
     const o = e.hasNextPage ? {
       displayValue: A,
@@ -178,10 +177,10 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     } : null;
     return [...e.items, ...O, o, t].filter(Boolean);
   }, [e.hasNextPage, e.hasError, e.isEmpty, e.items, O]);
-  return /* @__PURE__ */ r(d, {
+  return /* @__PURE__ */ r(m, {
     as: "input",
     ...U,
-    ref: ce(b, f),
+    ref: ce(b, h),
     className: T({
       [a.disabled]: _
     }, j),
@@ -192,9 +191,9 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     focusLoop: !1,
     getPopoverRef: Z,
     loading: e.isReloading,
-    loadingAriaLabel: W || u(i.loadingAriaLabel),
+    loadingAriaLabel: z || u(i.loadingAriaLabel),
     multiselect: l,
-    noResultMessage: m,
+    noResultMessage: d,
     onFocus: q,
     onInputValueChange: Q,
     onValueChange: H,
@@ -204,5 +203,5 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
   });
 });
 export {
-  ze as ComboboxWithApiPagination
+  we as ComboboxWithApiPagination
 };

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

@@ -1,4 +1,4 @@
-import { d as o } from "../../../../chunks/index.js";
+import { defineMessages as o } from "react-intl";
 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 { u as e } from "../../../../chunks/index.js";
+import { useIntl as e } from "react-intl";
 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 c, ComboboxCancel as n } from "@ariakit/react";
+import { Combobox as n, ComboboxCancel as s } 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 { u as h } from "../../../../chunks/index.js";
+import { useIntl as h } from "react-intl";
 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, s = h().formatMessage(I.cancelButtonAriaLabel);
+  } = a, c = 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(c, {
+      }), /* @__PURE__ */ e(n, {
         "aria-haspopup": "false",
         autoSelect: !0,
         className: o.searchInput,
         ...t
-      }), /* @__PURE__ */ e(n, {
+      }), /* @__PURE__ */ e(s, {
         render: /* @__PURE__ */ e(l, {
-          "aria-label": s,
+          "aria-label": c,
           className: o.clearSearchIcon,
           color: d,
           icon: b,

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

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

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

@@ -1,11 +1,11 @@
 import { TriggerButton as v, Text as C, ScrollableContainer as N, Divider as x } from "@box/blueprint-web";
-import { u as B } from "../../../../chunks/index.js";
+import { useIntl as B } from "react-intl";
 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 u } from "../../utils/utils.js";
+import { getVisibleTemplates as j, getTemplateDisplayName as _ } from "../../utils/utils.js";
 import s from "./messages.js";
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 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 = {
@@ -21,11 +21,11 @@ import '../../../../styles/filter-instances-dropdown.css';const w = "_details_19
   testContainer: R
 }, q = parseInt(S, 10);
 function $({
-  appliedTemplates: _,
+  appliedTemplates: f,
   selectedTemplates: c,
   setSelectedTemplates: l
 }) {
-  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, {
+  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, {
     selectedTemplatesNumber: i,
     visibleTemplatesNumber: m
   }), h = () => {
@@ -42,7 +42,7 @@ function $({
         render: /* @__PURE__ */ e(v, {
           caretDirection: "down",
           className: t.triggerButton,
-          label: f,
+          label: u,
           size: "small",
           variant: "tertiary",
           "data-target-id": "TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText"
@@ -53,7 +53,7 @@ function $({
         color: "textOnLightSecondary",
         "data-testid": "detailsList",
         variant: "caption",
-        children: n.filter((r) => c.some((T) => T === r.id)).map((r) => u(r, d)).join(", ")
+        children: n.filter((r) => c.some((T) => T === r.id)).map((r) => _(r, d)).join(", ")
       })]
     }), /* @__PURE__ */ e(k, {
       className: t.popover,
@@ -83,7 +83,7 @@ function $({
             children: /* @__PURE__ */ e(p, {
               className: t.indicatorIcon
             })
-          }), u(r, d)]
+          }), _(r, d)]
         }, r.id))]
       })
     })]

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

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

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

@@ -1,17 +1,16 @@
-import { Text as l, IconButton as c, DropdownMenu as a } from "@box/blueprint-web";
+import { Text as s, 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 { u as I } from "../../../../../../chunks/index.js";
+import { useIntl as I, FormattedMessage as r } from "react-intl";
 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";
-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 = {
+import '../../../../../../styles/ai-suggestion-field.css';const C = "_wrapperGradient_t2yak_1", _ = "_wrapper_t2yak_1", b = "_buttons_t2yak_18", k = "_selectTrigger_t2yak_22", o = {
   wrapperGradient: C,
   wrapper: _,
-  buttons: M,
-  selectTrigger: b
+  buttons: b,
+  selectTrigger: k
 };
-function D({
+function N({
   aiSuggestion: S,
   onAiSuggestionAppend: g,
   onAiSuggestionReplace: d,
@@ -19,13 +18,13 @@ function D({
   type: n,
   isSameValue: h
 }) {
-  const s = I();
+  const l = I();
   return /* @__PURE__ */ e("div", {
     className: o.wrapperGradient,
     children: /* @__PURE__ */ e("div", {
       className: o.wrapper,
       children: h ? /* @__PURE__ */ i(u, {
-        children: [/* @__PURE__ */ e(l, {
+        children: [/* @__PURE__ */ e(s, {
           as: "p",
           color: "textOnLightSecondary",
           variant: "caption",
@@ -35,7 +34,7 @@ function D({
         }), /* @__PURE__ */ e("div", {
           className: o.buttons,
           children: /* @__PURE__ */ e(c, {
-            "aria-label": s.formatMessage(t.aiSuggestionConfirm),
+            "aria-label": l.formatMessage(t.aiSuggestionConfirm),
             icon: m,
             onClick: p,
             size: "x-small",
@@ -44,24 +43,24 @@ function D({
         })]
       }) : /* @__PURE__ */ i(u, {
         children: [/* @__PURE__ */ i("div", {
-          children: [/* @__PURE__ */ e(l, {
+          children: [/* @__PURE__ */ e(s, {
             as: "p",
             color: "textOnLightSecondary",
             variant: "caption",
             children: /* @__PURE__ */ e(r, {
               ...t.aiSuggestionCaption
             })
-          }), /* @__PURE__ */ e(l, {
+          }), /* @__PURE__ */ e(s, {
             as: "p",
             children: w(S, {
               type: n,
-              locale: s.locale
+              locale: l.locale
             })
           })]
         }), /* @__PURE__ */ i("div", {
           className: o.buttons,
           children: [/* @__PURE__ */ e(c, {
-            "aria-label": s.formatMessage(n === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
+            "aria-label": l.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 +69,7 @@ function D({
             children: [/* @__PURE__ */ e(a.Trigger, {
               className: o.selectTrigger,
               children: /* @__PURE__ */ e(c, {
-                "aria-label": s.formatMessage(t.aiSuggestionOptions),
+                "aria-label": l.formatMessage(t.aiSuggestionOptions),
                 icon: f,
                 "data-target-id": "IconButton-aiSuggestionOptions"
               })
@@ -102,5 +101,5 @@ function D({
   });
 }
 export {
-  D as AiSuggestionField
+  N as AiSuggestionField
 };

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

@@ -1,4 +1,4 @@
-import { d as e } from "../../../../../../chunks/index.js";
+import { defineMessages as e } from "react-intl";
 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 { u as V } from "../../../../../../chunks/index.js";
+import { useIntl as V } from "react-intl";
 import { convertIsoStringToCalendarDate as N, convertCalendarDateToISOString as O } from "../../../../utils/convertDate.js";
 import a from "../../../../messages.js";
 import { g as B } from "../../../../../../chunks/utils2.js";