@box/combobox-with-api 0.29.6 → 0.29.8

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

@@ -1,8 +1,449 @@
-import { ComboboxWithApiTreeView as r } from "./combobox-with-api-tree-view.js";
-import { a as i, f as m, m as p } from "../../../../chunks/shared.js";
+import { ComboboxWithApiTreeView as I } from "./combobox-with-api-tree-view.js";
+const y = [
+  // Level 1
+  {
+    id: "japan-l1-id",
+    ancestors: [],
+    displayName: "Japan",
+    level: 1,
+    selectable: !0
+  },
+  {
+    id: "uk-l1-id",
+    ancestors: [],
+    displayName: "United Kingdom",
+    level: 1,
+    selectable: !0
+  },
+  {
+    id: "usa-l1-id",
+    ancestors: [],
+    displayName: "United States",
+    level: 1,
+    selectable: !0
+  },
+  {
+    id: "poland-l1-id",
+    ancestors: [],
+    displayName: "Poland",
+    level: 1,
+    selectable: !0
+  },
+  {
+    id: "australia-l1-id",
+    ancestors: [],
+    displayName: "Australia",
+    level: 1,
+    selectable: !0
+  },
+  {
+    id: "spain-l1-id",
+    ancestors: [],
+    displayName: "Spain",
+    level: 1,
+    selectable: !0
+  },
+  {
+    id: "austin-l3-id",
+    ancestors: [{
+      id: "usa-l1-id",
+      displayName: "United States",
+      level: 1
+    }, {
+      id: "texas-l2-id",
+      displayName: "Texas",
+      level: 2
+    }],
+    displayName: "Austin",
+    level: 3,
+    selectable: !0
+  },
+  {
+    id: "california-l2-id",
+    ancestors: [{
+      id: "usa-l1-id",
+      displayName: "United States",
+      level: 1
+    }],
+    displayName: "California",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "chicago-l3-id",
+    ancestors: [{
+      id: "usa-l1-id",
+      displayName: "United States",
+      level: 1
+    }, {
+      id: "illinois-l2-id",
+      displayName: "Illinois",
+      level: 2
+    }],
+    displayName: "Chicago",
+    level: 3,
+    selectable: !0
+  },
+  {
+    id: "illinois-l2-id",
+    ancestors: [{
+      id: "usa-l1-id",
+      displayName: "United States",
+      level: 1
+    }],
+    displayName: "Illinois",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "london-l3-id",
+    ancestors: [{
+      id: "uk-l1-id",
+      displayName: "United Kingdom",
+      level: 1
+    }, {
+      id: "england-l2-id",
+      displayName: "England",
+      level: 2
+    }],
+    displayName: "London",
+    level: 3,
+    selectable: !0
+  },
+  {
+    id: "ny-l2-id",
+    ancestors: [{
+      id: "usa-l1-id",
+      displayName: "United States",
+      level: 1
+    }],
+    displayName: "New York",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "ny-l3-id",
+    ancestors: [{
+      id: "usa-l1-id",
+      displayName: "United States",
+      level: 1
+    }, {
+      id: "ny-l2-id",
+      displayName: "New York",
+      level: 2
+    }],
+    displayName: "New York",
+    level: 3,
+    selectable: !0
+  },
+  {
+    id: "redwood-l3-id",
+    ancestors: [{
+      id: "usa-l1-id",
+      displayName: "United States",
+      level: 1
+    }, {
+      id: "california-l2-id",
+      displayName: "California",
+      level: 2
+    }],
+    displayName: "Redwood City",
+    level: 3,
+    selectable: !0
+  },
+  {
+    id: "sf-l3-id",
+    ancestors: [{
+      id: "usa-l1-id",
+      displayName: "United States",
+      level: 1
+    }, {
+      id: "california-l2-id",
+      displayName: "California",
+      level: 2
+    }],
+    displayName: "San Francisco",
+    level: 3,
+    selectable: !0
+  },
+  {
+    id: "texas-l2-id",
+    ancestors: [{
+      id: "usa-l1-id",
+      displayName: "United States",
+      level: 1
+    }],
+    displayName: "Texas",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "tokyo-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Tokyo",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "tokyo-l3-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }, {
+      id: "tokyo-l2-id",
+      displayName: "Tokyo",
+      level: 2
+    }],
+    displayName: "Tokyo",
+    level: 3,
+    selectable: !0
+  },
+  // Japan L2
+  {
+    id: "hokkaido-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Hokkaido",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "iwate-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Iwate",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "fukushima-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Fukushima",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "nagano-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Nagano",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "niigata-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Niigata",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "akita-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Akita",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "hiroshima-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Hiroshima",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "kagoshima-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Kagoshima",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "aomori-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Aomori",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "hyogo-l2-id",
+    ancestors: [{
+      id: "japan-l1-id",
+      displayName: "Japan",
+      level: 1
+    }],
+    displayName: "Hyogo",
+    level: 2,
+    selectable: !0
+  },
+  // UK L2
+  {
+    id: "england-l2-id",
+    ancestors: [{
+      id: "uk-l1-id",
+      displayName: "United Kingdom",
+      level: 1
+    }],
+    displayName: "England",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "scotland-l2-id",
+    ancestors: [{
+      id: "uk-l1-id",
+      displayName: "United Kingdom",
+      level: 1
+    }],
+    displayName: "Scotland",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "wales-l2-id",
+    ancestors: [{
+      id: "uk-l1-id",
+      displayName: "United Kingdom",
+      level: 1
+    }],
+    displayName: "Wales",
+    level: 2,
+    selectable: !0
+  },
+  {
+    id: "northern-ireland-l2-id",
+    ancestors: [{
+      id: "uk-l1-id",
+      displayName: "United Kingdom",
+      level: 1
+    }],
+    displayName: "Northern Ireland",
+    level: 2,
+    selectable: !0
+  }
+], N = 5, j = (l, e) => {
+  const a = parseInt(l, 10) || 0, i = a + N;
+  return e.slice(a, i).map(({
+    displayName: s,
+    id: t,
+    ...n
+  }) => ({
+    displayValue: s,
+    value: t,
+    ...n
+  }));
+}, U = (l, e) => {
+  const i = (parseInt(l, 10) || 0) + N;
+  return i < e.length ? i.toString() : void 0;
+}, x = /* @__PURE__ */ (() => {
+  let l = 0, e = 0;
+  return async ({
+    delay: a,
+    signal: i,
+    level: s,
+    searchInput: t,
+    ancestorId: n,
+    marker: o,
+    failOnLoadMore: u,
+    options: v = y,
+    failOnLoadMoreTimes: b = Number.MAX_SAFE_INTEGER,
+    failOnLoadLevel: k,
+    failOnLoadLevelTimes: f = Number.MAX_SAFE_INTEGER
+  }) => {
+    if (i.aborted)
+      return Promise.reject(new DOMException("Aborted", "AbortError"));
+    if (u && o != null && l < b)
+      return l += 1, Promise.reject();
+    if (s === k && e < f)
+      return e += 1, Promise.reject();
+    a && await new Promise((r) => setTimeout(r, a));
+    const m = v.filter((r) => {
+      const {
+        displayName: h,
+        level: c,
+        ancestors: p
+      } = {
+        ...r
+      };
+      let d = !0;
+      return s && c && c !== s && (d = !1), t && (d = d && h.toLowerCase().includes(t.toLowerCase())), n && (d = d && (p == null ? void 0 : p.some(({
+        id: S
+      }) => S === n))), d;
+    }), g = Promise.resolve({
+      marker: U(o, m),
+      options: j(o, m)
+    });
+    return w(await g);
+  };
+})();
+function w(l) {
+  return {
+    marker: l.marker,
+    options: l.options.map(({
+      value: e,
+      displayValue: a,
+      ...i
+    }) => a ? {
+      displayValue: a,
+      value: e,
+      ...i
+    } : {
+      value: e,
+      ...i
+    })
+  };
+}
+const J = (l) => {
+  const e = y.find((a) => a.displayName === l);
+  return e ? {
+    value: e.id,
+    displayValue: e.displayName,
+    level: e.level,
+    selectable: e.selectable,
+    ancestors: e.ancestors
+  } : null;
+};
 export {
-  r as ComboboxWithApiTreeView,
-  i as apiResponse,
-  m as findNode,
-  p as mockTreeFetcher
+  I as ComboboxWithApiTreeView,
+  y as apiResponse,
+  J as findNode,
+  x as mockTreeFetcher
 };

package/package.json

@@ -1,9 +1,9 @@
 {
     "name": "@box/combobox-with-api",
-    "version": "0.29.6",
+    "version": "0.29.8",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
-        "@box/blueprint-web": "^7.8.0",
+        "@box/blueprint-web": "^10.3.1",
         "@box/blueprint-web-assets": "^4.16.0",
         "lodash": "^4.17.15",
         "react": "^17.0.0 || ^18.0.0",
@@ -11,12 +11,12 @@
         "react-intl": "^6.4.2"
     },
     "dependencies": {
-        "@box/tree": "^0.41.6",
+        "@box/tree": "^0.41.8",
         "react-accessible-treeview": "2.9.0"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^10.3.1",
-        "@box/blueprint-web-assets": "^4.38.0",
+        "@box/blueprint-web": "^10.4.0",
+        "@box/blueprint-web-assets": "^4.39.0",
         "@box/storybook-utils": "^0.9.0",
         "react": "^18.3.0",
         "react-dom": "^18.3.0"

package/dist/chunks/mocks.js

@@ -1,204 +0,0 @@
-import "./web.dom-exception.stack.js";
-function V(a) {
-  return {
-    marker: a.marker,
-    options: a.options.map(({
-      value: e,
-      displayValue: l
-    }) => l ? {
-      displayValue: l,
-      value: e
-    } : {
-      value: e
-    })
-  };
-}
-const r = [{
-  value: "0",
-  displayValue: "Alabama"
-}, {
-  value: "1",
-  displayValue: "Alaska"
-}, {
-  value: "2",
-  displayValue: "Arizona"
-}, {
-  value: "3",
-  displayValue: "Arkansas"
-}, {
-  value: "4",
-  displayValue: "California"
-}, {
-  value: "5",
-  displayValue: "Colorado"
-}, {
-  value: "6",
-  displayValue: "Connecticut"
-}, {
-  value: "7",
-  displayValue: "Delaware"
-}, {
-  value: "8",
-  displayValue: "Florida"
-}, {
-  value: "9",
-  displayValue: "Georgia"
-}, {
-  value: "10",
-  displayValue: "Hawaii"
-}, {
-  value: "11",
-  displayValue: "Idaho"
-}, {
-  value: "12",
-  displayValue: "Illinois"
-}, {
-  value: "13",
-  displayValue: "Indiana"
-}, {
-  value: "14",
-  displayValue: "Iowa"
-}, {
-  value: "15",
-  displayValue: "Kansas"
-}, {
-  value: "16",
-  displayValue: "Kentucky"
-}, {
-  value: "17",
-  displayValue: "Louisiana"
-}, {
-  value: "18",
-  displayValue: "Maine"
-}, {
-  value: "19",
-  displayValue: "Maryland"
-}, {
-  value: "20",
-  displayValue: "Massachusetts"
-}, {
-  value: "21",
-  displayValue: "Michigan"
-}, {
-  value: "22",
-  displayValue: "Minnesota"
-}, {
-  value: "23",
-  displayValue: "Mississippi"
-}, {
-  value: "24",
-  displayValue: "Missouri"
-}, {
-  value: "25",
-  displayValue: "Montana"
-}, {
-  value: "26",
-  displayValue: "Nebraska"
-}, {
-  value: "27",
-  displayValue: "Nevada"
-}, {
-  value: "28",
-  displayValue: "New Hampshire"
-}, {
-  value: "29",
-  displayValue: "New Jersey"
-}, {
-  value: "30",
-  displayValue: "New Mexico"
-}, {
-  value: "31",
-  displayValue: "New York"
-}, {
-  value: "32",
-  displayValue: "North Carolina"
-}, {
-  value: "33",
-  displayValue: "North Dakota"
-}, {
-  value: "34",
-  displayValue: "Ohio"
-}, {
-  value: "35",
-  displayValue: "Oklahoma"
-}, {
-  value: "36",
-  displayValue: "Oregon"
-}, {
-  value: "37",
-  displayValue: "Pennsylvania"
-}, {
-  value: "38",
-  displayValue: "Rhode Island"
-}, {
-  value: "39",
-  displayValue: "South Carolina"
-}, {
-  value: "40",
-  displayValue: "South Dakota"
-}, {
-  value: "41",
-  displayValue: "Tennessee"
-}, {
-  value: "42",
-  displayValue: "Texas"
-}, {
-  value: "43",
-  displayValue: "Utah"
-}, {
-  value: "44",
-  displayValue: "Vermont"
-}, {
-  value: "45",
-  displayValue: "Virginia"
-}, {
-  value: "46",
-  displayValue: "Washington"
-}, {
-  value: "47",
-  displayValue: "West Virginia"
-}, {
-  value: "48",
-  displayValue: "Wisconsin"
-}, {
-  value: "49",
-  displayValue: "Wyoming"
-}], w = (a) => r.find((e) => e.displayValue === a), n = 10, c = (a, e) => {
-  const l = (parseInt(a, 10) || 0) * n, s = l + n;
-  return e.slice(l, s).map(({
-    displayValue: u,
-    value: t
-  }) => ({
-    displayValue: u,
-    value: t
-  }));
-}, m = (a, e) => (parseInt(a, 10) || 0) * n + n < e.length ? ((parseInt(a, 10) || 0) + 1).toString() : void 0, I = /* @__PURE__ */ (() => {
-  let a = 0;
-  return async ({
-    delay: e,
-    signal: l,
-    searchInput: s,
-    marker: u,
-    failOnLoadMore: t,
-    failOnLoadMoreTimes: d = Number.MAX_SAFE_INTEGER,
-    options: p = r
-  }) => {
-    if (e && await new Promise((i) => setTimeout(i, e)), l.aborted)
-      return Promise.reject(new DOMException("Aborted", "AbortError"));
-    if (t && u != null && a < d)
-      return a += 1, Promise.reject();
-    const o = p.filter(({
-      displayValue: i,
-      value: v
-    }) => i ? i.toLowerCase().includes(s.toLowerCase()) : v.toLowerCase().includes(s.toLowerCase())), y = Promise.resolve({
-      marker: m(u, o),
-      options: c(u, o)
-    });
-    return V(await y);
-  };
-})();
-export {
-  w as f,
-  I as m,
-  r as s
-};