@box/combobox-with-api 0.29.7 → 0.29.9

package/dist/esm/index.js

@@ -1,16 +1,16 @@
-import { ComboboxWithApiPagination as t } from "./lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js";
-import { f as r, m as a, s as m } from "../chunks/mocks.js";
-import { ComboboxWithApiTreeView as p } from "./lib/components/combobox-with-api-tree-view/combobox-with-api-tree-view.js";
-import { a as x, f as b, m as n } from "../chunks/shared.js";
-import { ComboboxWithApiContainer as C } from "./lib/components/combobox-with-api/combobox-with-api-container.js";
+import { ComboboxWithApiContainer as t } from "./lib/components/combobox-with-api/combobox-with-api-container.js";
+import { ComboboxWithApiPagination as r } from "./lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js";
+import { findState as p, mockFetcher as x, states as b } from "./lib/components/combobox-with-api-pagination/index.js";
+import { ComboboxWithApiTreeView as f } from "./lib/components/combobox-with-api-tree-view/combobox-with-api-tree-view.js";
+import { apiResponse as h, findNode as s, mockTreeFetcher as C } from "./lib/components/combobox-with-api-tree-view/index.js";
 export {
-  C as ComboboxWithApi,
-  t as ComboboxWithApiPagination,
-  p as ComboboxWithApiTreeView,
-  x as apiResponse,
-  b as findNode,
-  r as findState,
-  a as mockFetcher,
-  n as mockTreeFetcher,
-  m as states
+  t as ComboboxWithApi,
+  r as ComboboxWithApiPagination,
+  f as ComboboxWithApiTreeView,
+  h as apiResponse,
+  s as findNode,
+  p as findState,
+  x as mockFetcher,
+  C as mockTreeFetcher,
+  b as states
 };

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

@@ -1,8 +1,205 @@
-import { ComboboxWithApiPagination as a } from "./combobox-with-api-pagination.js";
-import { f as s, m as i, s as m } from "../../../../chunks/mocks.js";
+import { ComboboxWithApiPagination as x } from "./combobox-with-api-pagination.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"
+}], h = (a) => r.find((e) => e.displayValue === a), n = 10, c = (a, e) => {
+  const l = (parseInt(a, 10) || 0) * n, u = l + n;
+  return e.slice(l, u).map(({
+    displayValue: i,
+    value: t
+  }) => ({
+    displayValue: i,
+    value: t
+  }));
+}, m = (a, e) => (parseInt(a, 10) || 0) * n + n < e.length ? ((parseInt(a, 10) || 0) + 1).toString() : void 0, w = /* @__PURE__ */ (() => {
+  let a = 0;
+  return async ({
+    delay: e,
+    signal: l,
+    searchInput: u,
+    marker: i,
+    failOnLoadMore: t,
+    failOnLoadMoreTimes: d = Number.MAX_SAFE_INTEGER,
+    options: p = r
+  }) => {
+    if (e && await new Promise((s) => setTimeout(s, e)), l.aborted)
+      return Promise.reject(new DOMException("Aborted", "AbortError"));
+    if (t && i != null && a < d)
+      return a += 1, Promise.reject();
+    const o = p.filter(({
+      displayValue: s,
+      value: v
+    }) => s ? s.toLowerCase().includes(u.toLowerCase()) : v.toLowerCase().includes(u.toLowerCase())), y = Promise.resolve({
+      marker: m(i, o),
+      options: c(i, o)
+    });
+    return V(await y);
+  };
+})();
 export {
-  a as ComboboxWithApiPagination,
-  s as findState,
-  i as mockFetcher,
-  m as states
+  x as ComboboxWithApiPagination,
+  h as findState,
+  w as mockFetcher,
+  r as states
 };

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,6 +1,6 @@
 {
     "name": "@box/combobox-with-api",
-    "version": "0.29.7",
+    "version": "0.29.9",
     "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.41.7",
+        "@box/tree": "^0.41.9",
         "react-accessible-treeview": "2.9.0"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^10.4.0",
+        "@box/blueprint-web": "^10.5.0",
         "@box/blueprint-web-assets": "^4.39.0",
         "@box/storybook-utils": "^0.9.0",
         "react": "^18.3.0",