@box/combobox-with-api 1.42.33 → 1.42.34

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

@@ -1,205 +1,3 @@
-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 {
-  x as ComboboxWithApiPagination,
-  h as findState,
-  w as mockFetcher,
-  r as states
-};
+import { t as e } from "../../../../chunks/combobox-with-api-pagination.js";
+import { n as t, r as n, t as r } from "../../../../chunks/combobox-with-api-pagination2.js";
+export { e as ComboboxWithApiPagination, r as findState, t as mockFetcher, n as states };

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

@@ -1,34 +1,32 @@
-import { defineMessages as o } from "react-intl";
-const e = o({
-  loadingResultsErrorAction: {
-    id: "comboboxWithApiPagination.errorAction",
-    defaultMessage: "Reload"
-  },
-  loadingResultsErrorMessage: {
-    id: "comboboxWithApiPagination.errorMessage",
-    defaultMessage: "Failed to load options"
-  },
-  loadingResultsErrorIconLabel: {
-    id: "comboboxWithApiPagination.errorIconLabel",
-    defaultMessage: "Error"
-  },
-  loadingAriaLabel: {
-    id: "comboboxWithApiPagination.loadingAriaLabel",
-    defaultMessage: "Loading..."
-  },
-  loadingMoreAriaLabel: {
-    id: "comboboxWithApiPagination.loadingMoreAriaLabel",
-    defaultMessage: "Loading more..."
-  },
-  noResults: {
-    id: "comboboxWithApiPagination.noResults",
-    defaultMessage: "No results found"
-  },
-  clearButtonAriaLabel: {
-    id: "comboboxWithApiPagination.clearButtonAriaLabel",
-    defaultMessage: "Clear input and selection"
-  }
+import { defineMessages as e } from "react-intl";
+var t = e({
+	loadingResultsErrorAction: {
+		id: "comboboxWithApiPagination.errorAction",
+		defaultMessage: "Reload"
+	},
+	loadingResultsErrorMessage: {
+		id: "comboboxWithApiPagination.errorMessage",
+		defaultMessage: "Failed to load options"
+	},
+	loadingResultsErrorIconLabel: {
+		id: "comboboxWithApiPagination.errorIconLabel",
+		defaultMessage: "Error"
+	},
+	loadingAriaLabel: {
+		id: "comboboxWithApiPagination.loadingAriaLabel",
+		defaultMessage: "Loading..."
+	},
+	loadingMoreAriaLabel: {
+		id: "comboboxWithApiPagination.loadingMoreAriaLabel",
+		defaultMessage: "Loading more..."
+	},
+	noResults: {
+		id: "comboboxWithApiPagination.noResults",
+		defaultMessage: "No results found"
+	},
+	clearButtonAriaLabel: {
+		id: "comboboxWithApiPagination.clearButtonAriaLabel",
+		defaultMessage: "Clear input and selection"
+	}
 });
-export {
-  e as default
-};
+export { t as default };

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

@@ -1,6 +1,4 @@
-let C = /* @__PURE__ */ (function(E) {
-  return E.NOT_STARTED = "NOT_STARTED", E.IN_PROGRESS = "IN_PROGRESS", E.ERROR = "ERROR", E.SUCCESS = "SUCCESS", E.CANCELLED = "CANCELLED", E;
-})({});
-export {
-  C as RequestStates
-};
+var e = /* @__PURE__ */ function(e) {
+	return e.NOT_STARTED = "NOT_STARTED", e.IN_PROGRESS = "IN_PROGRESS", e.ERROR = "ERROR", e.SUCCESS = "SUCCESS", e.CANCELLED = "CANCELLED", e;
+}({});
+export { e as RequestStates };

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

@@ -1,136 +1,121 @@
-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 a(r, e) {
-  switch (e.type) {
-    case s.LOAD_MORE:
-      return {
-        ...r,
-        abortController: e.abortController,
-        error: null,
-        items: [...r.items, ...e.items],
-        marker: e.marker,
-        requestState: u.SUCCESS
-      };
-    case s.RELOAD:
-      return e.abortController !== r.abortController ? r : {
-        ...r,
-        abortController: null,
-        error: null,
-        items: [...e.items],
-        marker: e.marker,
-        requestState: u.SUCCESS,
-        searchInput: ""
-      };
-    case s.SEARCH:
-      return {
-        ...r,
-        abortController: e.abortController,
-        error: null,
-        items: [...e.items],
-        marker: e.marker,
-        requestState: u.SUCCESS,
-        searchInput: e.searchInput ?? r.searchInput
-      };
-    case s.SET_ERROR:
-      return {
-        ...r,
-        items: s.LOAD_MORE ? r.items : [],
-        error: e.error,
-        requestState: u.ERROR
-      };
-    case s.SET_LOADING:
-      return {
-        ...r,
-        requestInitiator: e.requestInitiator,
-        requestState: u.IN_PROGRESS,
-        abortController: e.abortController
-      };
-    default:
-      throw new Error(`Invalid action type "${e.type}"`);
-  }
+import { RequestStates as e } from "./request.js";
+import { isAbortError as t } from "./utils/is-abort-error.js";
+import { useReducer as n } from "react";
+var r = /* @__PURE__ */ function(e) {
+	return e.LOAD_MORE = "LOAD_MORE", e.RELOAD = "RELOAD", e.SEARCH = "SEARCH", e.SET_ERROR = "SET_ERROR", e.SET_LOADING = "SET_LOADING", e;
+}(r || {});
+function i(t, n) {
+	switch (n.type) {
+		case r.LOAD_MORE: return {
+			...t,
+			abortController: n.abortController,
+			error: null,
+			items: [...t.items, ...n.items],
+			marker: n.marker,
+			requestState: e.SUCCESS
+		};
+		case r.RELOAD: return n.abortController === t.abortController ? {
+			...t,
+			abortController: null,
+			error: null,
+			items: [...n.items],
+			marker: n.marker,
+			requestState: e.SUCCESS,
+			searchInput: ""
+		} : t;
+		case r.SEARCH: return {
+			...t,
+			abortController: n.abortController,
+			error: null,
+			items: [...n.items],
+			marker: n.marker,
+			requestState: e.SUCCESS,
+			searchInput: n.searchInput ?? t.searchInput
+		};
+		case r.SET_ERROR: return {
+			...t,
+			items: r.LOAD_MORE ? t.items : [],
+			error: n.error,
+			requestState: e.ERROR
+		};
+		case r.SET_LOADING: return {
+			...t,
+			requestInitiator: n.requestInitiator,
+			requestState: e.IN_PROGRESS,
+			abortController: n.abortController
+		};
+		default: throw Error(`Invalid action type "${n.type}"`);
+	}
 }
-function E(r, e) {
-  return r.type === s.SEARCH && e.requestState === u.IN_PROGRESS;
+function a(t, n) {
+	return t.type === r.SEARCH && n.requestState === e.IN_PROGRESS;
 }
-function S(r, e) {
-  return e.requestInitiator === s.LOAD_MORE && e.requestState === u.IN_PROGRESS && r.type === s.LOAD_MORE;
+function o(t, n) {
+	return n.requestInitiator === r.LOAD_MORE && n.requestState === e.IN_PROGRESS && t.type === r.LOAD_MORE;
 }
-function m(r, e) {
-  return E(r, e) || S(r, e);
+function s(e, t) {
+	return a(e, t) || o(e, t);
 }
-function p(r, e) {
-  E(r, e) && e.abortController.abort(), S(r, e) && r.abortController?.abort();
+function c(e, t) {
+	a(e, t) && t.abortController.abort(), o(e, t) && e.abortController?.abort();
 }
-function h(r, e) {
-  return S(r, e);
+function l(e, t) {
+	return o(e, t);
 }
-async function R(r, e, t, n) {
-  const o = new AbortController();
-  if (m(r, t) && p(r, t), !h(r, t)) {
-    n({
-      type: s.SET_LOADING,
-      requestInitiator: r.type,
-      abortController: o
-    });
-    try {
-      const l = await e({
-        items: t.items.slice(),
-        signal: o.signal,
-        marker: r.type === s.LOAD_MORE ? t.marker : null,
-        searchInput: r.searchInput ?? t.searchInput
-      }), i = l.searchInput ?? r.searchInput ?? t.searchInput;
-      n({
-        type: r.type,
-        ...l,
-        searchInput: i,
-        abortController: o
-      });
-    } catch (l) {
-      if (I(l))
-        return;
-      n({
-        type: s.SET_ERROR,
-        error: l,
-        abortController: o
-      });
-    }
-  }
+async function u(e, n, i, a) {
+	let o = new AbortController();
+	if (s(e, i) && c(e, i), !l(e, i)) {
+		a({
+			type: r.SET_LOADING,
+			requestInitiator: e.type,
+			abortController: o
+		});
+		try {
+			let t = await n({
+				items: i.items.slice(),
+				signal: o.signal,
+				marker: e.type === r.LOAD_MORE ? i.marker : null,
+				searchInput: e.searchInput ?? i.searchInput
+			}), s = t.searchInput ?? e.searchInput ?? i.searchInput;
+			a({
+				type: e.type,
+				...t,
+				searchInput: s,
+				abortController: o
+			});
+		} catch (e) {
+			if (t(e)) return;
+			a({
+				type: r.SET_ERROR,
+				error: e,
+				abortController: o
+			});
+		}
+	}
 }
-function _(r) {
-  const {
-    load: e
-  } = r, [t, n] = O(a, {
-    error: null,
-    items: [],
-    requestInitiator: null,
-    requestState: u.NOT_STARTED,
-    searchInput: ""
-  });
-  return {
-    hasError: t.requestState === u.ERROR,
-    hasNextPage: t.requestState === u.ERROR ? !1 : t.marker != null,
-    isEmpty: t.items.length === 0,
-    isLoading: t.requestState === u.IN_PROGRESS,
-    isReloading: t.requestState === u.IN_PROGRESS && (t.requestInitiator === s.RELOAD || t.requestInitiator === s.SEARCH),
-    items: t.items,
-    loadMore: () => R({
-      type: s.LOAD_MORE
-    }, e, t, n),
-    reload: () => R({
-      type: s.RELOAD
-    }, e, t, n),
-    requestInitiator: t.requestInitiator,
-    searchInput: t.searchInput,
-    search: (o) => R({
-      type: s.SEARCH,
-      searchInput: o
-    }, e, t, n)
-  };
+function d(t) {
+	let { load: a } = t, [o, s] = n(i, {
+		error: null,
+		items: [],
+		requestInitiator: null,
+		requestState: e.NOT_STARTED,
+		searchInput: ""
+	});
+	return {
+		hasError: o.requestState === e.ERROR,
+		hasNextPage: o.requestState === e.ERROR ? !1 : o.marker != null,
+		isEmpty: o.items.length === 0,
+		isLoading: o.requestState === e.IN_PROGRESS,
+		isReloading: o.requestState === e.IN_PROGRESS && (o.requestInitiator === r.RELOAD || o.requestInitiator === r.SEARCH),
+		items: o.items,
+		loadMore: () => u({ type: r.LOAD_MORE }, a, o, s),
+		reload: () => u({ type: r.RELOAD }, a, o, s),
+		requestInitiator: o.requestInitiator,
+		searchInput: o.searchInput,
+		search: (e) => u({
+			type: r.SEARCH,
+			searchInput: e
+		}, a, o, s)
+	};
 }
-export {
-  _ as useAsyncList
-};
+export { d as useAsyncList };

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

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

package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-controllable-state.js

@@ -1,37 +1,35 @@
-import * as o from "react";
-function a(e) {
-  const c = o.useRef(e);
-  return o.useEffect(() => {
-    c.current = e;
-  }), o.useMemo(() => (...t) => c.current?.(...t), []);
+import * as e from "react";
+function t(t) {
+	let n = e.useRef(t);
+	return e.useEffect(() => {
+		n.current = t;
+	}), e.useMemo(() => ((...e) => n.current?.(...e)), []);
 }
-function v({
-  prop: e,
-  defaultProp: c,
-  onChange: t = () => {
-  }
-}) {
-  const [n, s] = R({
-    defaultProp: c,
-    onChange: t
-  }), r = e !== void 0, i = r ? e : n, l = a(t), d = o.useCallback((u) => {
-    if (r) {
-      const f = typeof u == "function" ? u(e) : u;
-      f !== e && l(f);
-    } else
-      s(u);
-  }, [r, e, s, l]);
-  return [i, d];
+function n({ prop: n, defaultProp: i, onChange: a = () => {} }) {
+	let [o, s] = r({
+		defaultProp: i,
+		onChange: a
+	}), c = n !== void 0, l = c ? n : o, u = t(a);
+	return [l, e.useCallback((e) => {
+		if (c) {
+			let t = typeof e == "function" ? e(n) : e;
+			t !== n && u(t);
+		} else s(e);
+	}, [
+		c,
+		n,
+		s,
+		u
+	])];
 }
-function R({
-  defaultProp: e,
-  onChange: c
-}) {
-  const t = o.useState(e), [n] = t, s = o.useRef(n), r = a(c);
-  return o.useEffect(() => {
-    s.current !== n && (r(n), s.current = n);
-  }, [n, s, r]), t;
+function r({ defaultProp: n, onChange: r }) {
+	let i = e.useState(n), [a] = i, o = e.useRef(a), s = t(r);
+	return e.useEffect(() => {
+		o.current !== a && (s(a), o.current = a);
+	}, [
+		a,
+		o,
+		s
+	]), i;
 }
-export {
-  v as useControllableState
-};
+export { n as useControllableState };