@box/metadata-editor 1.64.4 → 1.64.6

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

@@ -1,177 +1,187 @@
-import { Tooltip as q } from "@box/blueprint-web";
-import C from "clsx";
-import { useFormikContext as pe } from "formik";
-import ge from "lodash/isEqual";
-import de from "lodash/isUndefined";
-import { memo as me, forwardRef as le, useCallback as a, useEffect as H, useMemo as fe } from "react";
-import { useIntl as Se } from "react-intl";
-import { A as u } from "../../../../chunks/types.js";
-import { checkIfHasBoundingBoxes as Ae } from "../../utils/check-if-has-bounding-boxes.js";
-import { isInteractiveFormElement as z } from "../../utils/is-interactive-form-element.js";
-import { s as l } from "../../../../chunks/shared-field-styles.module.js";
-import { UpdateModeFieldWrapper as he } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
-import { editorFieldTypes as ve } from "./editor-field-types.js";
-import G from "../../messages.js";
-import { useViewReferenceTooltip as ye } from "./hooks/use-view-reference-tooltip.js";
-import { s as A } from "../../../../chunks/utils2.js";
-import { jsx as p, jsxs as $e } from "react/jsx-runtime";
-import { isConfidenceScoreNeedingReview as J } from "../../utils/confidence-score/is-confidence-score-needing-review.js";
-import { AiSuggestionField as ke } from "./components/ai-suggestion-field/ai-suggestion-field.js";
-import { LowConfidenceSuggestionField as Ce } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
-const Je = /* @__PURE__ */ me(/* @__PURE__ */ le(({
-  disableForm: L,
-  portalElement: I,
-  field: e,
-  index: M,
-  taxonomyOptionsFetcher: x,
-  isExternallyOwned: N,
-  isMultilevelTaxonomyFieldEnabled: V,
-  isConfidenceScoreReviewEnabled: s = !1,
-  onSelectMetadataField: i,
-  selectedMetadataFieldId: Q
-}, T) => {
-  const {
-    setFieldValue: n
-  } = pe(), {
-    formatMessage: B
-  } = Se(), v = e.aiSuggestionState || u.Initial, g = v === u.Pending, F = v === u.Applied, P = v === u.Initial, y = ve[e.type], {
-    aiSuggestion: r,
-    aiSuggestionConfidenceScore: f,
-    aiSuggestionTargetLocation: D,
-    type: S,
-    value: d
-  } = e, X = y && !e.hidden, Y = !de(e.updateMode), o = `metadata.fields[${M}]`, Z = e.type === "taxonomy" && e.optionsRules?.multiSelect, $ = s && !!e.confidenceScore, W = $ && J(e.confidenceScore), _ = $ && !g && !J(e.confidenceScore), w = Q === e.id, b = Ae(e.targetLocation), m = $ && b && !!i, {
-    isTooltipOpen: O,
-    handleMouseOver: E,
-    handleMouseLeave: R,
-    handleFocus: ee,
-    handleBlur: oe
-  } = ye(m), ne = C({
-    [A.aiApproved]: F || _,
-    [A.hasSuggestion]: g,
-    [A.hasConfidenceReview]: !g && W,
-    [A.dateField]: S === "date"
-  }), c = a((t) => {
-    n(`${o}.aiSuggestionState`, t);
-  }, [o, n]), h = a((t, ae = !1) => {
-    if (n(`${o}.value`, t), c(u.Applied), s && f) {
-      const ue = ae ? {
-        ...f,
-        isAccepted: !0
-      } : f;
-      n(`${o}.confidenceScore`, ue), n(`${o}.aiSuggestionConfidenceScore`, void 0), n(`${o}.targetLocation`, D), n(`${o}.aiSuggestionTargetLocation`, void 0);
-    }
-  }, [o, n, c, f, D, s]), k = a(() => {
-    c(u.Initial), n(`${o}.aiSuggestion`, void 0), s && (n(`${o}.aiSuggestionConfidenceScore`, void 0), n(`${o}.aiSuggestionTargetLocation`, void 0));
-  }, [c, n, o, s]), te = a(() => {
-    e.confidenceScore && n(`${o}.confidenceScore`, {
-      ...e.confidenceScore,
-      isAccepted: !0
-    }), i?.(null);
-  }, [o, n, e.confidenceScore, i]), ie = a(() => {
-    c(u.Initial), n(`${o}.aiSuggestion`, void 0);
-    const t = S === "multiSelect" || S === "taxonomy" ? [] : "";
-    n(`${o}.value`, t), n(`${o}.confidenceScore`, void 0), n(`${o}.targetLocation`, void 0), i?.(null);
-  }, [o, n, S, i, c]), U = a(() => {
-    k(), s && e.confidenceScore && (n(`${o}.confidenceScore`, void 0), i?.(null));
-  }, [k, s, e.confidenceScore, n, o, i]), se = a((t) => {
-    i && (z(t.target) || i(e));
-  }, [e, i]), re = a((t) => {
-    if (t.key === "Enter") {
-      if (!i || z(t.target))
-        return;
-      t.preventDefault(), t.stopPropagation(), i(e);
-    }
-  }, [e, i]);
-  H(() => {
-    g && (!d || Array.isArray(d) && d.length === 0) && h(r);
-  }, [r, g, h]), H(() => {
-    P && r && c(u.Pending);
-  }, [P, r, c]);
-  const ce = fe(() => r ? ge(d, r) : !1, [r, d]);
-  if (!X)
-    return null;
-  const j = {
-    "data-metadata-field": !0,
-    "data-testid": "metadata-field",
-    onClick: se,
-    onKeyDown: re,
-    onMouseOver: E,
-    onMouseLeave: R,
-    onFocus: ee,
-    onBlur: oe,
-    role: "button",
-    tabIndex: 0
-  };
-  if (Y) {
-    const t = /* @__PURE__ */ p(he, {
-      fieldNamePrefix: o,
-      fieldType: e.type,
-      isTaxonomyMultiSelect: Z,
-      children: /* @__PURE__ */ p(y, {
-        ref: T,
-        description: e.description,
-        disableForm: L,
-        fieldNamePrefix: o,
-        isAiSuggestionApplied: !1,
-        isExternallyOwned: N,
-        isMultilevelTaxonomyFieldEnabled: V,
-        label: e.displayName,
-        levels: e.levels,
-        onValueEdited: U,
-        portalElement: I,
-        taxonomyOptionsFetcher: x
-      })
-    }, e.key);
-    return m ? /* @__PURE__ */ p(q, {
-      content: B(G.viewOnDocument),
-      open: O,
-      children: /* @__PURE__ */ p("div", {
-        className: C(l.spacious, l.clickableField, w && l.selectedField),
-        ...j,
-        children: t
-      })
-    }) : t;
-  }
-  const K = /* @__PURE__ */ $e("div", {
-    className: C(A.fieldWrapper, s && l.spacious, m && l.clickableField, m && w && l.selectedField),
-    ...m && j,
-    children: [/* @__PURE__ */ p(y, {
-      ref: T,
-      className: ne,
-      description: e.description,
-      disableForm: L,
-      fieldNamePrefix: o,
-      isAiSuggestionApplied: F,
-      isExternallyOwned: N,
-      confidenceScore: s ? e.confidenceScore : void 0,
-      isMultilevelTaxonomyFieldEnabled: V,
-      label: e.displayName,
-      onValueEdited: U,
-      portalElement: I,
-      taxonomyOptionsFetcher: x
-    }), g && /* @__PURE__ */ p(ke, {
-      aiSuggestion: r,
-      confidenceLevel: s ? f?.level : void 0,
-      isSameValue: ce,
-      onAiSuggestionAppend: () => {
-        const t = [...new Set([d, r].flat().filter(Boolean))];
-        h(t, !0);
-      },
-      onAiSuggestionIgnore: k,
-      onAiSuggestionReplace: () => h(r, !0),
-      type: S
-    }), !g && W && /* @__PURE__ */ p(Ce, {
-      onAccept: te,
-      onClear: ie
-    })]
-  }, e.key);
-  return m ? /* @__PURE__ */ p(q, {
-    content: B(G.viewOnDocument),
-    open: O,
-    children: K
-  }) : K;
+import e from "../../messages.js";
+import { t } from "../../../../chunks/types.js";
+import { isConfidenceScoreNeedingReview as n } from "../../utils/confidence-score/is-confidence-score-needing-review.js";
+import { checkIfHasBoundingBoxes as r } from "../../utils/check-if-has-bounding-boxes.js";
+import { isInteractiveFormElement as i } from "../../utils/is-interactive-form-element.js";
+import { t as a } from "../../../../chunks/shared-field-styles.module.js";
+import { t as ee } from "../../../../chunks/ai-suggestion-field.js";
+import { LowConfidenceSuggestionField as o } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
+import { t as s } from "../../../../chunks/update-mode-field-wrapper.js";
+import { r as c } from "../../../../chunks/utils.js";
+import { editorFieldTypes as te } from "./editor-field-types.js";
+import { useViewReferenceTooltip as l } from "./hooks/use-view-reference-tooltip.js";
+import { Tooltip as u } from "@box/blueprint-web";
+import { forwardRef as d, memo as f, useCallback as p, useEffect as m, useMemo as ne } from "react";
+import { useIntl as re } from "react-intl";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import _ from "clsx";
+import { useFormikContext as v } from "formik";
+import ie from "lodash/isEqual";
+import ae from "lodash/isUndefined";
+var y = /* @__PURE__ */ f(/* @__PURE__ */ d(({ disableForm: d, portalElement: f, field: y, index: oe, taxonomyOptionsFetcher: b, isExternallyOwned: x, isMultilevelTaxonomyFieldEnabled: S, isConfidenceScoreReviewEnabled: C = !1, onSelectMetadataField: w, selectedMetadataFieldId: se }, T) => {
+	let { setFieldValue: E } = v(), { formatMessage: D } = re(), O = y.aiSuggestionState || t.Initial, k = O === t.Pending, A = O === t.Applied, j = O === t.Initial, M = te[y.type], { aiSuggestion: N, aiSuggestionConfidenceScore: P, aiSuggestionTargetLocation: F, type: I, value: L } = y, R = M && !y.hidden, z = !ae(y.updateMode), B = `metadata.fields[${oe}]`, V = y.type === "taxonomy" && y.optionsRules?.multiSelect, H = C && !!y.confidenceScore, U = H && n(y.confidenceScore), W = H && !k && !n(y.confidenceScore), G = se === y.id, ce = r(y.targetLocation), K = H && ce && !!w, { isTooltipOpen: q, handleMouseOver: le, handleMouseLeave: ue, handleFocus: de, handleBlur: fe } = l(K), pe = _({
+		[c.aiApproved]: A || W,
+		[c.hasSuggestion]: k,
+		[c.hasConfidenceReview]: !k && U,
+		[c.dateField]: I === "date"
+	}), J = p((e) => {
+		E(`${B}.aiSuggestionState`, e);
+	}, [B, E]), Y = p((e, n = !1) => {
+		if (E(`${B}.value`, e), J(t.Applied), C && P) {
+			let e = n ? {
+				...P,
+				isAccepted: !0
+			} : P;
+			E(`${B}.confidenceScore`, e), E(`${B}.aiSuggestionConfidenceScore`, void 0), E(`${B}.targetLocation`, F), E(`${B}.aiSuggestionTargetLocation`, void 0);
+		}
+	}, [
+		B,
+		E,
+		J,
+		P,
+		F,
+		C
+	]), X = p(() => {
+		J(t.Initial), E(`${B}.aiSuggestion`, void 0), C && (E(`${B}.aiSuggestionConfidenceScore`, void 0), E(`${B}.aiSuggestionTargetLocation`, void 0));
+	}, [
+		J,
+		E,
+		B,
+		C
+	]), me = p(() => {
+		y.confidenceScore && E(`${B}.confidenceScore`, {
+			...y.confidenceScore,
+			isAccepted: !0
+		}), w?.(null);
+	}, [
+		B,
+		E,
+		y.confidenceScore,
+		w
+	]), he = p(() => {
+		J(t.Initial), E(`${B}.aiSuggestion`, void 0);
+		let e = I === "multiSelect" || I === "taxonomy" ? [] : "";
+		E(`${B}.value`, e), E(`${B}.confidenceScore`, void 0), E(`${B}.targetLocation`, void 0), w?.(null);
+	}, [
+		B,
+		E,
+		I,
+		w,
+		J
+	]), Z = p(() => {
+		X(), C && y.confidenceScore && (E(`${B}.confidenceScore`, void 0), w?.(null));
+	}, [
+		X,
+		C,
+		y.confidenceScore,
+		E,
+		B,
+		w
+	]), ge = p((e) => {
+		w && (i(e.target) || w(y));
+	}, [y, w]), _e = p((e) => {
+		if (e.key === "Enter") {
+			if (!w || i(e.target)) return;
+			e.preventDefault(), e.stopPropagation(), w(y);
+		}
+	}, [y, w]);
+	m(() => {
+		k && (!L || Array.isArray(L) && L.length === 0) && Y(N);
+	}, [
+		N,
+		k,
+		Y
+	]), m(() => {
+		j && N && J(t.Pending);
+	}, [
+		j,
+		N,
+		J
+	]);
+	let ve = ne(() => N ? ie(L, N) : !1, [N, L]);
+	if (!R) return null;
+	let Q = {
+		"data-metadata-field": !0,
+		"data-testid": "metadata-field",
+		onClick: ge,
+		onKeyDown: _e,
+		onMouseOver: le,
+		onMouseLeave: ue,
+		onFocus: de,
+		onBlur: fe,
+		role: "button",
+		tabIndex: 0
+	};
+	if (z) {
+		let t = /* @__PURE__ */ h(s, {
+			fieldNamePrefix: B,
+			fieldType: y.type,
+			isTaxonomyMultiSelect: V,
+			children: /* @__PURE__ */ h(M, {
+				ref: T,
+				description: y.description,
+				disableForm: d,
+				fieldNamePrefix: B,
+				isAiSuggestionApplied: !1,
+				isExternallyOwned: x,
+				isMultilevelTaxonomyFieldEnabled: S,
+				label: y.displayName,
+				levels: y.levels,
+				onValueEdited: Z,
+				portalElement: f,
+				taxonomyOptionsFetcher: b
+			})
+		}, y.key);
+		return K ? /* @__PURE__ */ h(u, {
+			content: D(e.viewOnDocument),
+			open: q,
+			children: /* @__PURE__ */ h("div", {
+				className: _(a.spacious, a.clickableField, G && a.selectedField),
+				...Q,
+				children: t
+			})
+		}) : t;
+	}
+	let $ = /* @__PURE__ */ g("div", {
+		className: _(c.fieldWrapper, C && a.spacious, K && a.clickableField, K && G && a.selectedField),
+		...K && Q,
+		children: [
+			/* @__PURE__ */ h(M, {
+				ref: T,
+				className: pe,
+				description: y.description,
+				disableForm: d,
+				fieldNamePrefix: B,
+				isAiSuggestionApplied: A,
+				isExternallyOwned: x,
+				confidenceScore: C ? y.confidenceScore : void 0,
+				isMultilevelTaxonomyFieldEnabled: S,
+				label: y.displayName,
+				onValueEdited: Z,
+				portalElement: f,
+				taxonomyOptionsFetcher: b
+			}),
+			k && /* @__PURE__ */ h(ee, {
+				aiSuggestion: N,
+				confidenceLevel: C ? P?.level : void 0,
+				isSameValue: ve,
+				onAiSuggestionAppend: () => {
+					Y([...new Set([L, N].flat().filter(Boolean))], !0);
+				},
+				onAiSuggestionIgnore: X,
+				onAiSuggestionReplace: () => Y(N, !0),
+				type: I
+			}),
+			!k && U && /* @__PURE__ */ h(o, {
+				onAccept: me,
+				onClear: he
+			})
+		]
+	}, y.key);
+	return K ? /* @__PURE__ */ h(u, {
+		content: D(e.viewOnDocument),
+		open: q,
+		children: $
+	}) : $;
 }));
-export {
-  Je as MetadataEditorFieldWrapper
-};
+export { y as MetadataEditorFieldWrapper };

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

@@ -1,43 +1,31 @@
-import { Text as d } from "@box/blueprint-web";
-import { useFormikContext as c, getIn as u, FieldArray as p } from "formik";
-import { useRef as F, useEffect as h, createElement as x } from "react";
-import { FormattedMessage as y } from "react-intl";
-import g from "../../messages.js";
-import { MetadataEditorFieldWrapper as v } from "./metadata-editor-field-wrapper.js";
-import { useReviewFieldFilter as E } from "./hooks/use-review-field-filter.js";
-import { s as R } from "../../../../chunks/utils2.js";
-import { jsx as o } from "react/jsx-runtime";
-const N = (r) => {
-  const {
-    shouldShowOnlyReviewFields: m = !1
-  } = r, {
-    values: l
-  } = c(), s = "metadata.fields", t = u(l, s), n = F(null), f = E(t, m), a = t.findIndex((e) => !e.hidden);
-  return h(() => {
-    a > -1 && n.current?.focus();
-  }, []), t.length ? /* @__PURE__ */ o(p, {
-    name: s,
-    validateOnChange: !1,
-    children: () => f.map(({
-      field: e,
-      originalIndex: i
-    }) => /* @__PURE__ */ x(v, {
-      ...r,
-      key: e.key,
-      ref: i === a ? n : null,
-      field: e,
-      index: i
-    }))
-  }) : /* @__PURE__ */ o(d, {
-    as: "span",
-    className: R.noAttributesText,
-    color: "textOnLightSecondary",
-    children: /* @__PURE__ */ o(y, {
-      ...g.noTemplateAtributesError
-    })
-  });
-};
-export {
-  N as TemplateInstance,
-  N as default
+import e from "../../messages.js";
+import { r as t } from "../../../../chunks/utils.js";
+import { MetadataEditorFieldWrapper as n } from "./metadata-editor-field-wrapper.js";
+import { useReviewFieldFilter as r } from "./hooks/use-review-field-filter.js";
+import { Text as i } from "@box/blueprint-web";
+import { createElement as a, useEffect as o, useRef as s } from "react";
+import { FormattedMessage as c } from "react-intl";
+import { jsx as l } from "react/jsx-runtime";
+import { FieldArray as u, getIn as d, useFormikContext as f } from "formik";
+var p = (p) => {
+	let { shouldShowOnlyReviewFields: m = !1 } = p, { values: h } = f(), g = "metadata.fields", _ = d(h, g), v = s(null), y = r(_, m), b = _.findIndex((e) => !e.hidden);
+	return o(() => {
+		b > -1 && v.current?.focus();
+	}, []), _.length ? /* @__PURE__ */ l(u, {
+		name: g,
+		validateOnChange: !1,
+		children: () => y.map(({ field: e, originalIndex: t }) => /* @__PURE__ */ a(n, {
+			...p,
+			key: e.key,
+			ref: t === b ? v : null,
+			field: e,
+			index: t
+		}))
+	}) : /* @__PURE__ */ l(i, {
+		as: "span",
+		className: t.noAttributesText,
+		color: "textOnLightSecondary",
+		children: /* @__PURE__ */ l(c, { ...e.noTemplateAtributesError })
+	});
 };
+export { p as TemplateInstance, p as default };

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

@@ -1,13 +1,2 @@
-import "clsx";
-import "react";
-import "../../utils/convertDate.js";
-import "../interactive-text/interactive-text.js";
-import { g as l, t as b } 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 {
-  l as getFieldLabel,
-  b as tryParseDateSuggestion
-};
+import { n as e, t } from "../../../../chunks/utils.js";
+export { t as getFieldLabel, e as tryParseDateSuggestion };

package/dist/esm/lib/components/metadata-empty-state/messages.js

@@ -1,46 +1,44 @@
 import { defineMessages as e } from "react-intl";
-const a = e({
-  managerLevelEmptyStateHeading: {
-    id: "metadataEditor.managerLevel.emptyState.heading",
-    defaultMessage: "Apply Metadata Templates"
-  },
-  managerLevelEmptyStateBody: {
-    id: "metadataEditor.managerLevel.emptyState.body",
-    defaultMessage: "Browse or search for your items to apply and edit metadata"
-  },
-  fileLevelEmptyStateBoxAiEnabledHeading: {
-    id: "metadataEditor.fileLevel.emptyState.boxAiEnabled.heading",
-    defaultMessage: "Autofill Metadata with Box AI"
-  },
-  fileLevelEmptyStateBoxAiEnabledBody: {
-    id: "metadataEditor.fileLevel.emptyState.boxAiEnabled.body",
-    defaultMessage: "Use the power of Box AI to quickly capture  document metadata, with ever-increasing accuracy."
-  },
-  fileLevelEmptyStateDefaultHeading: {
-    id: "metadataEditor.fileLevel.emptyState.default.heading",
-    defaultMessage: "Add Metadata Templates"
-  },
-  fileLevelEmptyStateDefaultBody: {
-    id: "metadataEditor.fileLevel.emptyState.default.body",
-    defaultMessage: "Add Metadata to your file to support business operations, workflows, and more!"
-  },
-  instanceLevelEmptyStateHeading: {
-    id: "metadataEditor.instanceLevel.emptyState.heading",
-    defaultMessage: "This template has no values"
-  },
-  instanceLevelEmptyStateHeadingNoAttributes: {
-    id: "metadataEditor.instanceLevel.emptyState.noAttributes.heading",
-    defaultMessage: "This template has no attributes"
-  },
-  instanceLevelEmptyStateNoEmptyValuesBody: {
-    id: "metadataEditor.instanceLevel.emptyState.noEmptyValues.body",
-    defaultMessage: "This template has no values"
-  },
-  instanceLevelSeeEmptyValuesCTA: {
-    id: "metadataEditor.instanceLevel.emptyState.emptyValues.Cta",
-    defaultMessage: "See empty values"
-  }
+var t = e({
+	managerLevelEmptyStateHeading: {
+		id: "metadataEditor.managerLevel.emptyState.heading",
+		defaultMessage: "Apply Metadata Templates"
+	},
+	managerLevelEmptyStateBody: {
+		id: "metadataEditor.managerLevel.emptyState.body",
+		defaultMessage: "Browse or search for your items to apply and edit metadata"
+	},
+	fileLevelEmptyStateBoxAiEnabledHeading: {
+		id: "metadataEditor.fileLevel.emptyState.boxAiEnabled.heading",
+		defaultMessage: "Autofill Metadata with Box AI"
+	},
+	fileLevelEmptyStateBoxAiEnabledBody: {
+		id: "metadataEditor.fileLevel.emptyState.boxAiEnabled.body",
+		defaultMessage: "Use the power of Box AI to quickly capture  document metadata, with ever-increasing accuracy."
+	},
+	fileLevelEmptyStateDefaultHeading: {
+		id: "metadataEditor.fileLevel.emptyState.default.heading",
+		defaultMessage: "Add Metadata Templates"
+	},
+	fileLevelEmptyStateDefaultBody: {
+		id: "metadataEditor.fileLevel.emptyState.default.body",
+		defaultMessage: "Add Metadata to your file to support business operations, workflows, and more!"
+	},
+	instanceLevelEmptyStateHeading: {
+		id: "metadataEditor.instanceLevel.emptyState.heading",
+		defaultMessage: "This template has no values"
+	},
+	instanceLevelEmptyStateHeadingNoAttributes: {
+		id: "metadataEditor.instanceLevel.emptyState.noAttributes.heading",
+		defaultMessage: "This template has no attributes"
+	},
+	instanceLevelEmptyStateNoEmptyValuesBody: {
+		id: "metadataEditor.instanceLevel.emptyState.noEmptyValues.body",
+		defaultMessage: "This template has no values"
+	},
+	instanceLevelSeeEmptyValuesCTA: {
+		id: "metadataEditor.instanceLevel.emptyState.emptyValues.Cta",
+		defaultMessage: "See empty values"
+	}
 });
-export {
-  a as default
-};
+export { t as default };