@box/combobox-with-api 0.36.0 → 0.36.3

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

@@ -2,7 +2,7 @@ import { useComboboxStore as G, ComboboxProvider as X, PopoverAnchor as q, Combo
 import { useLabelable as Q, ChipsGroup as U, InputChip as Y, IconButton as Z } from "@box/blueprint-web";
 import { XMark as _, Search as $ } from "@box/blueprint-web-assets/icons/Fill";
 import { IconIconOnLightSecondary as ee, Size6 as g, Size1 as oe } from "@box/blueprint-web-assets/tokens/tokens";
-import m from "clsx";
+import p from "clsx";
 import { forwardRef as le, useId as te, useState as V, useRef as ae, useCallback as se } from "react";
 import { useIntl as re } from "react-intl";
 import I from "../combobox-with-api-pagination/messages.js";
@@ -26,44 +26,44 @@ const ce = () => /* @__PURE__ */ o($, {
     noResultMessage: y,
     defaultValue: A = [],
     loadingAriaLabel: R,
-    multiselect: p = !1,
+    multiselect: b = !1,
     className: B,
     levels: z,
     selectableLevels: M,
     label: O,
-    hideLabel: b,
+    hideLabel: d,
     treeAriaLabel: P,
     portalElement: W,
     placeholder: k,
     disabled: D
   } = S, {
-    formatMessage: d
-  } = re(), n = te(), [h, T] = V(!1), [t, i] = ne({
+    formatMessage: h
+  } = re(), n = te(), [f, T] = V(!1), [t, i] = ne({
     prop: L,
     defaultProp: A,
     onChange: N
-  }), [f, x] = V(""), j = ae(null), E = se((e) => {
-    x(e);
-  }, [x]), c = G({
+  }), [x, c] = V(""), j = ae(null), E = se((e) => {
+    c(e);
+  }, [c]), u = G({
     includesBaseElement: !0,
     virtualFocus: !1,
-    value: f,
+    value: x,
     setValue: E,
-    open: h,
+    open: f,
     setOpen: T
   }), C = t.length > 0, v = t.length > 0, F = Q(O, n);
   return /* @__PURE__ */ r(X, {
-    store: c,
+    store: u,
     children: [/* @__PURE__ */ o(q, {
       children: /* @__PURE__ */ r("div", {
-        className: m(l.container, B),
+        className: p(l.container, B),
         children: [/* @__PURE__ */ o(F, {
-          className: m(l.label, {
-            [l.hiddenLabel]: b
+          className: p(l.label, {
+            [l.hiddenLabel]: d
           }),
-          hideLabel: b
+          hideLabel: d
         }), /* @__PURE__ */ r("div", {
-          className: m(l.comboboxContainer, {
+          className: p(l.comboboxContainer, {
             [l.withChips]: v,
             [l.withComboboxButtons]: C
           }),
@@ -84,7 +84,7 @@ const ce = () => /* @__PURE__ */ o($, {
               disabled: D,
               id: n,
               placeholder: k,
-              store: c
+              store: u
             }), /* @__PURE__ */ o("div", {
               className: l.comboboxButtons,
               children: C ? /* @__PURE__ */ o(J, {
@@ -97,7 +97,7 @@ const ce = () => /* @__PURE__ */ o($, {
                   icon: _,
                   size: "x-small"
                 }),
-                store: c
+                store: u
               }) : /* @__PURE__ */ o(ce, {})
             })]
           })]
@@ -116,24 +116,24 @@ const ce = () => /* @__PURE__ */ o($, {
         ariaLabel: P,
         defaultFetcher: w,
         levels: z,
-        loadingAriaLabel: R || d(I.loadingAriaLabel),
-        multiselect: p,
-        noResultMessage: y || d(I.noResults),
+        loadingAriaLabel: R || h(I.loadingAriaLabel),
+        multiselect: b,
+        noResultMessage: y || h(I.noResults),
         onSelect: (e) => {
           const {
             metadata: a
           } = e.element;
           let s = [];
-          e.isSelected ? (p && (s = t.filter((u) => u.value !== e.element.id)), s.push({
+          e.isSelected ? (b && (s = t.filter((m) => m.value !== e.element.id)), s.push({
             value: e.element.id,
             displayValue: a.displayValue,
             level: a.level,
             selectable: a.selectable,
             ancestors: a.ancestors
-          })) : s = t.filter((u) => u.value !== e.element.id), i(s);
+          })) : s = t.filter((m) => m.value !== e.element.id), i(s), c("");
         },
-        open: h,
-        searchInput: f.trimStart(),
+        open: f,
+        searchInput: x.trimStart(),
         selectableLevels: M,
         selectedNodes: t.map((e) => e.value)
       })

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/combobox-with-api",
-    "version": "0.36.0",
+    "version": "0.36.3",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^10.3.1",
@@ -11,13 +11,13 @@
         "react-intl": "^6.4.2"
     },
     "dependencies": {
-        "@box/tree": "^0.47.1",
+        "@box/tree": "^0.47.2",
         "react-accessible-treeview": "2.9.0"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^11.10.2",
-        "@box/blueprint-web-assets": "^4.42.0",
-        "@box/storybook-utils": "^0.12.1",
+        "@box/blueprint-web": "^11.10.3",
+        "@box/blueprint-web-assets": "^4.43.0",
+        "@box/storybook-utils": "^0.12.2",
         "react": "^18.3.0",
         "react-dom": "^18.3.0"
     },