@box/metadata-editor 1.53.16 → 1.54.0

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

@@ -1,55 +1,56 @@
-import { Combobox as v } from "@box/blueprint-web";
-import { useFormikContext as y, getIn as x, Field as E } from "formik";
-import { forwardRef as U } from "react";
-import { useIntl as $ } from "react-intl";
-import w from "../../../../messages.js";
-import { g as A } from "../../../../../../chunks/utils2.js";
-import { messages as D } from "../update-mode-field-wrapper/messages.js";
-import { MULTI_VALUE_DEFAULT_VALUE as I } from "../update-mode-field-wrapper/mulitple-values-utils.js";
+import { Combobox as y } from "@box/blueprint-web";
+import { useFormikContext as x, getIn as E, Field as U } from "formik";
+import { forwardRef as $ } from "react";
+import { useIntl as w } from "react-intl";
+import A from "../../../../messages.js";
+import { g as D } from "../../../../../../chunks/utils2.js";
+import { messages as I } from "../update-mode-field-wrapper/messages.js";
+import { MULTI_VALUE_DEFAULT_VALUE as _ } from "../update-mode-field-wrapper/mulitple-values-utils.js";
 import { jsx as l } from "react/jsx-runtime";
-const G = /* @__PURE__ */ U(({
+const H = /* @__PURE__ */ $(({
   className: m,
   isAiSuggestionApplied: n,
-  description: u,
-  disableForm: d,
+  confidenceScore: u,
+  description: d,
+  disableForm: p,
   fieldNamePrefix: o,
   label: a,
-  onValueEdited: p,
-  options: c,
-  portalElement: f,
-  updateModePrefix: g
-}, V) => {
+  onValueEdited: c,
+  options: f,
+  portalElement: g,
+  updateModePrefix: V
+}, L) => {
   const {
-    setFieldValue: L,
-    values: F
-  } = y(), {
+    setFieldValue: F,
+    values: b
+  } = x(), {
     formatMessage: s
-  } = $(), r = `${g ?? o}.value`, h = s(D.multipleValues), b = (c || x(F, `${o}.options`, [])).map((e) => typeof e == "string" ? e : e.key), C = (e, i) => i.toLowerCase().includes(e.toLowerCase());
+  } = w(), r = `${V ?? o}.value`, h = s(I.multipleValues), C = (f || E(b, `${o}.options`, [])).map((e) => typeof e == "string" ? e : e.key), M = (e, i) => i.toLowerCase().includes(e.toLowerCase());
   return /* @__PURE__ */ l("div", {
     "data-testid": `${a}-field`,
-    children: /* @__PURE__ */ l(E, {
+    children: /* @__PURE__ */ l(U, {
       name: r,
       children: ({
         field: e
       }) => {
-        const M = (e.value?.length || 0) === 0 ? s(w.multiselectPlaceholder) : "";
-        return /* @__PURE__ */ l(v, {
-          ref: V,
+        const v = (e.value?.length || 0) === 0 ? s(A.multiselectPlaceholder) : "";
+        return /* @__PURE__ */ l(y, {
+          ref: L,
           as: "input",
           className: m,
           "data-target-id": "Combobox-MetadataEditorMultiSelectField",
-          disabled: d,
-          displayValue: (t) => t === I ? h : t,
-          filterFn: C,
-          label: A(a, u, n),
+          disabled: p,
+          displayValue: (t) => t === _ ? h : t,
+          filterFn: M,
+          label: D(a, d, n, "label", u),
           multiselect: !0,
           name: e.name,
           onValueChange: (t) => {
-            L(r, t), p();
+            F(r, t), c();
           },
-          options: b,
-          placeholder: M,
-          portalElement: f,
+          options: C,
+          placeholder: v,
+          portalElement: g,
           value: e.value
         });
       }
@@ -57,6 +58,6 @@ const G = /* @__PURE__ */ U(({
   });
 });
 export {
-  G as MetadataMultiSelectField,
-  G as default
+  H as MetadataMultiSelectField,
+  H as default
 };

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

@@ -1,38 +1,39 @@
-import { TextInput as u } from "@box/blueprint-web";
-import { Field as c } from "formik";
-import { forwardRef as h } from "react";
-import { useIntl as F } from "react-intl";
-import x from "../../../../messages.js";
-import { g as M } from "../../../../../../chunks/utils2.js";
+import { TextInput as c } from "@box/blueprint-web";
+import { Field as h } from "formik";
+import { forwardRef as F } from "react";
+import { useIntl as x } from "react-intl";
+import M from "../../../../messages.js";
+import { g as b } from "../../../../../../chunks/utils2.js";
 import { jsx as e } from "react/jsx-runtime";
-const I = /* @__PURE__ */ h(({
+const I = /* @__PURE__ */ F(({
   className: r,
   description: a,
   isAiSuggestionApplied: i,
-  disableForm: o,
-  fieldNamePrefix: d,
+  confidenceScore: o,
+  disableForm: d,
+  fieldNamePrefix: l,
   label: t,
-  onValueEdited: l,
-  updateModePrefix: m
-}, n) => {
-  const s = F(), f = `${m ?? d}.value`;
+  onValueEdited: m,
+  updateModePrefix: n
+}, s) => {
+  const f = x(), p = `${n ?? l}.value`;
   return /* @__PURE__ */ e("div", {
     "data-testid": `${t}-field`,
-    children: /* @__PURE__ */ e(c, {
-      name: f,
+    children: /* @__PURE__ */ e(h, {
+      name: p,
       children: ({
-        field: p,
-        meta: g
-      }) => /* @__PURE__ */ e(u, {
-        ...p,
-        ref: n,
+        field: g,
+        meta: u
+      }) => /* @__PURE__ */ e(c, {
+        ...g,
+        ref: s,
         className: r,
         "data-target-id": "TextInput-MetadataEditorStringField",
-        disabled: o,
-        error: g.error,
-        label: M(t, a, i),
-        onChangeCapture: l,
-        placeholder: s.formatMessage(x.setValuePlaceholder)
+        disabled: d,
+        error: u.error,
+        label: b(t, a, i, "label", o),
+        onChangeCapture: m,
+        placeholder: f.formatMessage(M.setValuePlaceholder)
       })
     })
   });

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

@@ -1,95 +1,96 @@
-import { Tooltip as $ } from "@box/blueprint-web";
-import { ComboboxWithApiTreeView as K, ComboboxWithApiPagination as j } from "@box/combobox-with-api";
-import { useFormikContext as R, getIn as S, Field as q } from "formik";
-import { forwardRef as z, useCallback as B } from "react";
-import { useIntl as G } from "react-intl";
-import I from "../../../../messages.js";
-import { g as k } from "../../../../../../chunks/utils2.js";
-import { messages as H } from "../update-mode-field-wrapper/messages.js";
-import { MULTI_VALUE_DEFAULT_VALUE as J } from "../update-mode-field-wrapper/mulitple-values-utils.js";
+import { Tooltip as K } from "@box/blueprint-web";
+import { ComboboxWithApiTreeView as j, ComboboxWithApiPagination as R } from "@box/combobox-with-api";
+import { useFormikContext as q, getIn as z, Field as B } from "formik";
+import { forwardRef as G, useCallback as H } from "react";
+import { useIntl as J } from "react-intl";
+import k from "../../../../messages.js";
+import { g as E } from "../../../../../../chunks/utils2.js";
+import { messages as O } from "../update-mode-field-wrapper/messages.js";
+import { MULTI_VALUE_DEFAULT_VALUE as Q } from "../update-mode-field-wrapper/mulitple-values-utils.js";
 import { jsx as t } from "react/jsx-runtime";
-const O = (o, l) => o === J ? l : o, re = /* @__PURE__ */ z(({
+const S = (o, l) => o === Q ? l : o, ie = /* @__PURE__ */ G(({
   description: o,
   disableForm: l,
   isAiSuggestionApplied: s,
-  fieldNamePrefix: m,
+  confidenceScore: m,
+  fieldNamePrefix: d,
   label: r,
-  onValueEdited: E,
-  portalElement: d,
-  taxonomyOptionsFetcher: u,
-  updateModePrefix: P,
-  className: c,
-  isExternallyOwned: p,
-  isMultilevelTaxonomyFieldEnabled: U
+  onValueEdited: P,
+  portalElement: u,
+  taxonomyOptionsFetcher: c,
+  updateModePrefix: U,
+  className: p,
+  isExternallyOwned: b,
+  isMultilevelTaxonomyFieldEnabled: W
 }, h) => {
   const {
-    formatMessage: n
-  } = G(), b = `${P ?? m}.value`, {
-    setFieldValue: W,
-    values: g
-  } = R(), {
+    formatMessage: i
+  } = J(), g = `${U ?? d}.value`, {
+    setFieldValue: w,
+    values: V
+  } = q(), {
     metadata: {
-      templateKey: V,
-      scope: v
+      templateKey: v,
+      scope: y
     }
-  } = g, w = S(g, m), {
+  } = V, D = z(V, d), {
     key: f,
     optionsRules: {
-      multiSelect: i,
+      multiSelect: n,
       selectableLevels: a
     },
-    levels: D
-  } = w, _ = n(H.multipleValues), y = U && a?.some((e) => e > 1), x = l || p, T = B((e) => u(v, V, f, a?.[0], e), [f, v, a, u, V]), C = (e) => i || !e?.length ? n(I.taxonomyPlaceholder) : void 0, F = (e) => {
-    W(b, e), E();
-  }, A = /* @__PURE__ */ t("div", {
+    levels: _
+  } = D, $ = i(O.multipleValues), x = W && a?.some((e) => e > 1), T = l || b, C = H((e) => c(y, v, f, a?.[0], e), [f, y, a, c, v]), F = (e) => n || !e?.length ? i(k.taxonomyPlaceholder) : void 0, A = (e) => {
+    w(g, e), P();
+  }, L = /* @__PURE__ */ t("div", {
     "data-testid": `${r}-field`,
     onKeyDown: (e) => e.stopPropagation(),
     role: "presentation",
-    children: /* @__PURE__ */ t(q, {
-      name: b,
+    children: /* @__PURE__ */ t(B, {
+      name: g,
       children: ({
         field: e
       }) => {
-        const L = Array.isArray(e.value) ? e.value.map((M) => ({
-          ...M,
-          displayValue: O(M.displayValue, _)
+        const M = Array.isArray(e.value) ? e.value.map((I) => ({
+          ...I,
+          displayValue: S(I.displayValue, $)
         })) : e.value;
-        return y ? /* @__PURE__ */ t(K, {
+        return x ? /* @__PURE__ */ t(j, {
           ref: h,
-          className: c,
-          closeOnSelection: y,
+          className: p,
+          closeOnSelection: x,
           dataTargetId: "ComboboxWithApiTreeView-MetadataEditorTaxonomyField",
-          defaultFetcher: T,
-          disabled: x,
-          label: k(r, o, s),
-          levels: D,
-          multiselect: i,
-          onValueChange: F,
-          placeholder: C(e.value),
-          portalElement: d,
+          defaultFetcher: C,
+          disabled: T,
+          label: E(r, o, s, "label", m),
+          levels: _,
+          multiselect: n,
+          onValueChange: A,
+          placeholder: F(e.value),
+          portalElement: u,
           selectableLevels: a,
-          value: L
-        }) : /* @__PURE__ */ t(j, {
+          value: M
+        }) : /* @__PURE__ */ t(R, {
           ref: h,
-          className: c,
+          className: p,
           dataTargetId: "ComboboxWithApiPagination-MetadataEditorTaxonomyField",
-          defaultFetcher: T,
-          disabled: x,
-          label: k(r, o, s),
-          multiselect: i,
-          onValueChange: F,
-          placeholder: C(e.value),
-          portalElement: d,
-          value: L
+          defaultFetcher: C,
+          disabled: T,
+          label: E(r, o, s, "label", m),
+          multiselect: n,
+          onValueChange: A,
+          placeholder: F(e.value),
+          portalElement: u,
+          value: M
         });
       }
     })
   });
-  return p ? /* @__PURE__ */ t($, {
-    content: n(I.taxonomyExternallyOwned),
-    children: A
-  }) : A;
+  return b ? /* @__PURE__ */ t(K, {
+    content: i(k.taxonomyExternallyOwned),
+    children: L
+  }) : L;
 });
 export {
-  re as MetadataTaxonomyField
+  ie as MetadataTaxonomyField
 };

package/dist/esm/lib/components/metadata-editor-fields/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages as e } from "react-intl";
+const d = e({
+  lowConfidenceBadge: {
+    id: "metadataEditor.fieldLabel.lowConfidenceBadge",
+    defaultMessage: "Low"
+  }
+});
+export {
+  d as default
+};

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

@@ -1,105 +1,109 @@
-import L from "clsx";
-import { useFormikContext as T } from "formik";
-import b from "lodash/isUndefined";
-import { forwardRef as B, useCallback as r, useEffect as x, useMemo as q } from "react";
-import { A as a } from "../../../../chunks/types.js";
-import { UpdateModeFieldWrapper as z } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
-import { editorFieldTypes as D } from "./editor-field-types.js";
-import { s as l } from "../../../../chunks/utils2.js";
-import { jsx as g, jsxs as G } from "react/jsx-runtime";
-import { isConfidenceScoreNeedingReview as H } from "../../utils/confidence-score/is-confidence-score-needing-review.js";
-import { AiSuggestionField as J } from "./components/ai-suggestion-field/ai-suggestion-field.js";
-import { LowConfidenceSuggestionField as K } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
-const ae = /* @__PURE__ */ B(({
-  disableForm: y,
-  portalElement: h,
+import w from "clsx";
+import { useFormikContext as z } from "formik";
+import D from "lodash/isEqual";
+import G from "lodash/isUndefined";
+import { forwardRef as H, useCallback as d, useEffect as W, useMemo as J } from "react";
+import { A as r } from "../../../../chunks/types.js";
+import { UpdateModeFieldWrapper as K } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
+import { editorFieldTypes as Q } from "./editor-field-types.js";
+import { s as u } from "../../../../chunks/utils2.js";
+import { jsx as l, jsxs as X } from "react/jsx-runtime";
+import { isConfidenceScoreNeedingReview as Y } from "../../utils/confidence-score/is-confidence-score-needing-review.js";
+import { AiSuggestionField as Z } from "./components/ai-suggestion-field/ai-suggestion-field.js";
+import { LowConfidenceSuggestionField as _ } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
+const pe = /* @__PURE__ */ H(({
+  disableForm: h,
+  portalElement: $,
   field: e,
-  index: M,
+  index: k,
   taxonomyOptionsFetcher: v,
-  isExternallyOwned: C,
-  isMultilevelTaxonomyFieldEnabled: w,
-  isConfidenceScoreReviewEnabled: I = !1
-}, N) => {
+  isExternallyOwned: N,
+  isMultilevelTaxonomyFieldEnabled: V,
+  isConfidenceScoreReviewEnabled: n = !1
+}, F) => {
   const {
-    setFieldValue: o
-  } = T(), m = e.aiSuggestionState || a.Initial, n = m === a.Pending, V = m === a.Applied, $ = m === a.Initial, f = D[e.type], {
-    aiSuggestion: t,
-    type: d,
-    value: p
-  } = e, R = f && !e.hidden, W = !b(e.updateMode), i = `metadata.fields[${M}]`, k = e.type === "taxonomy" && e.optionsRules?.multiSelect, u = I && !!e.confidenceScore && H(e.confidenceScore), P = L({
-    [l.suggestionApplied]: V,
-    [l.hasSuggestion]: n,
-    [l.hasConfidenceReview]: !n && u,
-    [l.dateField]: d === "date"
-  }), c = r((s) => {
-    o(`${i}.aiSuggestionState`, s);
-  }, [i, o]), S = r((s) => {
-    o(`${i}.value`, s), c(a.Applied);
-  }, [i, o, c]), A = r(() => {
-    c(a.Initial), o(`${i}.aiSuggestion`, void 0);
-  }, [c, o, i]), E = r(() => {
-    o(`${i}.confidenceScore.isAccepted`, !0);
-  }, [i, o]), U = r(() => {
-    const s = d === "multiSelect" || d === "taxonomy" ? [] : "";
-    o(`${i}.value`, s), o(`${i}.confidenceScore`, void 0);
-  }, [i, o, d]), F = r(() => {
-    A(), u && o(`${i}.confidenceScore`, void 0);
-  }, [A, u, o, i]);
-  x(() => {
-    n && (!p || Array.isArray(p) && p.length === 0) && S(t);
-  }, [t, n, S]), x(() => {
-    $ && t && c(a.Pending);
-  }, [$, t, c]);
-  const j = q(() => t && p === t, [n]);
-  return R ? W ? /* @__PURE__ */ g(z, {
-    fieldNamePrefix: i,
+    setFieldValue: t
+  } = z(), m = e.aiSuggestionState || r.Initial, s = m === r.Pending, x = m === r.Applied, C = m === r.Initial, f = Q[e.type], {
+    aiSuggestion: i,
+    aiSuggestionConfidenceScore: A,
+    type: g,
+    value: a
+  } = e, P = f && !e.hidden, L = !G(e.updateMode), o = `metadata.fields[${k}]`, U = e.type === "taxonomy" && e.optionsRules?.multiSelect, M = n && !!e.confidenceScore && Y(e.confidenceScore), j = w({
+    [u.suggestionApplied]: x,
+    [u.hasSuggestion]: s,
+    [u.hasConfidenceReview]: !s && M,
+    [u.dateField]: g === "date"
+  }), p = d((c) => {
+    t(`${o}.aiSuggestionState`, c);
+  }, [o, t]), S = d((c) => {
+    t(`${o}.value`, c), p(r.Applied), n && (t(`${o}.confidenceScore`, A), t(`${o}.aiSuggestionConfidenceScore`, void 0));
+  }, [o, t, p, A, n]), y = d(() => {
+    p(r.Initial), t(`${o}.aiSuggestion`, void 0), n && t(`${o}.aiSuggestionConfidenceScore`, void 0);
+  }, [p, t, o, n]), T = d(() => {
+    t(`${o}.confidenceScore.isAccepted`, !0);
+  }, [o, t]), q = d(() => {
+    const c = g === "multiSelect" || g === "taxonomy" ? [] : "";
+    t(`${o}.value`, c), t(`${o}.confidenceScore`, void 0);
+  }, [o, t, g]), I = d(() => {
+    y(), n && e.confidenceScore && t(`${o}.confidenceScore`, void 0);
+  }, [y, n, e.confidenceScore, t, o]);
+  W(() => {
+    s && (!a || Array.isArray(a) && a.length === 0) && S(i);
+  }, [i, s, S]), W(() => {
+    C && i && p(r.Pending);
+  }, [C, i, p]);
+  const B = J(() => i ? D(a, i) : !1, [i, a]);
+  return P ? L ? /* @__PURE__ */ l(K, {
+    fieldNamePrefix: o,
     fieldType: e.type,
-    isTaxonomyMultiSelect: k,
-    children: /* @__PURE__ */ g(f, {
-      ref: N,
+    isTaxonomyMultiSelect: U,
+    children: /* @__PURE__ */ l(f, {
+      ref: F,
       description: e.description,
-      disableForm: y,
-      fieldNamePrefix: i,
+      disableForm: h,
+      fieldNamePrefix: o,
       isAiSuggestionApplied: !1,
-      isExternallyOwned: C,
-      isMultilevelTaxonomyFieldEnabled: w,
+      isExternallyOwned: N,
+      isMultilevelTaxonomyFieldEnabled: V,
       label: e.displayName,
       levels: e.levels,
-      onValueEdited: F,
-      portalElement: h,
+      onValueEdited: I,
+      portalElement: $,
       taxonomyOptionsFetcher: v
     })
-  }, e.key) : /* @__PURE__ */ G("div", {
-    className: l.fieldWrapper,
-    children: [/* @__PURE__ */ g(f, {
-      ref: N,
-      className: P,
+  }, e.key) : /* @__PURE__ */ X("div", {
+    className: u.fieldWrapper,
+    children: [/* @__PURE__ */ l(f, {
+      ref: F,
+      className: j,
       description: e.description,
-      disableForm: y,
-      fieldNamePrefix: i,
-      isAiSuggestionApplied: V,
-      isExternallyOwned: C,
-      isMultilevelTaxonomyFieldEnabled: w,
+      disableForm: h,
+      fieldNamePrefix: o,
+      isAiSuggestionApplied: x,
+      isExternallyOwned: N,
+      confidenceScore: n && !s ? e.confidenceScore : void 0,
+      isMultilevelTaxonomyFieldEnabled: V,
       label: e.displayName,
-      onValueEdited: F,
-      portalElement: h,
+      onValueEdited: I,
+      portalElement: $,
       taxonomyOptionsFetcher: v
-    }), n && /* @__PURE__ */ g(J, {
-      aiSuggestion: t,
-      isSameValue: j,
+    }), s && /* @__PURE__ */ l(Z, {
+      aiSuggestion: i,
+      confidenceLevel: n ? A?.level : void 0,
+      isSameValue: B,
       onAiSuggestionAppend: () => {
-        const s = [...new Set([p, t].flat().filter(Boolean))];
-        S(s);
+        const c = [...new Set([a, i].flat().filter(Boolean))];
+        S(c);
       },
-      onAiSuggestionIgnore: A,
-      onAiSuggestionReplace: () => S(t),
-      type: d
-    }), !n && u && /* @__PURE__ */ g(K, {
-      onAccept: E,
-      onClear: U
+      onAiSuggestionIgnore: y,
+      onAiSuggestionReplace: () => S(i),
+      type: g
+    }), !s && M && /* @__PURE__ */ l(_, {
+      onAccept: T,
+      onClear: q
     })]
   }, e.key) : null;
 });
 export {
-  ae as MetadataEditorFieldWrapper
+  pe as MetadataEditorFieldWrapper
 };

package/dist/esm/lib/components/metadata-editor-fields/utils.js

@@ -1,10 +1,12 @@
-import "@box/blueprint-web-assets/icons/Logo";
 import "clsx";
-import "../interactive-text/interactive-text.js";
-import { g as a, t as g } from "../../../../chunks/utils2.js";
 import "../../utils/convertDate.js";
+import "../interactive-text/interactive-text.js";
+import { g as s, t as l } from "../../../../chunks/utils2.js";
 import "react/jsx-runtime";
+import "../../utils/confidence-score/is-confidence-score-needing-review.js";
+import "./components/low-confidence-badge/low-confidence-badge.js";
+import "./components/ai-logo-badge/ai-logo-badge.js";
 export {
-  a as getFieldLabel,
-  g as tryParseDateSuggestion
+  s as getFieldLabel,
+  l as tryParseDateSuggestion
 };