@box/metadata-editor 1.64.4 → 1.64.6

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

@@ -1,54 +1,52 @@
 import { defineMessages as e } from "react-intl";
-const i = e({
-  aiSuggestionCaption: {
-    id: "metadataEditor.aiSuggestionField.aiSuggestionCaption",
-    defaultMessage: "Box AI suggestion:"
-  },
-  sameValueAiSuggestionCaption: {
-    id: "metadataEditor.aiSuggestionField.sameValueAiSuggestionCaption",
-    defaultMessage: "Box AI suggests the same value as above"
-  },
-  sameValueAiSuggestionCaptionWithLevel: {
-    id: "metadataEditor.aiSuggestionField.sameValueAiSuggestionCaptionWithLevel",
-    defaultMessage: "Box AI suggests the same value as above ({level} confidence)"
-  },
-  aiSuggestionOptions: {
-    id: "metadataEditor.aiSuggestionField.aiSuggestionOptions",
-    defaultMessage: "Options"
-  },
-  aiSuggestionAppend: {
-    id: "metadataEditor.aiSuggestionField.appendLabel",
-    defaultMessage: "Append"
-  },
-  aiSuggestionClearAndReplace: {
-    id: "metadataEditor.aiSuggestionField.clearAndReplaceLabel",
-    defaultMessage: "Clear and Replace"
-  },
-  aiSuggestionIgnore: {
-    id: "metadataEditor.aiSuggestionField.ignoreLabel",
-    defaultMessage: "Ignore"
-  },
-  aiSuggestionCaptionWithLevel: {
-    id: "metadataEditor.aiSuggestionField.aiSuggestionCaptionWithLevel",
-    defaultMessage: "Box AI suggestion ({level} confidence)"
-  },
-  confidenceLevelHigh: {
-    id: "metadataEditor.aiSuggestionField.confidenceLevelHigh",
-    defaultMessage: "High"
-  },
-  confidenceLevelLow: {
-    id: "metadataEditor.aiSuggestionField.confidenceLevelLow",
-    defaultMessage: "Low"
-  },
-  aiSuggestionConfirm: {
-    id: "metadataEditor.aiSuggestionField.dismissLabel",
-    defaultMessage: "Confirm"
-  },
-  aiSuggestionAccept: {
-    id: "metadataEditor.aiSuggestionField.acceptLabel",
-    defaultMessage: "Accept suggestion"
-  }
+var t = e({
+	aiSuggestionCaption: {
+		id: "metadataEditor.aiSuggestionField.aiSuggestionCaption",
+		defaultMessage: "Box AI suggestion:"
+	},
+	sameValueAiSuggestionCaption: {
+		id: "metadataEditor.aiSuggestionField.sameValueAiSuggestionCaption",
+		defaultMessage: "Box AI suggests the same value as above"
+	},
+	sameValueAiSuggestionCaptionWithLevel: {
+		id: "metadataEditor.aiSuggestionField.sameValueAiSuggestionCaptionWithLevel",
+		defaultMessage: "Box AI suggests the same value as above ({level} confidence)"
+	},
+	aiSuggestionOptions: {
+		id: "metadataEditor.aiSuggestionField.aiSuggestionOptions",
+		defaultMessage: "Options"
+	},
+	aiSuggestionAppend: {
+		id: "metadataEditor.aiSuggestionField.appendLabel",
+		defaultMessage: "Append"
+	},
+	aiSuggestionClearAndReplace: {
+		id: "metadataEditor.aiSuggestionField.clearAndReplaceLabel",
+		defaultMessage: "Clear and Replace"
+	},
+	aiSuggestionIgnore: {
+		id: "metadataEditor.aiSuggestionField.ignoreLabel",
+		defaultMessage: "Ignore"
+	},
+	aiSuggestionCaptionWithLevel: {
+		id: "metadataEditor.aiSuggestionField.aiSuggestionCaptionWithLevel",
+		defaultMessage: "Box AI suggestion ({level} confidence)"
+	},
+	confidenceLevelHigh: {
+		id: "metadataEditor.aiSuggestionField.confidenceLevelHigh",
+		defaultMessage: "High"
+	},
+	confidenceLevelLow: {
+		id: "metadataEditor.aiSuggestionField.confidenceLevelLow",
+		defaultMessage: "Low"
+	},
+	aiSuggestionConfirm: {
+		id: "metadataEditor.aiSuggestionField.dismissLabel",
+		defaultMessage: "Confirm"
+	},
+	aiSuggestionAccept: {
+		id: "metadataEditor.aiSuggestionField.acceptLabel",
+		defaultMessage: "Accept suggestion"
+	}
 });
-export {
-  i as default
-};
+export { t as default };

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

@@ -1,18 +1,13 @@
-import { getLocalTimeZone as a, DateFormatter as f } from "@box/blueprint-web";
-import { convertIsoStringToCalendarDate as m } from "../../../../utils/convertDate.js";
-function c(t, {
-  type: n = "string",
-  locale: i = "en"
-} = {}) {
-  if (n === "date" && typeof t == "string") {
-    const r = !isNaN(new Date(t).getTime()), o = m(t);
-    if (o && r) {
-      const e = o.toDate(a());
-      return new f(i).format(e);
-    }
-  }
-  return n === "taxonomy" ? Array.isArray(t) && t.length > 0 ? t.map((r) => r.displayValue).join(", ") : t.toString() : t == null ? null : typeof t == "number" ? t.toString() : Array.isArray(t) ? t.join(", ") : t;
+import { convertIsoStringToCalendarDate as e } from "../../../../utils/convertDate.js";
+import { DateFormatter as t, getLocalTimeZone as n } from "@box/blueprint-web";
+function r(r, { type: i = "string", locale: a = "en" } = {}) {
+	if (i === "date" && typeof r == "string") {
+		let i = !isNaN(new Date(r).getTime()), o = e(r);
+		if (o && i) {
+			let e = o.toDate(n());
+			return new t(a).format(e);
+		}
+	}
+	return i === "taxonomy" ? Array.isArray(r) && r.length > 0 ? r.map((e) => e.displayValue).join(", ") : r.toString() : r == null ? null : typeof r == "number" ? r.toString() : Array.isArray(r) ? r.join(", ") : r;
 }
-export {
-  c as formatSuggestionValue
-};
+export { r as formatSuggestionValue };

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

@@ -1,6 +1,2 @@
-const e = {
-  maxLength: 255
-};
-export {
-  e as fieldDefaultProps
-};
+var e = { maxLength: 255 };
+export { e as fieldDefaultProps };

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

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

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

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

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

@@ -1,4 +1,2 @@
-import { LowConfidenceSuggestionField as i } from "./low-confidence-suggestion-field.js";
-export {
-  i as LowConfidenceSuggestionField
-};
+import { LowConfidenceSuggestionField as e } from "./low-confidence-suggestion-field.js";
+export { e as LowConfidenceSuggestionField };

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

@@ -1,77 +1,68 @@
-import { useState as h, useRef as L, useEffect as b } from "react";
-import { useIntl as M } from "react-intl";
-import { useBlueprintModernization as v, Text as s, LoadingIndicator as x, Tooltip as c, IconButton as d } from "@box/blueprint-web";
-import { Checkmark as A, XMark as I } from "@box/blueprint-web-assets/icons/Medium";
-import { s as r } from "../../../../../../chunks/field-action-bar.module.js";
+import { t as e } from "../../../../../../chunks/field-action-bar.module.js";
 import t from "./messages.js";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-const T = 800;
-function N({
-  onAccept: m,
-  onClear: u
-}) {
-  const a = M(), {
-    enableModernizedComponents: f
-  } = v(), [p, n] = h(!1), o = L(void 0);
-  b(() => () => clearTimeout(o.current), []);
-  const l = (g) => {
-    clearTimeout(o.current), n(!0);
-    try {
-      g();
-    } finally {
-      o.current = setTimeout(() => {
-        n(!1);
-      }, T);
-    }
-  };
-  return /* @__PURE__ */ e("div", {
-    className: r.wrapperGradient,
-    "data-modern": f,
-    children: /* @__PURE__ */ i("div", {
-      className: r.wrapper,
-      children: [/* @__PURE__ */ i("div", {
-        children: [/* @__PURE__ */ e(s, {
-          as: "p",
-          color: "textOnLightSecondary",
-          variant: "caption",
-          children: a.formatMessage(t.needsReview)
-        }), /* @__PURE__ */ e(s, {
-          as: "p",
-          color: "textOnLightDefault",
-          variant: "bodySmallSemibold",
-          children: a.formatMessage(t.description)
-        })]
-      }), p ? /* @__PURE__ */ e("div", {
-        className: r.loader,
-        children: /* @__PURE__ */ e(x, {
-          "aria-label": a.formatMessage(t.reviewActionLoadingAriaLabel),
-          size: "small"
-        })
-      }) : /* @__PURE__ */ i("div", {
-        className: r.buttons,
-        children: [/* @__PURE__ */ e(c, {
-          content: a.formatMessage(t.acceptValueTooltip),
-          children: /* @__PURE__ */ e(d, {
-            "aria-label": a.formatMessage(t.acceptValueAriaLabel),
-            icon: A,
-            onClick: () => l(m),
-            size: "x-small",
-            "data-target-id": "IconButton-acceptValueAriaLabel"
-          })
-        }), /* @__PURE__ */ e(c, {
-          content: a.formatMessage(t.clearValueTooltip),
-          children: /* @__PURE__ */ e(d, {
-            "aria-label": a.formatMessage(t.clearValueAriaLabel),
-            icon: I,
-            onClick: () => l(u),
-            size: "x-small",
-            "data-target-id": "IconButton-clearValueAriaLabel"
-          })
-        })]
-      })]
-    })
-  });
+import { IconButton as n, LoadingIndicator as r, Text as i, Tooltip as a, useBlueprintModernization as o } from "@box/blueprint-web";
+import { useEffect as s, useRef as c, useState as l } from "react";
+import { useIntl as u } from "react-intl";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Checkmark as p, XMark as m } from "@box/blueprint-web-assets/icons/Medium";
+var h = 800;
+function g({ onAccept: g, onClear: _ }) {
+	let v = u(), { enableModernizedComponents: y } = o(), [b, x] = l(!1), S = c(void 0);
+	s(() => () => clearTimeout(S.current), []);
+	let C = (e) => {
+		clearTimeout(S.current), x(!0);
+		try {
+			e();
+		} finally {
+			S.current = setTimeout(() => {
+				x(!1);
+			}, h);
+		}
+	};
+	return /* @__PURE__ */ d("div", {
+		className: e.wrapperGradient,
+		"data-modern": y,
+		children: /* @__PURE__ */ f("div", {
+			className: e.wrapper,
+			children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(i, {
+				as: "p",
+				color: "textOnLightSecondary",
+				variant: "caption",
+				children: v.formatMessage(t.needsReview)
+			}), /* @__PURE__ */ d(i, {
+				as: "p",
+				color: "textOnLightDefault",
+				variant: "bodySmallSemibold",
+				children: v.formatMessage(t.description)
+			})] }), b ? /* @__PURE__ */ d("div", {
+				className: e.loader,
+				children: /* @__PURE__ */ d(r, {
+					"aria-label": v.formatMessage(t.reviewActionLoadingAriaLabel),
+					size: "small"
+				})
+			}) : /* @__PURE__ */ f("div", {
+				className: e.buttons,
+				children: [/* @__PURE__ */ d(a, {
+					content: v.formatMessage(t.acceptValueTooltip),
+					children: /* @__PURE__ */ d(n, {
+						"aria-label": v.formatMessage(t.acceptValueAriaLabel),
+						icon: p,
+						onClick: () => C(g),
+						size: "x-small",
+						"data-target-id": "IconButton-acceptValueAriaLabel"
+					})
+				}), /* @__PURE__ */ d(a, {
+					content: v.formatMessage(t.clearValueTooltip),
+					children: /* @__PURE__ */ d(n, {
+						"aria-label": v.formatMessage(t.clearValueAriaLabel),
+						icon: m,
+						onClick: () => C(_),
+						size: "x-small",
+						"data-target-id": "IconButton-clearValueAriaLabel"
+					})
+				})]
+			})]
+		})
+	});
 }
-export {
-  N as LowConfidenceSuggestionField
-};
+export { g as LowConfidenceSuggestionField };

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

@@ -1,34 +1,32 @@
 import { defineMessages as e } from "react-intl";
-const i = e({
-  needsReview: {
-    id: "metadataEditor.lowConfidenceSuggestionField.needsReview",
-    defaultMessage: "Needs review"
-  },
-  description: {
-    id: "metadataEditor.lowConfidenceSuggestionField.description",
-    defaultMessage: "Box AI returned low confidence"
-  },
-  acceptValueTooltip: {
-    id: "metadataEditor.lowConfidenceSuggestionField.acceptValueTooltip",
-    defaultMessage: "Accept Value"
-  },
-  clearValueTooltip: {
-    id: "metadataEditor.lowConfidenceSuggestionField.clearValueTooltip",
-    defaultMessage: "Clear Value"
-  },
-  acceptValueAriaLabel: {
-    id: "metadataEditor.lowConfidenceSuggestionField.acceptValueAriaLabel",
-    defaultMessage: "Accept extracted value"
-  },
-  clearValueAriaLabel: {
-    id: "metadataEditor.lowConfidenceSuggestionField.clearValueAriaLabel",
-    defaultMessage: "Clear extracted value"
-  },
-  reviewActionLoadingAriaLabel: {
-    id: "metadataEditor.lowConfidenceSuggestionField.reviewActionLoadingAriaLabel",
-    defaultMessage: "Processing review action"
-  }
+var t = e({
+	needsReview: {
+		id: "metadataEditor.lowConfidenceSuggestionField.needsReview",
+		defaultMessage: "Needs review"
+	},
+	description: {
+		id: "metadataEditor.lowConfidenceSuggestionField.description",
+		defaultMessage: "Box AI returned low confidence"
+	},
+	acceptValueTooltip: {
+		id: "metadataEditor.lowConfidenceSuggestionField.acceptValueTooltip",
+		defaultMessage: "Accept Value"
+	},
+	clearValueTooltip: {
+		id: "metadataEditor.lowConfidenceSuggestionField.clearValueTooltip",
+		defaultMessage: "Clear Value"
+	},
+	acceptValueAriaLabel: {
+		id: "metadataEditor.lowConfidenceSuggestionField.acceptValueAriaLabel",
+		defaultMessage: "Accept extracted value"
+	},
+	clearValueAriaLabel: {
+		id: "metadataEditor.lowConfidenceSuggestionField.clearValueAriaLabel",
+		defaultMessage: "Clear extracted value"
+	},
+	reviewActionLoadingAriaLabel: {
+		id: "metadataEditor.lowConfidenceSuggestionField.reviewActionLoadingAriaLabel",
+		defaultMessage: "Processing review action"
+	}
 });
-export {
-  i as default
-};
+export { t as default };

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

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