@box/metadata-editor 1.64.4 → 1.64.6

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

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

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

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

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

@@ -1,15 +1,9 @@
-import { useIntl as r } from "react-intl";
-import o from "../../../../messages.js";
-const a = (t) => t?.length ? /^[-+]?\d+(\.\d+)?$/.test(t) : !0, i = () => {
-  const t = r();
-  return {
-    validateFloats: (e) => {
-      if (!a(e))
-        return t.formatMessage(o.floatFieldInvalidValue);
-    }
-  };
-};
-export {
-  a as isFloatOrBlank,
-  i as useFloatValidation
+import e from "../../../../messages.js";
+import { useIntl as t } from "react-intl";
+var n = (e) => e?.length ? /^[-+]?\d+(\.\d+)?$/.test(e) : !0, r = () => {
+	let r = t();
+	return { validateFloats: (t) => {
+		if (!n(t)) return r.formatMessage(e.floatFieldInvalidValue);
+	} };
 };
+export { n as isFloatOrBlank, r as useFloatValidation };

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

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

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

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

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

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