@box/combobox-with-api 0.48.3 → 0.49.1

package/dist/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js

@@ -3,7 +3,7 @@ import { Combobox as m, useForkRef as ne, LoadingIndicator as ae, InlineNotice a
 import { Search as le, Loader as ce } from "@box/blueprint-web-assets/icons/Fill";
 import { IconIconOnLightSecondary as ue, Size6 as T, Size1 as de } from "@box/blueprint-web-assets/tokens/tokens";
 import S from "clsx";
-import { forwardRef as F, useRef as v, useCallback as me, useMemo as R, useEffect as pe } from "react";
+import { forwardRef as F, useRef as R, useCallback as me, useMemo as C, useEffect as pe } from "react";
 import { useIntl as P, FormattedMessage as V } from "react-intl";
 import a from "./messages.js";
 import { useAsyncList as he } from "./use-async-list.js";
@@ -19,7 +19,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const xe = "_contai
   errorComboboxOption: Re,
   errorComboboxOptionText: Ce
 }, k = /* @__PURE__ */ F(({
-  onTryAgain: L
+  onTryAgain: E
 }, p) => {
   const {
     formatMessage: h
@@ -34,7 +34,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const xe = "_contai
     }), /* @__PURE__ */ r(m.Option, {
       ref: p,
       className: s.errorComboboxOption,
-      onClick: L,
+      onClick: E,
       children: /* @__PURE__ */ N(se, {
         as: "span",
         className: s.errorComboboxOptionText,
@@ -50,7 +50,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const xe = "_contai
       })
     })]
   });
-}), C = "__LOADING__", A = "__LOADING_ERROR__", Ae = "0px 0px 20px 0px", Le = /* @__PURE__ */ r(le, {
+}), A = "__LOADING__", L = "__LOADING_ERROR__", Ae = "0px 0px 20px 0px", Le = /* @__PURE__ */ r(le, {
   color: ue,
   height: T,
   role: "presentation",
@@ -72,18 +72,18 @@ import '../../../../styles/combobox-with-api-pagination.css';const xe = "_contai
     multiselect: l = !1,
     disabled: U,
     className: q,
-    displaySingleSelectionAsChip: E = !0,
+    displaySingleSelectionAsChip: g = !0,
     ...H
   } = p, {
     formatMessage: u
-  } = P(), g = v(null), b = v(!0), e = he({
+  } = P(), b = R(null), x = R(!0), e = he({
     async load({
       marker: o,
       searchInput: t,
-      signal: y
+      signal: v
     }) {
       const c = await B({
-        signal: y,
+        signal: v,
         marker: o,
         searchInput: t
       });
@@ -92,21 +92,21 @@ import '../../../../styles/combobox-with-api-pagination.css';const xe = "_contai
         marker: c.marker
       };
     }
-  }), I = v(!1), J = me(() => {
+  }), I = R(!1), J = me(() => {
     I.current || (e.reload(), I.current = !0);
-  }, []), [n, x] = fe({
+  }, []), [n, O] = fe({
     prop: w,
     defaultProp: G,
     onChange: W
-  }), O = !l && n.length === 1, K = (o) => {
-    o === void 0 ? (x([]), b.current || (e.search(""), b.current = !0)) : Array.isArray(o) ? x(o) : x([o]);
-  }, Q = R(() => n.length === 0 ? l ? [] : void 0 : l ? n : n[0], [l, n]), _ = R(() => n.filter((o) => !e.items.some((t) => t.value === o.value)), [n, e.items]), X = (o) => {
+  }), _ = !l && n.length === 1, K = (o) => {
+    o === void 0 ? (O([]), (!x.current || !g) && (e.search(""), x.current = !0)) : Array.isArray(o) ? O(o) : O([o]);
+  }, Q = C(() => n.length === 0 ? l ? [] : void 0 : l ? n : n[0], [l, n]), y = C(() => n.filter((o) => !e.items.some((t) => t.value === o.value)), [n, e.items]), X = (o) => {
     const {
       value: t,
-      displayValue: y,
+      displayValue: v,
       ...c
     } = o;
-    if (t === C)
+    if (t === A)
       return e.hasNextPage ? /* @__PURE__ */ r(m.Option, {
         ...c,
         ref: $,
@@ -119,14 +119,14 @@ import '../../../../styles/combobox-with-api-pagination.css';const xe = "_contai
           }
         })
       }) : null;
-    if (t === A && e.hasError && !e.isEmpty)
+    if (t === L && e.hasError && !e.isEmpty)
       return /* @__PURE__ */ r(k, {
         onTryAgain: () => {
           var i;
-          e.loadMore(), (i = g.current) == null || i.focus();
+          e.loadMore(), (i = b.current) == null || i.focus();
         }
       });
-    if (_.some((i) => i.value === t))
+    if (y.some((i) => i.value === t))
       return null;
     const te = n.some((i) => i.value === t);
     return /* @__PURE__ */ r(m.Option, {
@@ -135,18 +135,18 @@ import '../../../../styles/combobox-with-api-pagination.css';const xe = "_contai
       value: t,
       children: /* @__PURE__ */ r(re, {
         className: S(s.highlightOptionText, te && s.selected),
-        value: y || t
+        value: v || t
       })
     });
   }, Y = (o) => {
-    if (f == null || f(o), O && o === "") {
-      b.current = !1;
+    if (f == null || f(o), _ && o === "") {
+      x.current = !1;
       return;
     }
     e.search(o);
   }, Z = () => {
     var o;
-    e.reload(), (o = g.current) == null || o.focus();
+    e.reload(), (o = b.current) == null || o.focus();
   };
   let d;
   e.hasError && !e.isLoading ? d = /* @__PURE__ */ r(k, {
@@ -168,28 +168,28 @@ import '../../../../styles/combobox-with-api-pagination.css';const xe = "_contai
       clearTimeout(t);
     };
   }, [M]);
-  const oe = R(() => {
+  const oe = C(() => {
     const o = e.hasNextPage ? {
-      displayValue: C,
-      value: C
-    } : null, t = !o && e.hasError && !e.isEmpty ? {
       displayValue: A,
       value: A
+    } : null, t = !o && e.hasError && !e.isEmpty ? {
+      displayValue: L,
+      value: L
     } : null;
-    return [...e.items, ..._, o, t].filter(Boolean);
-  }, [e.hasNextPage, e.hasError, e.isEmpty, e.items, _]);
+    return [...e.items, ...y, o, t].filter(Boolean);
+  }, [e.hasNextPage, e.hasError, e.isEmpty, e.items, y]);
   return /* @__PURE__ */ r(m, {
     ...H,
-    ref: ne(g, h),
+    ref: ne(b, h),
     as: "input",
     className: S({
-      [s.disabled]: O
+      [s.disabled]: _
     }, q),
     clearButtonAriaLabel: u(a.clearButtonAriaLabel),
     clearOnBlur: !1,
     "data-target-id": D,
-    disabled: U || O && E,
-    displaySingleSelectionAsChip: E,
+    disabled: U || _ && g,
+    displaySingleSelectionAsChip: g,
     displayValue: (o) => o.displayValue || o.value,
     endComboboxIcon: Le,
     focusLoop: !1,

package/dist/i18n/en-x-pseudo.js

@@ -1,10 +1,10 @@
 export default {
-  "comboboxWithApi.apiError": "⟦萬萬萬萬萬萬萬萬萬萬萬萬 Ċòμĺďŋ'ŧ ļôāď ŕëŝúĺţş. Ĉĺìск ťò ŧяÿ αĝàįη. 國國國國國國國國國國國國⟧",
-  "comboboxWithApiPagination.clearButtonAriaLabel": "⟦萬萬萬萬萬萬萬 Çĺéåѓ іиΡμŧ ǻʼnď śëĺėćţіóή 國國國國國國國⟧",
-  "comboboxWithApiPagination.errorAction": "⟦萬 Řëĺøåď 國⟧",
-  "comboboxWithApiPagination.errorIconLabel": "⟦萬 Ёяґòґ 國⟧",
-  "comboboxWithApiPagination.errorMessage": "⟦萬萬萬萬萬萬 ₣āĭĺεď ŧõ ļøǻď όΡτîόʼnŝ 國國國國國國⟧",
-  "comboboxWithApiPagination.loadingAriaLabel": "⟦萬萬 Ŀőάďїпğ... 國國⟧",
-  "comboboxWithApiPagination.loadingMoreAriaLabel": "⟦萬萬萬萬 Ŀŏåďίηğ mőяé... 國國國國⟧",
-  "comboboxWithApiPagination.noResults": "⟦萬萬萬萬 Ňó ŗēśŭļťś ƒõůиď 國國國國⟧"
+  "comboboxWithApi.apiError": "⟦萬萬萬萬萬萬萬萬萬萬萬萬 Ĉøúļďņ'ť ĺöąď ґēѕúļťś. Ċļî¢к τό ŧřý ǻğαīπ. 國國國國國國國國國國國國⟧",
+  "comboboxWithApiPagination.clearButtonAriaLabel": "⟦萬萬萬萬萬萬萬 Çļēåя ίлΡůτ ąňď ѕеľëсţīόη 國國國國國國國⟧",
+  "comboboxWithApiPagination.errorAction": "⟦萬 Яęļσäď 國⟧",
+  "comboboxWithApiPagination.errorIconLabel": "⟦萬 Èггôя 國⟧",
+  "comboboxWithApiPagination.errorMessage": "⟦萬萬萬萬萬萬 ₣āįĺеď ţô ĺøǻď όΡŧíőйş 國國國國國國⟧",
+  "comboboxWithApiPagination.loadingAriaLabel": "⟦萬萬 Ŀöáďіňġ... 國國⟧",
+  "comboboxWithApiPagination.loadingMoreAriaLabel": "⟦萬萬萬萬 Ļоàďīйġ mŏгε... 國國國國⟧",
+  "comboboxWithApiPagination.noResults": "⟦萬萬萬萬 Ńо гεśüļţś ƒøūŋď 國國國國⟧"
 }

package/dist/i18n/en-x-pseudo.properties

@@ -1,16 +1,16 @@
 # Error message displayed as combobox item when an API failed and the suggestions could not load
-comboboxWithApi.apiError = ⟦萬萬萬萬萬萬萬萬萬萬萬萬 Ċòμĺďŋ'ŧ ļôāď ŕëŝúĺţş. Ĉĺìск ťò ŧяÿ αĝàįη. 國國國國國國國國國國國國⟧
+comboboxWithApi.apiError = ⟦萬萬萬萬萬萬萬萬萬萬萬萬 Ĉøúļďņ'ť ĺöąď ґēѕúļťś. Ċļî¢к τό ŧřý ǻğαīπ. 國國國國國國國國國國國國⟧
 # Aria label for the clear button visible at the end of the combobox. When clicked, it will clear all text in the input, as well as the current selection.
-comboboxWithApiPagination.clearButtonAriaLabel = ⟦萬萬萬萬萬萬萬 Çĺéåѓ іиΡμŧ ǻʼnď śëĺėćţіóή 國國國國國國國⟧
+comboboxWithApiPagination.clearButtonAriaLabel = ⟦萬萬萬萬萬萬萬 Çļēåя ίлΡůτ ąňď ѕеľëсţīόη 國國國國國國國⟧
 # Error message displayed resembling button that calls to action to reload the results
-comboboxWithApiPagination.errorAction = ⟦萬 Řëĺøåď 國⟧
+comboboxWithApiPagination.errorAction = ⟦萬 Яęļσäď 國⟧
 # Aria-label text for the error icon in the loading results error message
-comboboxWithApiPagination.errorIconLabel = ⟦萬 Ёяґòґ 國⟧
+comboboxWithApiPagination.errorIconLabel = ⟦萬 Èггôя 國⟧
 # Error message displayed as inline notice that informs the user that the options failed to load
-comboboxWithApiPagination.errorMessage = ⟦萬萬萬萬萬萬 ₣āĭĺεď ŧõ ļøǻď όΡτîόʼnŝ 國國國國國國⟧
+comboboxWithApiPagination.errorMessage = ⟦萬萬萬萬萬萬 ₣āįĺеď ţô ĺøǻď όΡŧíőйş 國國國國國國⟧
 # Visually hidden aria-label text for the loading spinner
-comboboxWithApiPagination.loadingAriaLabel = ⟦萬萬 Ŀőάďїпğ... 國國⟧
+comboboxWithApiPagination.loadingAriaLabel = ⟦萬萬 Ŀöáďіňġ... 國國⟧
 # Visually hidden aria-label text for the loading spinner show when loading more results from infinite scrolling list
-comboboxWithApiPagination.loadingMoreAriaLabel = ⟦萬萬萬萬 Ŀŏåďίηğ mőяé... 國國國國⟧
+comboboxWithApiPagination.loadingMoreAriaLabel = ⟦萬萬萬萬 Ļоàďīйġ mŏгε... 國國國國⟧
 # Message displayed when no results are found in the combobox
-comboboxWithApiPagination.noResults = ⟦萬萬萬萬 Ňó ŗēśŭļťś ƒõůиď 國國國國⟧
+comboboxWithApiPagination.noResults = ⟦萬萬萬萬 Ńо гεśüļţś ƒøūŋď 國國國國⟧

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/combobox-with-api",
-    "version": "0.48.3",
+    "version": "0.49.1",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^10.3.1",
@@ -11,11 +11,11 @@
         "react-intl": "^6.4.2"
     },
     "dependencies": {
-        "@box/tree": "^0.53.1",
+        "@box/tree": "^0.54.0",
         "react-accessible-treeview": "2.9.0"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.25.0",
+        "@box/blueprint-web": "^12.26.0",
         "@box/blueprint-web-assets": "^4.57.0",
         "@box/storybook-utils": "^0.13.11",
         "react": "^18.3.0",