@box/metadata-editor 1.64.4 → 1.64.6

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 };

package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.js

@@ -1,85 +1,75 @@
-import { useState as y, useRef as R, useCallback as f } from "react";
-const k = "0px", g = [0];
-function C() {
-  const b = /* @__PURE__ */ new Map();
-  function a({
-    root: s,
-    rootMargin: t,
-    threshold: c
-  }) {
-    let r = b.get(s);
-    r || (r = /* @__PURE__ */ new Map(), b.set(s, r));
-    const i = JSON.stringify({
-      rootMargin: t,
-      threshold: c
-    });
-    let n = r.get(i);
-    if (!n) {
-      const e = /* @__PURE__ */ new Map();
-      n = {
-        observer: new IntersectionObserver((O) => {
-          O.forEach((v) => {
-            e.get(v.target)?.(v);
-          });
-        }, {
-          root: s,
-          rootMargin: t,
-          threshold: c
-        }),
-        entryCallbacks: e
-      }, r.set(i, n);
-    }
-    return {
-      observe: (e, l) => {
-        n?.entryCallbacks.set(e, l), n?.observer.observe(e);
-      },
-      unobserve: (e) => {
-        n?.entryCallbacks.delete(e), n?.observer.unobserve(e);
-      }
-    };
-  }
-  return {
-    getObserver: a
-  };
+import { useCallback as e, useRef as t, useState as n } from "react";
+var r = "0px", i = [0];
+function a() {
+	let e = /* @__PURE__ */ new Map();
+	function t({ root: t, rootMargin: n, threshold: r }) {
+		let i = e.get(t);
+		i || (i = /* @__PURE__ */ new Map(), e.set(t, i));
+		let a = JSON.stringify({
+			rootMargin: n,
+			threshold: r
+		}), o = i.get(a);
+		if (!o) {
+			let e = /* @__PURE__ */ new Map();
+			o = {
+				observer: new IntersectionObserver((t) => {
+					t.forEach((t) => {
+						e.get(t.target)?.(t);
+					});
+				}, {
+					root: t,
+					rootMargin: n,
+					threshold: r
+				}),
+				entryCallbacks: e
+			}, i.set(a, o);
+		}
+		return {
+			observe: (e, t) => {
+				o?.entryCallbacks.set(e, t), o?.observer.observe(e);
+			},
+			unobserve: (e) => {
+				o?.entryCallbacks.delete(e), o?.observer.unobserve(e);
+			}
+		};
+	}
+	return { getObserver: t };
 }
-const E = C();
-function p(b) {
-  const a = b?.rootMargin ?? k, s = b?.threshold ?? g, t = R(null), c = R(null), r = R(null), [i, n] = y(), e = f(() => {
-    const o = t.current;
-    if (!o) {
-      n(void 0);
-      return;
-    }
-    const u = E.getObserver({
-      root: c.current,
-      rootMargin: a,
-      threshold: s
-    });
-    u.observe(o, (h) => {
-      n(h);
-    }), r.current = u;
-  }, [a, s]), l = f(() => {
-    const o = r.current, u = t.current;
-    u && o?.unobserve(u), r.current = null;
-  }, []), O = f((o) => {
-    l(), t.current = o, e();
-  }, [e, l]), v = f((o) => {
-    l(), c.current = o, e();
-  }, [e, l]);
-  return [O, {
-    entry: i,
-    rootRef: v
-  }];
+var o = a();
+function s(a) {
+	let s = a?.rootMargin ?? r, c = a?.threshold ?? i, l = t(null), u = t(null), d = t(null), [f, p] = n(), m = e(() => {
+		let e = l.current;
+		if (!e) {
+			p(void 0);
+			return;
+		}
+		let t = o.getObserver({
+			root: u.current,
+			rootMargin: s,
+			threshold: c
+		});
+		t.observe(e, (e) => {
+			p(e);
+		}), d.current = t;
+	}, [s, c]), h = e(() => {
+		let e = d.current, t = l.current;
+		t && e?.unobserve(t), d.current = null;
+	}, []);
+	return [e((e) => {
+		h(), l.current = e, m();
+	}, [m, h]), {
+		entry: f,
+		rootRef: e((e) => {
+			h(), u.current = e, m();
+		}, [m, h])
+	}];
 }
-function w(b) {
-  const [a, s] = p(b), t = !!s.entry?.isIntersecting, [c, r] = y(t);
-  return t && !c && r(!0), [a, {
-    ...s,
-    isVisible: t,
-    wasEverVisible: c
-  }];
+function c(e) {
+	let [t, r] = s(e), i = !!r.entry?.isIntersecting, [a, o] = n(i);
+	return i && !a && o(!0), [t, {
+		...r,
+		isVisible: i,
+		wasEverVisible: a
+	}];
 }
-export {
-  C as createObserverCache,
-  w as useTrackVisibility
-};
+export { a as createObserverCache, c as useTrackVisibility };

package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-content.js

@@ -1,19 +1,14 @@
-import { Menu as r } from "@ariakit/react";
-import { s as n } from "../../../../chunks/filter-dropdown-menu.module.js";
-import { jsx as s } from "react/jsx-runtime";
-const i = (e) => {
-  const {
-    children: t,
-    ...o
-  } = e;
-  return /* @__PURE__ */ s(r, {
-    ...o,
-    className: n.content,
-    hideOnHoverOutside: !0,
-    children: t
-  });
-};
-i.displayName = "FilterDropdownMenuContent";
-export {
-  i as FilterDropdownMenuContent
+import { t as e } from "../../../../chunks/filter-dropdown-menu.module.js";
+import { Menu as t } from "@ariakit/react";
+import { jsx as n } from "react/jsx-runtime";
+var r = (r) => {
+	let { children: i, ...a } = r;
+	return /* @__PURE__ */ n(t, {
+		...a,
+		className: e.content,
+		hideOnHoverOutside: !0,
+		children: i
+	});
 };
+r.displayName = "FilterDropdownMenuContent";
+export { r as FilterDropdownMenuContent };

package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-empty-state.js

@@ -1,20 +1,17 @@
-import { useIntl as e } from "react-intl";
-import { Text as o } from "@box/blueprint-web";
-import { s } from "../../../../chunks/filter-dropdown-menu.module.js";
-import r from "./messages.js";
-import { jsx as a } from "react/jsx-runtime";
-const n = () => {
-  const t = e().formatMessage(r.noResultsFound);
-  return /* @__PURE__ */ a(o, {
-    as: "p",
-    className: s.item,
-    color: "textOnLightSecondary",
-    variant: "bodyDefault",
-    children: t
-  });
-};
-n.displayName = "FilterDropdownMenuEmptyState";
-export {
-  n as FilterDropdownMenuEmptyState,
-  n as default
+import { t as e } from "../../../../chunks/filter-dropdown-menu.module.js";
+import t from "./messages.js";
+import { Text as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i } from "react/jsx-runtime";
+var a = () => {
+	let a = r().formatMessage(t.noResultsFound);
+	return /* @__PURE__ */ i(n, {
+		as: "p",
+		className: e.item,
+		color: "textOnLightSecondary",
+		variant: "bodyDefault",
+		children: a
+	});
 };
+a.displayName = "FilterDropdownMenuEmptyState";
+export { a as FilterDropdownMenuEmptyState, a as default };

package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-item.js

@@ -1,20 +1,15 @@
+import { t as e } from "../../../../chunks/filter-dropdown-menu.module.js";
 import { ComboboxItem as t } from "@ariakit/react";
-import m from "clsx";
-import { s as o } from "../../../../chunks/filter-dropdown-menu.module.js";
-import { jsx as s } from "react/jsx-runtime";
-const i = (e) => {
-  const {
-    children: n,
-    ...r
-  } = e;
-  return /* @__PURE__ */ s(t, {
-    ...r,
-    className: m(o.item, o.option),
-    focusOnHover: !0,
-    setValueOnClick: !1
-  });
+import { jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+var i = (i) => {
+	let { children: a, ...o } = i;
+	return /* @__PURE__ */ n(t, {
+		...o,
+		className: r(e.item, e.option),
+		focusOnHover: !0,
+		setValueOnClick: !1
+	});
 };
 i.displayName = "FilterDropdownMenuItem";
-export {
-  i as FilterDropdownMenuItem
-};
+export { i as FilterDropdownMenuItem };

package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-list.js

@@ -1,22 +1,17 @@
-import { ComboboxList as i } from "@ariakit/react";
-import { ScrollableContainer as l } from "@box/blueprint-web";
-import { s as o } from "../../../../chunks/filter-dropdown-menu.module.js";
+import { t as e } from "../../../../chunks/filter-dropdown-menu.module.js";
+import { ScrollableContainer as t } from "@box/blueprint-web";
+import { ComboboxList as n } from "@ariakit/react";
 import { jsx as r } from "react/jsx-runtime";
-const m = (s) => {
-  const {
-    children: t,
-    ...e
-  } = s;
-  return /* @__PURE__ */ r(i, {
-    className: o.comboboxList,
-    ...e,
-    children: /* @__PURE__ */ r(l, {
-      className: o.scrollableContainer,
-      children: t
-    })
-  });
-};
-m.displayName = "FilterDropdownMenuList";
-export {
-  m as FilterDropdownMenuList
+var i = (i) => {
+	let { children: a, ...o } = i;
+	return /* @__PURE__ */ r(n, {
+		className: e.comboboxList,
+		...o,
+		children: /* @__PURE__ */ r(t, {
+			className: e.scrollableContainer,
+			children: a
+		})
+	});
 };
+i.displayName = "FilterDropdownMenuList";
+export { i as FilterDropdownMenuList };