@box/metadata-editor 1.15.3 → 1.16.0

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

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

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

@@ -1,29 +1,28 @@
-import C from "clsx";
-import { useFormikContext as E } from "formik";
-import U from "lodash/isUndefined";
-import { forwardRef as j, useCallback as S, useEffect as I, useMemo as R } from "react";
+import $ from "clsx";
+import { useFormikContext as C } from "formik";
+import E from "lodash/isUndefined";
+import { forwardRef as U, useCallback as S, useEffect as v, useMemo as j } from "react";
 import { A as o } from "../../../../chunks/types.js";
-import { UpdateModeFieldWrapper as T } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
-import { editorFieldTypes as b } from "./editor-field-types.js";
+import { UpdateModeFieldWrapper as R } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
+import { editorFieldTypes as T } from "./editor-field-types.js";
 import { s as g } from "../../../../chunks/utils2.js";
-import { jsx as l, jsxs as B } from "react/jsx-runtime";
-import { AiSuggestionField as q } from "./components/ai-suggestion-field/ai-suggestion-field.js";
-const Z = /* @__PURE__ */ j(({
+import { jsx as l, jsxs as b } from "react/jsx-runtime";
+import { AiSuggestionField as B } from "./components/ai-suggestion-field/ai-suggestion-field.js";
+const Y = /* @__PURE__ */ U(({
   disableForm: A,
   portalElement: f,
   field: e,
-  index: V,
+  index: I,
   taxonomyOptionsFetcher: y,
   isMultilevelTaxonomyFieldEnabled: h
 }, x) => {
-  var v;
   const {
     setFieldValue: s
-  } = E(), d = e.aiSuggestionState || o.Initial, a = d === o.Pending, F = d === o.Applied, M = d === o.Initial, u = b[e.type], {
+  } = C(), d = e.aiSuggestionState || o.Initial, a = d === o.Pending, F = d === o.Applied, M = d === o.Initial, u = T[e.type], {
     aiSuggestion: t,
     type: N,
     value: c
-  } = e, W = u && !e.hidden, k = !U(e.updateMode), i = `metadata.fields[${V}]`, w = e.type === "taxonomy" && ((v = e.optionsRules) == null ? void 0 : v.multiSelect), P = C({
+  } = e, V = u && !e.hidden, W = !E(e.updateMode), i = `metadata.fields[${I}]`, k = e.type === "taxonomy" && e.optionsRules?.multiSelect, w = $({
     [g.suggestionApplied]: F,
     [g.hasSuggestion]: a,
     [g.dateField]: N === "date"
@@ -34,16 +33,16 @@ const Z = /* @__PURE__ */ j(({
   }, [i, s, n]), m = S(() => {
     n(o.Initial), s(`${i}.aiSuggestion`, void 0);
   }, [n, s, i]);
-  I(() => {
+  v(() => {
     a && !c && r(t);
-  }, [t, a, r]), I(() => {
+  }, [t, a, r]), v(() => {
     M && t && n(o.Pending);
   }, [M, t, n]);
-  const $ = R(() => t && c === t, [a]);
-  return W ? k ? /* @__PURE__ */ l(T, {
+  const P = j(() => t && c === t, [a]);
+  return V ? W ? /* @__PURE__ */ l(R, {
     fieldNamePrefix: i,
     fieldType: e.type,
-    isTaxonomyMultiSelect: w,
+    isTaxonomyMultiSelect: k,
     children: /* @__PURE__ */ l(u, {
       ref: x,
       description: e.description,
@@ -57,11 +56,11 @@ const Z = /* @__PURE__ */ j(({
       portalElement: f,
       taxonomyOptionsFetcher: y
     })
-  }, e.key) : /* @__PURE__ */ B("div", {
+  }, e.key) : /* @__PURE__ */ b("div", {
     className: g.fieldWrapper,
     children: [/* @__PURE__ */ l(u, {
       ref: x,
-      className: P,
+      className: w,
       description: e.description,
       disableForm: A,
       fieldNamePrefix: i,
@@ -71,9 +70,9 @@ const Z = /* @__PURE__ */ j(({
       onValueEdited: m,
       portalElement: f,
       taxonomyOptionsFetcher: y
-    }), a && /* @__PURE__ */ l(q, {
+    }), a && /* @__PURE__ */ l(B, {
       aiSuggestion: t,
-      isSameValue: $,
+      isSameValue: P,
       onAiSuggestionAppend: () => {
         const p = [...new Set([c, t].flat().filter(Boolean))];
         r(p);
@@ -85,5 +84,5 @@ const Z = /* @__PURE__ */ j(({
   }, e.key) : null;
 });
 export {
-  Z as MetadataEditorFieldWrapper
+  Y as MetadataEditorFieldWrapper
 };

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

@@ -11,8 +11,7 @@ const C = (m) => {
     values: i
   } = d(), o = "metadata.fields", r = p(i, o), s = f(null), a = r.findIndex((e) => !e.hidden);
   return l(() => {
-    var e;
-    a > -1 && ((e = s.current) == null || e.focus());
+    a > -1 && s.current?.focus();
   }, []), r.length ? /* @__PURE__ */ t(u, {
     name: o,
     validateOnChange: !1,

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/autofill-overlay.js

@@ -1,65 +1,64 @@
-import { LoadingIndicator as y, Text as m, TextButton as g } from "@box/blueprint-web";
-import { AlertTriangle as v } from "@box/blueprint-web-assets/icons/Line";
-import { SurfaceStatusSurfaceError as p, Size5 as f } from "@box/blueprint-web-assets/tokens/tokens";
+import { LoadingIndicator as v, Text as m, TextButton as _ } from "@box/blueprint-web";
+import { AlertTriangle as p } from "@box/blueprint-web-assets/icons/Line";
+import { Size5 as f, SurfaceStatusSurfaceError as y } from "@box/blueprint-web-assets/tokens/tokens";
 import O from "clsx";
 import { useState as T } from "react";
 import { useIntl as h } from "react-intl";
-import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as S } from "../../../../constants.js";
-import a from "./messages.js";
-import { useErrorMessaging as E } from "./useErrorMessaging.js";
-import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import '../../../../../../styles/autofill-overlay.css';const A = "_autofillOverlay_1s073_1", x = "_withError_1s073_15", B = "_autofillOverlayTitle_1s073_19", D = "_autofillOverlayDescription_1s073_24", M = "_dismissButton_1s073_28", N = "_overlayIcon_1s073_32", L = "_testContainerStyle_1s073_38", s = {
-  autofillOverlay: A,
-  withError: x,
-  autofillOverlayTitle: B,
-  autofillOverlayDescription: D,
-  dismissButton: M,
-  overlayIcon: N,
-  testContainerStyle: L
-}, q = ({
+import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as E } from "../../../../constants.js";
+import i from "./messages.js";
+import { useErrorMessaging as I } from "./useErrorMessaging.js";
+import { jsxs as A, jsx as e } from "react/jsx-runtime";
+import '../../../../../../styles/autofill-overlay.css';const x = "_autofillOverlay_1s073_1", B = "_withError_1s073_15", D = "_autofillOverlayTitle_1s073_19", M = "_autofillOverlayDescription_1s073_24", S = "_dismissButton_1s073_28", N = "_overlayIcon_1s073_32", s = {
+  autofillOverlay: x,
+  withError: B,
+  autofillOverlayTitle: D,
+  autofillOverlayDescription: M,
+  dismissButton: S,
+  overlayIcon: N
+}, Y = ({
   errorCode: t,
   isFetchingSuggestions: u,
   isLongLoading: l
 }) => {
-  const e = h(), [d, _] = T(!1), r = E(t);
-  let o = e.formatMessage(a.defaultLoadingMessage);
+  const a = h(), [d, g] = T(!1), r = I(t);
+  let o = a.formatMessage(i.defaultLoadingMessage);
   t && (o = r.title);
-  const n = localStorage.getItem(S);
-  l && n === "standard" && (o = e.formatMessage(a.longLoadingTitle));
-  const c = l && n === "standard" ? e.formatMessage(a.longLoadingDescription) : t && r.description;
-  return !u && !t || d ? null : /* @__PURE__ */ I("div", {
+  const n = localStorage.getItem(E);
+  l && n === "standard" && (o = a.formatMessage(i.longLoadingTitle));
+  const c = l && n === "standard" ? a.formatMessage(i.longLoadingDescription) : t && r.description;
+  return !u && !t || d ? null : /* @__PURE__ */ A("div", {
     className: O(s.autofillOverlay, t && s.withError),
-    children: [t ? /* @__PURE__ */ i(v, {
+    children: [t ? /* @__PURE__ */ e(p, {
       className: s.overlayIcon,
-      color: p,
+      color: y,
       height: f,
       role: "presentation",
       width: f
-    }) : /* @__PURE__ */ i(y, {
-      "aria-label": e.formatMessage(a.loadingAriaLabel),
+    }) : /* @__PURE__ */ e(v, {
+      "aria-label": a.formatMessage(i.loadingAriaLabel),
       "aria-live": "polite",
       className: s.overlayIcon,
       size: "large",
       variant: "default"
-    }), /* @__PURE__ */ i(m, {
+    }), /* @__PURE__ */ e(m, {
       as: "p",
       className: s.autofillOverlayTitle,
       variant: "subtitle",
       children: o
-    }), c && /* @__PURE__ */ i(m, {
+    }), c && /* @__PURE__ */ e(m, {
       as: "p",
       className: s.autofillOverlayDescription,
       color: "textOnLightSecondary",
       variant: "bodyDefault",
       children: c
-    }), t && /* @__PURE__ */ i(g, {
+    }), t && /* @__PURE__ */ e(_, {
       className: s.dismissButton,
-      onClick: () => _(!0),
+      onClick: () => g(!0),
       "data-target-id": "TextButton-dismissButton",
-      children: e.formatMessage(a.dismissButton)
+      children: a.formatMessage(i.dismissButton)
     })]
   });
 };
 export {
-  q as AutofillOverlay
+  Y as AutofillOverlay
 };

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/custom-instance.js

@@ -1,11 +1,11 @@
-import { useFormikContext as A, FieldArray as N, Field as k } from "formik";
-import { useState as f, useRef as v, useEffect as y } from "react";
+import { useFormikContext as A, FieldArray as v, Field as N } from "formik";
+import { useState as f, useRef as k, useEffect as y } from "react";
 import { useIntl as C } from "react-intl";
 import { TextInput as q, IconButton as B, TextButton as T } from "@box/blueprint-web";
 import { Trash as w } from "@box/blueprint-web-assets/icons/Line";
 import { CustomInstanceNewField as M } from "../custom-instance-new-field/custom-instance-new-field.js";
 import r from "./messages.js";
-import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import { jsx as e, jsxs as F } from "react/jsx-runtime";
 import '../../../../../../styles/custom-instance.css';const R = "_customInstance_xq8r7_1", V = "_customInstanceField_xq8r7_7", j = "_customInstanceFieldInput_xq8r7_12", z = "_customInstanceFieldIcon_xq8r7_16", c = {
   customInstance: R,
   customInstanceField: V,
@@ -15,43 +15,43 @@ import '../../../../../../styles/custom-instance.css';const R = "_customInstance
   const {
     isLoading: l
   } = p, {
-    values: e
-  } = A(), i = C(), [m, a] = f(!e.metadata.fields.length), [u, d] = f(0), h = () => {
-    d(e.metadata.fields.length);
+    values: s
+  } = A(), i = C(), [m, a] = f(!s.metadata.fields.length), [u, d] = f(0), h = () => {
+    d(s.metadata.fields.length);
   }, b = (o) => {
     d(o === 0 ? 0 : o - 1);
-  }, I = v(null);
+  }, I = k(null);
   return y(() => {
-    e.metadata.fields.length > 0 ? I.current.focus() : a(!0);
-  }, [u, e.metadata.fields.length]), /* @__PURE__ */ t("div", {
-    children: /* @__PURE__ */ t(N, {
+    s.metadata.fields.length > 0 ? I.current.focus() : a(!0);
+  }, [u, s.metadata.fields.length]), /* @__PURE__ */ e("div", {
+    children: /* @__PURE__ */ e(v, {
       name: "metadata.fields",
       children: ({
         remove: o,
         push: _
       }) => /* @__PURE__ */ F("div", {
         className: c.customInstance,
-        children: [e == null ? void 0 : e.metadata.fields.map((s, n) => /* @__PURE__ */ F("div", {
+        children: [s?.metadata.fields.map((t, n) => /* @__PURE__ */ F("div", {
           className: c.customInstanceField,
-          children: [/* @__PURE__ */ t("div", {
+          children: [/* @__PURE__ */ e("div", {
             className: c.customInstanceFieldInput,
-            children: /* @__PURE__ */ t(k, {
+            children: /* @__PURE__ */ e(N, {
               name: `metadata.fields[${n}].value`,
               children: ({
                 field: g,
                 meta: x
-              }) => /* @__PURE__ */ t(q, {
+              }) => /* @__PURE__ */ e(q, {
                 ...g,
                 ref: n === u ? I : null,
                 disabled: l,
                 error: x.error,
-                label: s.key,
+                label: t.key,
                 placeholder: i.formatMessage(r.setValuePlaceholder)
               })
             })
-          }), /* @__PURE__ */ t(B, {
+          }), /* @__PURE__ */ e(B, {
             "aria-label": i.formatMessage(r.removeAttribute, {
-              fieldName: s.key
+              fieldName: t.key
             }),
             className: c.customInstanceFieldIcon,
             disabled: l,
@@ -62,16 +62,16 @@ import '../../../../../../styles/custom-instance.css';const R = "_customInstance
             size: "x-small",
             "data-target-id": "IconButton-removeAttribute"
           })]
-        }, s.key)), m && /* @__PURE__ */ t(M, {
-          formKeys: e.metadata.fields.map((s) => s.key),
-          onAdd: (s, n) => {
+        }, t.key)), m && /* @__PURE__ */ e(M, {
+          formKeys: s.metadata.fields.map((t) => t.key),
+          onAdd: (t, n) => {
             _({
-              key: s,
+              key: t,
               value: n
             }), h(), a(!1);
           },
           onCancel: () => a(!1)
-        }), !m && /* @__PURE__ */ t(T, {
+        }), !m && /* @__PURE__ */ e(T, {
           disabled: l,
           onClick: () => a(!0),
           "data-target-id": "TextButton-addAttribute",