@box/metadata-editor 0.67.2 → 0.67.4

package/esm/lib/components/combobox-with-api-pagination/use-async-list.js

@@ -1,9 +1,10 @@
-import { useReducer as i } from "react";
+import { useReducer as O } from "react";
 import { RequestStates as u } from "./request.js";
+import { isAbortError as I } from "./utils/is-abort-error.js";
 var s = /* @__PURE__ */ function(r) {
   return r.LOAD_MORE = "LOAD_MORE", r.RELOAD = "RELOAD", r.SEARCH = "SEARCH", r.SET_ERROR = "SET_ERROR", r.SET_LOADING = "SET_LOADING", r;
 }(s || {});
-function I(r, e) {
+function a(r, e) {
   switch (e.type) {
     case s.LOAD_MORE:
       return {
@@ -58,52 +59,52 @@ function E(r, e) {
 function S(r, e) {
   return e.requestInitiator === s.LOAD_MORE && e.requestState === u.IN_PROGRESS && r.type === s.LOAD_MORE;
 }
-function a(r, e) {
+function m(r, e) {
   return E(r, e) || S(r, e);
 }
-function m(r, e) {
+function p(r, e) {
   var t;
   E(r, e) && e.abortController.abort(), S(r, e) && ((t = r.abortController) == null || t.abort());
 }
-function p(r, e) {
+function h(r, e) {
   return S(r, e);
 }
 async function R(r, e, t, n) {
-  const l = new AbortController();
-  if (a(r, t) && m(r, t), !p(r, t)) {
+  const o = new AbortController();
+  if (m(r, t) && p(r, t), !h(r, t)) {
     n({
       type: s.SET_LOADING,
       requestInitiator: r.type,
-      abortController: l
+      abortController: o
     });
     try {
-      const o = await e({
+      const l = await e({
         items: t.items.slice(),
-        signal: l.signal,
+        signal: o.signal,
         marker: r.type === s.LOAD_MORE ? t.marker : null,
         searchInput: r.searchInput ?? t.searchInput
-      }), O = o.searchInput ?? r.searchInput ?? t.searchInput;
+      }), i = l.searchInput ?? r.searchInput ?? t.searchInput;
       n({
         type: r.type,
-        ...o,
-        searchInput: O,
-        abortController: l
+        ...l,
+        searchInput: i,
+        abortController: o
       });
-    } catch (o) {
-      if ((o == null ? void 0 : o.name) === "AbortError")
+    } catch (l) {
+      if (I(l))
         return;
       n({
         type: s.SET_ERROR,
-        error: o,
-        abortController: l
+        error: l,
+        abortController: o
       });
     }
   }
 }
-function C(r) {
+function _(r) {
   const {
     load: e
-  } = r, [t, n] = i(I, {
+  } = r, [t, n] = O(a, {
     error: null,
     items: [],
     requestInitiator: null,
@@ -125,12 +126,12 @@ function C(r) {
     }, e, t, n),
     requestInitiator: t.requestInitiator,
     searchInput: t.searchInput,
-    search: (l) => R({
+    search: (o) => R({
       type: s.SEARCH,
-      searchInput: l
+      searchInput: o
     }, e, t, n)
   };
 }
 export {
-  C as useAsyncList
+  _ as useAsyncList
 };

package/esm/lib/components/combobox-with-api-pagination/utils/is-abort-error.js

@@ -0,0 +1,13 @@
+const o = "AbortError";
+function t(r) {
+  return !!(r && r.__CANCEL__);
+}
+function n(r) {
+  return !!(r && typeof r == "object" && r.name === o);
+}
+function c(r) {
+  return t(r) || n(r);
+}
+export {
+  c as isAbortError
+};

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

@@ -1,20 +1,20 @@
 import "../../../../../../styles/ai-suggestion-field.css";
-import { Text as p, IconButton as g, DropdownMenu as t } from "@box/blueprint-web";
+import { Text as g, IconButton as l, DropdownMenu as t } from "@box/blueprint-web";
 import { Checkmark as u, Ellipsis as S } from "@box/blueprint-web-assets/icons/Fill";
 import { useIntl as h, FormattedMessage as n } from "react-intl";
 import r from "./messages.js";
 import { formatSuggestionValue as w } from "./utils.js";
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-const I = "_wrapperGradient_1e3py_1", _ = "_wrapper_1e3py_1", f = "_buttons_1e3py_18", M = "_selectTrigger_1e3py_22", i = {
+const I = "_wrapperGradient_t2yak_1", _ = "_wrapper_t2yak_1", f = "_buttons_t2yak_18", k = "_selectTrigger_t2yak_22", i = {
   wrapperGradient: I,
   wrapper: _,
   buttons: f,
-  selectTrigger: M
+  selectTrigger: k
 };
-function D({
-  aiSuggestion: l,
+function A({
+  aiSuggestion: c,
   onAiSuggestionAppend: s,
-  onAiSuggestionReplace: c,
+  onAiSuggestionReplace: p,
   onAiSuggestionIgnore: d,
   type: m
 }) {
@@ -24,23 +24,23 @@ function D({
     children: /* @__PURE__ */ a("div", {
       className: i.wrapper,
       children: [/* @__PURE__ */ a("div", {
-        children: [/* @__PURE__ */ e(p, {
+        children: [/* @__PURE__ */ e(g, {
           as: "p",
           color: "textOnLightSecondary",
           variant: "caption",
           children: /* @__PURE__ */ e(n, {
             ...r.aiSuggestionCaption
           })
-        }), /* @__PURE__ */ e(p, {
+        }), /* @__PURE__ */ e(g, {
           as: "p",
-          children: w(l, {
+          children: w(c, {
             type: m,
             locale: o.locale
           })
         })]
       }), /* @__PURE__ */ a("div", {
         className: i.buttons,
-        children: [/* @__PURE__ */ e(g, {
+        children: [/* @__PURE__ */ e(l, {
           "aria-label": o.formatMessage(r.aiSuggestionAppend),
           icon: u,
           onClick: s,
@@ -49,7 +49,7 @@ function D({
         }), /* @__PURE__ */ a(t.Root, {
           children: [/* @__PURE__ */ e(t.Trigger, {
             className: i.selectTrigger,
-            children: /* @__PURE__ */ e(g, {
+            children: /* @__PURE__ */ e(l, {
               "aria-label": o.formatMessage(r.aiSuggestionOptions),
               icon: S,
               "data-target-id": "IconButton-aiSuggestionOptions"
@@ -62,7 +62,7 @@ function D({
                 ...r.aiSuggestionAppend
               })
             }), /* @__PURE__ */ e(t.Item, {
-              onSelect: c,
+              onSelect: p,
               "data-target-id": "DropdownMenu.Item-aiSuggestionClearAndReplace",
               children: /* @__PURE__ */ e(n, {
                 ...r.aiSuggestionClearAndReplace
@@ -81,5 +81,5 @@ function D({
   });
 }
 export {
-  D as AiSuggestionField
+  A as AiSuggestionField
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.67.2",
+  "version": "0.67.4",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "929c67de4e531589b2c79b9617594910874c3062"
+  "gitHead": "5550b436926d1ba8d9baaee86700020cf730cf14"
 }

package/styles/ai-suggestion-field.css

@@ -1 +1 @@
-._wrapperGradient_1e3py_1{background:linear-gradient(135deg,#fe03dc 0%,#2784fa 100%);border-radius:0 0 var(--radius-2) var(--radius-2)}._wrapperGradient_1e3py_1 ._wrapper_1e3py_1{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;padding:var(--space-2) var(--space-3);position:relative;box-sizing:border-box;background:var(--box-blue-02);background-clip:padding-box;border:var(--border-1) solid transparent;border-radius:inherit}._wrapperGradient_1e3py_1 ._wrapper_1e3py_1 ._buttons_1e3py_18{display:flex;gap:var(--space-1)}._wrapperGradient_1e3py_1 ._wrapper_1e3py_1 ._selectTrigger_1e3py_22{width:var(--size-6);height:var(--size-6)}
+._wrapperGradient_t2yak_1{background:linear-gradient(135deg,#fe03dc 0%,#2784fa 100%);border-radius:0 0 var(--radius-2) var(--radius-2)}._wrapperGradient_t2yak_1 ._wrapper_t2yak_1{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;padding:var(--space-2) var(--space-3);position:relative;box-sizing:border-box;background:var(--box-blue-02);background-clip:padding-box;border:var(--border-1) solid transparent;border-radius:inherit}._wrapperGradient_t2yak_1 ._wrapper_t2yak_1 ._buttons_t2yak_18{display:flex;gap:var(--space-1)}._wrapperGradient_t2yak_1 ._wrapper_t2yak_1 ._selectTrigger_t2yak_22{width:var(--size-6);height:var(--size-6)}._wrapperGradient_t2yak_1 ._wrapper_t2yak_1>div>p{overflow-wrap:anywhere}

package/types/lib/components/combobox-with-api-pagination/utils/is-abort-error.d.ts

@@ -0,0 +1 @@
+export declare function isAbortError(error: unknown): boolean;