@box/metadata-editor 1.53.15 → 1.54.0

package/dist/chunks/utils2.js

@@ -1,50 +1,55 @@
-import { BoxAiLogo as b } from "@box/blueprint-web-assets/icons/Logo";
-import g from "clsx";
-import _ from "../esm/lib/components/interactive-text/interactive-text.js";
-import { convertISOStringtoRFC3339String as p } from "../esm/lib/utils/convertDate.js";
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import '../styles/utils.css';const u = "_noAttributesText_6bzgt_2", m = "_fieldWrapper_6bzgt_6", x = "_hasSuggestion_6bzgt_11", T = "_hasConfidenceReview_6bzgt_16", f = "_dateField_6bzgt_44", z = "_suggestionApplied_6bzgt_48", h = "_labelWrapper_6bzgt_95", A = "_labelText_6bzgt_101", N = "_labelTruncated_6bzgt_104", S = "_labelIcon_6bzgt_111", l = {
-  noAttributesText: u,
-  fieldWrapper: m,
-  hasSuggestion: x,
-  hasConfidenceReview: T,
-  dateField: f,
-  suggestionApplied: z,
-  labelWrapper: h,
-  labelText: A,
-  labelTruncated: N,
-  labelIcon: S
-}, w = (t, e, a = !1, o = "label") => (c) => {
+import p from "clsx";
+import { convertISOStringtoRFC3339String as d } from "../esm/lib/utils/convertDate.js";
+import u from "../esm/lib/components/interactive-text/interactive-text.js";
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { isConfidenceScoreNeedingReview as T } from "../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";
+import { LowConfidenceBadge as f } from "../esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js";
+import { AiLogoBadge as x } from "../esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js";
+import '../styles/utils.css';const z = "_noAttributesText_6bzgt_2", h = "_fieldWrapper_6bzgt_6", C = "_hasSuggestion_6bzgt_11", N = "_hasConfidenceReview_6bzgt_16", v = "_dateField_6bzgt_44", w = "_suggestionApplied_6bzgt_48", A = "_labelWrapper_6bzgt_95", W = "_labelText_6bzgt_101", I = "_labelTruncated_6bzgt_104", F = "_labelIcon_6bzgt_111", s = {
+  noAttributesText: z,
+  fieldWrapper: h,
+  hasSuggestion: C,
+  hasConfidenceReview: N,
+  dateField: v,
+  suggestionApplied: w,
+  labelWrapper: A,
+  labelText: W,
+  labelTruncated: I,
+  labelIcon: F
+}, O = (a, t, r = !1, i = "label", e) => (b) => {
   const {
-    className: i,
+    className: g,
     ...n
-  } = c, r = g(i || l.labelText, l.labelTruncated);
-  return /* @__PURE__ */ d("div", {
-    className: l.labelWrapper,
-    children: [e ? /* @__PURE__ */ s(_, {
-      as: o,
-      className: r,
-      tooltipText: e,
+  } = b, o = p(g || s.labelText, s.labelTruncated), c = !!e && T(e), _ = () => e && c ? /* @__PURE__ */ l(f, {
+    confidenceScore: e
+  }) : r || e ? /* @__PURE__ */ l(x, {
+    className: s.labelIcon,
+    confidenceScore: e
+  }) : null;
+  return /* @__PURE__ */ m("div", {
+    className: s.labelWrapper,
+    children: [t ? /* @__PURE__ */ l(u, {
+      as: i,
+      className: o,
+      tooltipText: t,
       ...n,
-      children: t
-    }) : /* @__PURE__ */ s("label", {
-      className: r,
+      children: a
+    }) : /* @__PURE__ */ l("label", {
+      className: o,
       ...n,
-      children: t
-    }), a && /* @__PURE__ */ s(b, {
-      className: l.labelIcon
-    })]
+      children: a
+    }), _()]
   });
-}, R = (t) => {
+}, P = (a) => {
   try {
-    const e = p(t), a = new Date(e);
-    return isNaN(a.getTime()) ? null : e;
+    const t = d(a), r = new Date(t);
+    return isNaN(r.getTime()) ? null : t;
   } catch {
     return null;
   }
 };
 export {
-  w as g,
-  l as s,
-  R as t
+  O as g,
+  s,
+  P as t
 };

package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js

@@ -0,0 +1,37 @@
+import { Focusable as a, Status as m, Tooltip as f } from "@box/blueprint-web";
+import { BoxAiLogo as r } from "@box/blueprint-web-assets/icons/Logo";
+import { SurfaceStatusSurfaceGray as p } from "@box/blueprint-web-assets/tokens/tokens";
+import { useIntl as u } from "react-intl";
+import { jsx as t } from "react/jsx-runtime";
+import { getConfidenceScoreTooltip as s } from "../../../../utils/confidence-score/get-confidence-score-tooltip.js";
+function S({
+  confidenceScore: o,
+  className: e
+}) {
+  const {
+    formatMessage: i
+  } = u();
+  if (!o)
+    return /* @__PURE__ */ t(r, {
+      className: e
+    });
+  const n = s(i, o), c = o.isAccepted ? /* @__PURE__ */ t(a, {
+    children: /* @__PURE__ */ t(r, {
+      className: e
+    })
+  }) : /* @__PURE__ */ t(m, {
+    hideText: !0,
+    icon: r,
+    interactive: !0,
+    text: "",
+    color: p,
+    "data-testid": "ai-confidence-badge"
+  });
+  return /* @__PURE__ */ t(f, {
+    content: n,
+    children: c
+  });
+}
+export {
+  S as AiLogoBadge
+};

package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/index.js

@@ -0,0 +1,4 @@
+import { AiLogoBadge as g } from "./ai-logo-badge.js";
+export {
+  g as AiLogoBadge
+};

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

@@ -1,98 +1,99 @@
-import { useBlueprintModernization as I, Text as s, IconButton as c, DropdownMenu as a } from "@box/blueprint-web";
-import { Checkmark as p, Ellipsis as w } from "@box/blueprint-web-assets/icons/Fill";
-import M from "clsx";
-import { useIntl as x, FormattedMessage as r } from "react-intl";
+import { useBlueprintModernization as w, Text as c, IconButton as g, DropdownMenu as a } from "@box/blueprint-web";
+import { Checkmark as u, Ellipsis as x } from "@box/blueprint-web-assets/icons/Fill";
+import v from "clsx";
+import { useIntl as A, FormattedMessage as s } from "react-intl";
 import { s as l } from "../../../../../../chunks/field-action-bar.module.js";
 import t from "./messages.js";
-import { formatSuggestionValue as v } from "./utils.js";
-import { jsx as e, jsxs as i, Fragment as u } from "react/jsx-runtime";
-import '../../../../../../styles/ai-suggestion-field.css';const b = "_wrapper_132y2_1", A = "_selectTrigger_132y2_1", S = {
-  wrapper: b,
-  selectTrigger: A
+import { formatSuggestionValue as b } from "./utils.js";
+import { jsx as e, jsxs as r, Fragment as S } from "react/jsx-runtime";
+import '../../../../../../styles/ai-suggestion-field.css';const B = "_wrapper_132y2_1", T = "_selectTrigger_132y2_1", h = {
+  wrapper: B,
+  selectTrigger: T
 };
-function R({
-  aiSuggestion: h,
+function j({
+  aiSuggestion: C,
   onAiSuggestionAppend: d,
-  onAiSuggestionReplace: g,
-  onAiSuggestionIgnore: m,
-  type: n,
-  isSameValue: f
+  onAiSuggestionReplace: m,
+  onAiSuggestionIgnore: p,
+  type: o,
+  isSameValue: f,
+  confidenceLevel: n
 }) {
-  const o = x(), {
-    enableModernizedComponents: C
-  } = I();
+  const i = A(), {
+    enableModernizedComponents: I
+  } = w(), M = n ? n.charAt(0).toUpperCase() + n.slice(1).toLowerCase() : void 0;
   return /* @__PURE__ */ e("div", {
     className: l.wrapperGradient,
-    "data-modern": C,
+    "data-modern": I,
     children: /* @__PURE__ */ e("div", {
-      className: M(l.wrapper, S.wrapper),
-      children: f ? /* @__PURE__ */ i(u, {
-        children: [/* @__PURE__ */ e(s, {
+      className: v(l.wrapper, h.wrapper),
+      children: f ? /* @__PURE__ */ r(S, {
+        children: [/* @__PURE__ */ e(c, {
           as: "p",
           color: "textOnLightSecondary",
           variant: "caption",
-          children: /* @__PURE__ */ e(r, {
+          children: /* @__PURE__ */ e(s, {
             ...t.sameValueAiSuggestionCaption
           })
         }), /* @__PURE__ */ e("div", {
           className: l.buttons,
-          children: /* @__PURE__ */ e(c, {
-            "aria-label": o.formatMessage(t.aiSuggestionConfirm),
-            icon: p,
-            onClick: m,
+          children: /* @__PURE__ */ e(g, {
+            "aria-label": i.formatMessage(t.aiSuggestionConfirm),
+            icon: u,
+            onClick: p,
             size: "x-small",
             "data-target-id": "IconButton-aiSuggestionConfirm"
           })
         })]
-      }) : /* @__PURE__ */ i(u, {
-        children: [/* @__PURE__ */ i("div", {
-          children: [/* @__PURE__ */ e(s, {
+      }) : /* @__PURE__ */ r(S, {
+        children: [/* @__PURE__ */ r("div", {
+          children: [/* @__PURE__ */ e(c, {
             as: "p",
             color: "textOnLightSecondary",
             variant: "caption",
-            children: /* @__PURE__ */ e(r, {
-              ...t.aiSuggestionCaption
-            })
-          }), /* @__PURE__ */ e(s, {
+            children: n ? i.formatMessage(t.aiSuggestionCaptionWithLevel, {
+              level: M
+            }) : i.formatMessage(t.aiSuggestionCaption)
+          }), /* @__PURE__ */ e(c, {
             as: "p",
-            children: v(h, {
-              type: n,
-              locale: o.locale
+            children: b(C, {
+              type: o,
+              locale: i.locale
             })
           })]
-        }), /* @__PURE__ */ i("div", {
+        }), /* @__PURE__ */ r("div", {
           className: l.buttons,
-          children: [/* @__PURE__ */ e(c, {
-            "aria-label": o.formatMessage(n === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
-            "data-target-id": n === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
-            icon: p,
-            onClick: n === "multiSelect" ? d : g,
+          children: [/* @__PURE__ */ e(g, {
+            "aria-label": i.formatMessage(o === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
+            "data-target-id": o === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
+            icon: u,
+            onClick: o === "multiSelect" ? d : m,
             size: "x-small"
-          }), /* @__PURE__ */ i(a.Root, {
+          }), /* @__PURE__ */ r(a.Root, {
             children: [/* @__PURE__ */ e(a.Trigger, {
-              className: S.selectTrigger,
-              children: /* @__PURE__ */ e(c, {
-                "aria-label": o.formatMessage(t.aiSuggestionOptions),
-                icon: w,
+              className: h.selectTrigger,
+              children: /* @__PURE__ */ e(g, {
+                "aria-label": i.formatMessage(t.aiSuggestionOptions),
+                icon: x,
                 "data-target-id": "IconButton-aiSuggestionOptions"
               })
-            }), /* @__PURE__ */ i(a.Content, {
-              children: [n === "multiSelect" && /* @__PURE__ */ e(a.Item, {
+            }), /* @__PURE__ */ r(a.Content, {
+              children: [o === "multiSelect" && /* @__PURE__ */ e(a.Item, {
                 onSelect: d,
                 "data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
-                children: /* @__PURE__ */ e(r, {
+                children: /* @__PURE__ */ e(s, {
                   ...t.aiSuggestionAppend
                 })
               }), /* @__PURE__ */ e(a.Item, {
-                onSelect: g,
+                onSelect: m,
                 "data-target-id": "DropdownMenu.Item-aiSuggestionClearAndReplace",
-                children: /* @__PURE__ */ e(r, {
+                children: /* @__PURE__ */ e(s, {
                   ...t.aiSuggestionClearAndReplace
                 })
               }), /* @__PURE__ */ e(a.Separator, {}), /* @__PURE__ */ e(a.Item, {
-                onSelect: m,
+                onSelect: p,
                 "data-target-id": "DropdownMenu.Item-aiSuggestionIgnore",
-                children: /* @__PURE__ */ e(r, {
+                children: /* @__PURE__ */ e(s, {
                   ...t.aiSuggestionIgnore
                 })
               })]
@@ -104,5 +105,5 @@ function R({
   });
 }
 export {
-  R as AiSuggestionField
+  j as AiSuggestionField
 };

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

@@ -24,6 +24,10 @@ const i = e({
     id: "metadataEditor.aiSuggestionField.ignoreLabel",
     defaultMessage: "Ignore"
   },
+  aiSuggestionCaptionWithLevel: {
+    id: "metadataEditor.aiSuggestionField.aiSuggestionCaptionWithLevel",
+    defaultMessage: "Box AI suggestion ({level} confidence)"
+  },
   aiSuggestionConfirm: {
     id: "metadataEditor.aiSuggestionField.dismissLabel",
     defaultMessage: "Confirm"

package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-badge/index.js

@@ -0,0 +1,4 @@
+import { LowConfidenceBadge as d } from "./low-confidence-badge.js";
+export {
+  d as LowConfidenceBadge
+};

package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js

@@ -0,0 +1,30 @@
+import { Status as c, Tooltip as m } from "@box/blueprint-web";
+import { AlertCircle as s } from "@box/blueprint-web-assets/icons/Medium";
+import { SurfaceStatusSurfaceGray as f } from "@box/blueprint-web-assets/tokens/tokens";
+import { useIntl as a } from "react-intl";
+import p from "../../../../utils/confidence-score/messages.js";
+import l from "../../messages.js";
+import { jsx as t } from "react/jsx-runtime";
+import { formatConfidenceScorePercent as u } from "../../../../utils/confidence-score/format-confidence-score-percent.js";
+function L({
+  confidenceScore: e
+}) {
+  const {
+    formatMessage: o
+  } = a(), r = /* @__PURE__ */ t(c, {
+    color: f,
+    interactive: !0,
+    text: o(l.lowConfidenceBadge).toUpperCase(),
+    icon: s,
+    iconPosition: "left"
+  }), i = u(e.value), n = o(p.tooltipLowConfidence, {
+    score: i
+  });
+  return /* @__PURE__ */ t(m, {
+    content: n,
+    children: r
+  });
+}
+export {
+  L as LowConfidenceBadge
+};

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

@@ -1,66 +1,67 @@
-import { DateI18nProvider as x, DatePicker as I } from "@box/blueprint-web";
-import { useFormikContext as L, getIn as T, Field as A } from "formik";
-import { forwardRef as w, useMemo as S } from "react";
-import { useIntl as V } from "react-intl";
-import { convertIsoStringToCalendarDate as N, convertCalendarDateToISOString as O } from "../../../../utils/convertDate.js";
+import { DateI18nProvider as I, DatePicker as L } from "@box/blueprint-web";
+import { useFormikContext as T, getIn as A, Field as w } from "formik";
+import { forwardRef as S, useMemo as V } from "react";
+import { useIntl as N } from "react-intl";
+import { convertIsoStringToCalendarDate as O, convertCalendarDateToISOString as B } from "../../../../utils/convertDate.js";
 import a from "../../../../messages.js";
-import { g as B } from "../../../../../../chunks/utils2.js";
+import { g as $ } from "../../../../../../chunks/utils2.js";
 import { jsx as r } from "react/jsx-runtime";
-const H = /* @__PURE__ */ w(({
+const J = /* @__PURE__ */ S(({
   className: s,
   description: d,
   isAiSuggestionApplied: c,
-  disableForm: m,
-  fieldNamePrefix: f,
+  confidenceScore: m,
+  disableForm: f,
+  fieldNamePrefix: u,
   label: n,
-  onValueEdited: u,
-  portalElement: h,
-  updateModePrefix: p
-}, D) => {
-  const t = `${p ?? f}.value`, e = V(), {
-    values: g,
-    setFieldTouched: M,
-    setFieldValue: k
-  } = L(), i = T(g, t), v = S(() => N(i), [i]), b = {
+  onValueEdited: h,
+  portalElement: p,
+  updateModePrefix: D
+}, g) => {
+  const t = `${D ?? u}.value`, e = N(), {
+    values: M,
+    setFieldTouched: k,
+    setFieldValue: v
+  } = T(), i = A(M, t), b = V(() => O(i), [i]), C = {
     clearDatePickerAriaLabel: e.formatMessage(a.clearSelectedDate),
     nextMonthAriaLabel: e.formatMessage(a.switchToNextMonth),
     openCalendarDropdownAriaLabel: e.formatMessage(a.openCalendar),
     previousMonthAriaLabel: e.formatMessage(a.switchToNextMonth)
-  }, C = (o) => {
-    const l = O(o);
-    k(t, l), u();
-  }, F = () => {
-    M(t, !0);
+  }, F = (o) => {
+    const l = B(o);
+    v(t, l), h();
+  }, P = () => {
+    k(t, !0);
   };
   return /* @__PURE__ */ r("div", {
     "data-testid": `${n}-field`,
-    children: /* @__PURE__ */ r(x, {
+    children: /* @__PURE__ */ r(I, {
       locale: e.locale,
-      children: /* @__PURE__ */ r(A, {
+      children: /* @__PURE__ */ r(w, {
         name: t,
         children: ({
           field: o,
           meta: l
-        }) => /* @__PURE__ */ r(I, {
+        }) => /* @__PURE__ */ r(L, {
           ...o,
-          ...b,
-          ref: D,
+          ...C,
+          ref: g,
           calendarAriaLabel: e.formatMessage(a.selectDate),
           className: s,
           dataTargetId: "DatePicker-MetadataEditorDateField",
           error: l.error,
-          isDisabled: m,
-          label: B(n, d, c, "span"),
-          onBlur: () => F(),
-          onChange: (P) => C(P),
-          portalElement: h,
-          value: v
+          isDisabled: f,
+          label: $(n, d, c, "span", m),
+          onBlur: () => P(),
+          onChange: (x) => F(x),
+          portalElement: p,
+          value: b
         })
       })
     })
   });
 });
 export {
-  H as MetadataDateField,
-  H as default
+  J as MetadataDateField,
+  J as default
 };

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

@@ -1,59 +1,60 @@
 import { Select as l, SELECT_EMPTY_VALUE as r } from "@box/blueprint-web";
-import { useFormikContext as _, getIn as A, Field as C } from "formik";
-import { forwardRef as O } from "react";
-import { useIntl as T, FormattedMessage as $ } from "react-intl";
+import { useFormikContext as A, getIn as C, Field as O } from "formik";
+import { forwardRef as T } from "react";
+import { useIntl as $, FormattedMessage as I } from "react-intl";
 import u from "../../../../messages.js";
-import { g as I } from "../../../../../../chunks/utils2.js";
-import { messages as P } from "../update-mode-field-wrapper/messages.js";
-import { MULTI_VALUE_DEFAULT_VALUE as S } from "../update-mode-field-wrapper/mulitple-values-utils.js";
-import { jsx as a, jsxs as j } from "react/jsx-runtime";
-const B = /* @__PURE__ */ O(({
+import { g as P } from "../../../../../../chunks/utils2.js";
+import { messages as S } from "../update-mode-field-wrapper/messages.js";
+import { MULTI_VALUE_DEFAULT_VALUE as j } from "../update-mode-field-wrapper/mulitple-values-utils.js";
+import { jsx as a, jsxs as w } from "react/jsx-runtime";
+const G = /* @__PURE__ */ T(({
   className: c,
   isAiSuggestionApplied: p,
-  description: f,
-  disableForm: g,
+  confidenceScore: f,
+  description: g,
+  disableForm: E,
   fieldNamePrefix: s,
-  updateModePrefix: E,
+  updateModePrefix: h,
   label: n,
-  onValueEdited: h,
-  options: v,
-  portalElement: L
-}, V) => {
+  onValueEdited: v,
+  options: L,
+  portalElement: V
+}, F) => {
   const {
-    setFieldValue: F,
-    values: M
-  } = _(), {
+    setFieldValue: M,
+    values: b
+  } = A(), {
     formatMessage: i
-  } = T(), m = `${E ?? s}.value`, b = i(P.multipleValues), x = (v || A(M, `${s}.options`, [])).map((e) => typeof e == "string" ? e : e.key), d = i(u.selectValuePlaceholder), U = (e) => e === S ? b : e;
+  } = $(), m = `${h ?? s}.value`, x = i(S.multipleValues), U = (L || C(b, `${s}.options`, [])).map((e) => typeof e == "string" ? e : e.key), d = i(u.selectValuePlaceholder), _ = (e) => e === j ? x : e;
   return /* @__PURE__ */ a("div", {
     "data-testid": `${n}-field`,
-    children: /* @__PURE__ */ a(C, {
+    children: /* @__PURE__ */ a(O, {
       name: m,
       children: ({
         field: e
       }) => /* @__PURE__ */ a(l, {
-        ref: V,
+        ref: F,
         className: c,
         "data-target-id": "Select-MetadataEditorEnumField",
-        disabled: g,
-        label: I(n, f, p),
+        disabled: E,
+        label: P(n, g, p, "label", f),
         onValueChange: (t) => {
-          F(m, t === r ? "" : t), h();
+          M(m, t === r ? "" : t), v();
         },
         placeholder: d,
         ...e,
         value: e.value === r ? "" : e.value,
-        children: /* @__PURE__ */ j(l.Content, {
-          container: L,
+        children: /* @__PURE__ */ w(l.Content, {
+          container: V,
           onEscapeKeyDown: (t) => t.stopPropagation(),
           children: [/* @__PURE__ */ a(l.Option, {
             text: d,
             value: r,
-            children: /* @__PURE__ */ a($, {
+            children: /* @__PURE__ */ a(I, {
               ...u.selectValuePlaceholder
             })
-          }), x?.map((t) => {
-            const o = U(t);
+          }), U?.map((t) => {
+            const o = _(t);
             return /* @__PURE__ */ a(l.Option, {
               text: o,
               value: t,
@@ -66,6 +67,6 @@ const B = /* @__PURE__ */ O(({
   });
 });
 export {
-  B as MetadataEnumField,
-  B as default
+  G as MetadataEnumField,
+  G as default
 };

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

@@ -1,55 +1,56 @@
 import { TextInput as I } from "@box/blueprint-web";
 import { useFormikContext as M, getIn as R, Field as V } from "formik";
-import { forwardRef as $, useRef as b } from "react";
-import { g as B } from "../../../../../../chunks/utils2.js";
-import { useFloatValidation as O } from "./use-float-validation.js";
+import { forwardRef as $, useRef as B } from "react";
+import { g as O } from "../../../../../../chunks/utils2.js";
+import { useFloatValidation as j } from "./use-float-validation.js";
 import { jsx as a } from "react/jsx-runtime";
-const q = /* @__PURE__ */ $(({
-  className: d,
-  description: l,
+const y = /* @__PURE__ */ $(({
+  className: l,
+  description: d,
   isAiSuggestionApplied: i,
+  confidenceScore: n,
   label: r,
-  fieldNamePrefix: n,
-  disableForm: s,
-  onValueEdited: u,
-  updateModePrefix: c
-}, m) => {
+  fieldNamePrefix: s,
+  disableForm: u,
+  onValueEdited: c,
+  updateModePrefix: m
+}, f) => {
   const {
-    values: f,
-    setFieldValue: p,
-    setFieldTouched: F
-  } = M(), t = `${c ?? n}.value`, h = R(f, t), o = b(h), {
-    validateFloats: g
-  } = O(), v = (e) => {
-    o.current = e, p(t, e), u();
-  }, x = (e) => {
-    F(e, !0);
+    values: p,
+    setFieldValue: F,
+    setFieldTouched: h
+  } = M(), t = `${m ?? s}.value`, g = R(p, t), o = B(g), {
+    validateFloats: v
+  } = j(), x = (e) => {
+    o.current = e, F(t, e), c();
+  }, T = (e) => {
+    h(e, !0);
   };
   return /* @__PURE__ */ a("div", {
     "data-testid": `${r}-field`,
     children: /* @__PURE__ */ a(V, {
       name: `${t}`,
-      validate: () => g(o.current),
+      validate: () => v(o.current),
       children: ({
         field: e,
-        meta: T
+        meta: b
       }) => /* @__PURE__ */ a(I, {
         ...e,
-        ref: m,
-        className: d,
+        ref: f,
+        className: l,
         "data-target-id": "TextInput-MetadataEditorFloatField",
-        disabled: s,
-        error: T.error,
+        disabled: u,
+        error: b.error,
         inputMode: "decimal",
-        label: B(r, l, i),
-        onBlur: () => x(t),
-        onChange: (C) => v(C.currentTarget.value),
+        label: O(r, d, i, "label", n),
+        onBlur: () => T(t),
+        onChange: (C) => x(C.currentTarget.value),
         placeholder: "0"
       })
     })
   });
 });
 export {
-  q as MetadataFloatField,
-  q as default
+  y as MetadataFloatField,
+  y as default
 };