@box/metadata-template-browser 1.17.8 → 1.17.10

package/dist/esm/lib/components/namespace-row/messages.js

@@ -1,10 +1,6 @@
 import { defineMessages as e } from "react-intl";
-const s = e({
-  navigateAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.namespaceRow.navigateAriaLabel",
-    defaultMessage: "Navigate into {displayName}"
-  }
-});
-export {
-  s as messages
-};
+var t = e({ navigateAriaLabel: {
+	id: "groupSharedFeatures.metadataTemplateBrowser.namespaceRow.navigateAriaLabel",
+	defaultMessage: "Navigate into {displayName}"
+} });
+export { t as messages };

package/dist/esm/lib/components/namespace-row/namespace-row.js

@@ -1,32 +1,22 @@
-import { IconButton as e } from "@box/blueprint-web";
-import { ChevronRight as a, Folder as m } from "@box/blueprint-web-assets/icons/Medium";
-import { useIntl as s } from "react-intl";
-import { messages as l } from "./messages.js";
-import { jsx as i } from "react/jsx-runtime";
-import { useConsumerState as n } from "../../contexts/hooks.js";
-import { BrowserRow as d } from "../browser-row/browser-row.js";
-function w({
-  namespace: o
-}) {
-  const {
-    formatMessage: r
-  } = s(), {
-    isDisabled: t
-  } = n();
-  return /* @__PURE__ */ i(d, {
-    id: o.id,
-    leadingIcon: /* @__PURE__ */ i(m, {}),
-    title: o.displayName,
-    trailingSlot: /* @__PURE__ */ i(e, {
-      "aria-label": r(l.navigateAriaLabel, {
-        displayName: o.displayName
-      }),
-      disabled: t,
-      icon: a,
-      size: "x-small"
-    })
-  });
+import { useConsumerState as e } from "../../contexts/hooks.js";
+import { t } from "../../../../chunks/browser-row.js";
+import { messages as n } from "./messages.js";
+import { IconButton as r } from "@box/blueprint-web";
+import { useIntl as i } from "react-intl";
+import { jsx as a } from "react/jsx-runtime";
+import { ChevronRight as o, Folder as s } from "@box/blueprint-web-assets/icons/Medium";
+function c({ namespace: c }) {
+	let { formatMessage: l } = i(), { isDisabled: u } = e();
+	return /* @__PURE__ */ a(t, {
+		id: c.id,
+		leadingIcon: /* @__PURE__ */ a(s, {}),
+		title: c.displayName,
+		trailingSlot: /* @__PURE__ */ a(r, {
+			"aria-label": l(n.navigateAriaLabel, { displayName: c.displayName }),
+			disabled: u,
+			icon: o,
+			size: "x-small"
+		})
+	});
 }
-export {
-  w as NamespaceRow
-};
+export { c as NamespaceRow };

package/dist/esm/lib/components/search-list/index.js

@@ -1,4 +1,2 @@
-import { SearchList as o } from "./search-list.js";
-export {
-  o as SearchList
-};
+import { SearchList as e } from "./search-list.js";
+export { e as SearchList };

package/dist/esm/lib/components/search-list/messages.js

@@ -1,22 +1,20 @@
 import { defineMessages as e } from "react-intl";
-const t = e({
-  listAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.searchList.listAriaLabel",
-    defaultMessage: "Search results"
-  },
-  emptyStateHeading: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.searchList.emptyStateHeading",
-    defaultMessage: "We couldn't find what you're looking for"
-  },
-  emptyStateBody: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.searchList.emptyStateBody",
-    defaultMessage: "Try using simpler search terms and then filtering the results."
-  },
-  searchErrorBody: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.searchList.searchErrorBody",
-    defaultMessage: "Something went wrong while searching."
-  }
+var t = e({
+	listAriaLabel: {
+		id: "groupSharedFeatures.metadataTemplateBrowser.searchList.listAriaLabel",
+		defaultMessage: "Search results"
+	},
+	emptyStateHeading: {
+		id: "groupSharedFeatures.metadataTemplateBrowser.searchList.emptyStateHeading",
+		defaultMessage: "We couldn't find what you're looking for"
+	},
+	emptyStateBody: {
+		id: "groupSharedFeatures.metadataTemplateBrowser.searchList.emptyStateBody",
+		defaultMessage: "Try using simpler search terms and then filtering the results."
+	},
+	searchErrorBody: {
+		id: "groupSharedFeatures.metadataTemplateBrowser.searchList.searchErrorBody",
+		defaultMessage: "Something went wrong while searching."
+	}
 });
-export {
-  t as messages
-};
+export { t as messages };

package/dist/esm/lib/components/search-list/search-list.js

@@ -1,76 +1,54 @@
-import { EmptyState as T, Text as m } from "@box/blueprint-web";
-import { CustomTemplate as E } from "@box/blueprint-web-assets/illustrations/Small";
-import { useCallback as L } from "react";
-import { useIntl as b } from "react-intl";
-import { T as n } from "../../../../chunks/types.js";
-import { messages as o } from "./messages.js";
-import { jsx as r } from "react/jsx-runtime";
-import { useSearchState as R, useBrowseState as w, useBrowserActions as x } from "../../contexts/hooks.js";
-import { TemplateRow as B } from "../template-row/template-row.js";
-import { LoaderSkeleton as I } from "../loader-skeleton/loader-skeleton.js";
-import { ErrorState as k } from "../error-state/error-state.js";
-import { VirtualizedGridList as v } from "../virtualized-grid-list/virtualized-grid-list.js";
-function K({
-  onAction: l,
-  selectedKeys: c
-}) {
-  const {
-    formatMessage: e
-  } = b(), {
-    searchResults: a,
-    searchNextMarker: p,
-    isFetchingSearch: d,
-    searchError: h
-  } = R(), {
-    isFetchingMore: f,
-    loadMoreError: u
-  } = w(), {
-    loadMore: i,
-    retry: S,
-    editTemplate: s
-  } = x(), y = p !== void 0, M = L((t) => /* @__PURE__ */ r(B, {
-    onEdit: s,
-    template: t.template,
-    variant: n.Search
-  }), [s]);
-  if (d)
-    return /* @__PURE__ */ r(I, {});
-  if (h !== null)
-    return /* @__PURE__ */ r(k, {
-      body: e(o.searchErrorBody),
-      onRetry: S
-    });
-  if (a.length === 0)
-    return /* @__PURE__ */ r(T, {
-      body: /* @__PURE__ */ r(m, {
-        as: "p",
-        children: e(o.emptyStateBody)
-      }),
-      heading: /* @__PURE__ */ r(m, {
-        as: "p",
-        children: e(o.emptyStateHeading)
-      }),
-      illustration: E,
-      size: "small"
-    });
-  const g = a.map((t) => ({
-    id: t.id,
-    template: t
-  }));
-  return /* @__PURE__ */ r(v, {
-    ariaLabel: e(o.listAriaLabel),
-    isFetchingMore: f,
-    items: g,
-    listType: n.Search,
-    loadMoreError: u,
-    onAction: l,
-    hasMoreItems: y,
-    onLoadMore: i,
-    onRetry: i,
-    selectedKeys: c,
-    children: M
-  });
+import { useBrowseState as e, useBrowserActions as t, useSearchState as n } from "../../contexts/hooks.js";
+import { t as r } from "../../../../chunks/types.js";
+import { ErrorState as i } from "../error-state/error-state.js";
+import { t as a } from "../../../../chunks/loader-skeleton.js";
+import { TemplateRow as o } from "../template-row/template-row.js";
+import { t as s } from "../../../../chunks/virtualized-grid-list.js";
+import { messages as c } from "./messages.js";
+import { EmptyState as l, Text as u } from "@box/blueprint-web";
+import { useIntl as d } from "react-intl";
+import { useCallback as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { CustomTemplate as m } from "@box/blueprint-web-assets/illustrations/Small";
+function h({ onAction: h, selectedKeys: g }) {
+	let { formatMessage: _ } = d(), { searchResults: v, searchNextMarker: y, isFetchingSearch: b, searchError: x } = n(), { isFetchingMore: S, loadMoreError: C } = e(), { loadMore: w, retry: T, editTemplate: E } = t(), D = y !== void 0, O = f((e) => /* @__PURE__ */ p(o, {
+		onEdit: E,
+		template: e.template,
+		variant: r.Search
+	}), [E]);
+	if (b) return /* @__PURE__ */ p(a, {});
+	if (x !== null) return /* @__PURE__ */ p(i, {
+		body: _(c.searchErrorBody),
+		onRetry: T
+	});
+	if (v.length === 0) return /* @__PURE__ */ p(l, {
+		body: /* @__PURE__ */ p(u, {
+			as: "p",
+			children: _(c.emptyStateBody)
+		}),
+		heading: /* @__PURE__ */ p(u, {
+			as: "p",
+			children: _(c.emptyStateHeading)
+		}),
+		illustration: m,
+		size: "small"
+	});
+	let k = v.map((e) => ({
+		id: e.id,
+		template: e
+	}));
+	return /* @__PURE__ */ p(s, {
+		ariaLabel: _(c.listAriaLabel),
+		isFetchingMore: S,
+		items: k,
+		listType: r.Search,
+		loadMoreError: C,
+		onAction: h,
+		hasMoreItems: D,
+		onLoadMore: w,
+		onRetry: w,
+		selectedKeys: g,
+		children: O
+	});
 }
-export {
-  K as SearchList
-};
+export { h as SearchList };

package/dist/esm/lib/components/template-row/index.js

@@ -1,4 +1,2 @@
-import { TemplateRow as m } from "./template-row.js";
-export {
-  m as TemplateRow
-};
+import { TemplateRow as e } from "./template-row.js";
+export { e as TemplateRow };

package/dist/esm/lib/components/template-row/messages.js

@@ -1,10 +1,6 @@
 import { defineMessages as e } from "react-intl";
-const t = e({
-  editAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.templateRow.editAriaLabel",
-    defaultMessage: "Edit {displayName}"
-  }
-});
-export {
-  t as messages
-};
+var t = e({ editAriaLabel: {
+	id: "groupSharedFeatures.metadataTemplateBrowser.templateRow.editAriaLabel",
+	defaultMessage: "Edit {displayName}"
+} });
+export { t as messages };

package/dist/esm/lib/components/template-row/template-row.js

@@ -1,70 +1,49 @@
-import { IconButton as m, Text as c } from "@box/blueprint-web";
-import { Pencil as p } from "@box/blueprint-web-assets/icons/Fill";
-import { Metadata as f } from "@box/blueprint-web-assets/icons/Medium";
-import { useCallback as h, Fragment as u } from "react";
-import { useIntl as g } from "react-intl";
-import { T as v } from "../../../../chunks/types.js";
-import { messages as b } from "./messages.js";
-import { jsx as i, jsxs as x } from "react/jsx-runtime";
-import { useConsumerState as y } from "../../contexts/hooks.js";
-import { BrowserRow as S } from "../browser-row/browser-row.js";
-const w = (o) => {
-  if (!o.ancestors || o.ancestors.length === 0)
-    return;
-  const n = o.ancestors.length - 1;
-  return o.ancestors.map((r, a) => /* @__PURE__ */ x(u, {
-    children: [a > 0 && /* @__PURE__ */ i(c, {
-      "aria-hidden": "true",
-      as: "span",
-      color: "textOnLightSecondary",
-      variant: "caption",
-      children: " / "
-    }), /* @__PURE__ */ i(c, {
-      as: "span",
-      color: "textOnLightSecondary",
-      variant: a === n ? "captionBold" : "caption",
-      children: r.displayName
-    })]
-  }, r.fqn));
+import { useConsumerState as e } from "../../contexts/hooks.js";
+import { t } from "../../../../chunks/types.js";
+import { t as n } from "../../../../chunks/browser-row.js";
+import { messages as r } from "./messages.js";
+import { IconButton as i, Text as a } from "@box/blueprint-web";
+import { useIntl as o } from "react-intl";
+import { Fragment as s, useCallback as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Metadata as d } from "@box/blueprint-web-assets/icons/Medium";
+import { Pencil as f } from "@box/blueprint-web-assets/icons/Fill";
+var p = (e) => {
+	if (!e.ancestors || e.ancestors.length === 0) return;
+	let t = e.ancestors.length - 1;
+	return e.ancestors.map((e, n) => /* @__PURE__ */ u(s, { children: [n > 0 && /* @__PURE__ */ l(a, {
+		"aria-hidden": "true",
+		as: "span",
+		color: "textOnLightSecondary",
+		variant: "caption",
+		children: " / "
+	}), /* @__PURE__ */ l(a, {
+		as: "span",
+		color: "textOnLightSecondary",
+		variant: n === t ? "captionBold" : "caption",
+		children: e.displayName
+	})] }, e.fqn));
 };
-function j({
-  template: o,
-  variant: n,
-  onEdit: r
-}) {
-  const {
-    formatMessage: a
-  } = g(), {
-    isDisabled: d
-  } = y(), l = h((t) => {
-    t.stopPropagation(), r(o.id);
-  }, [r, o.id]), s = n === v.Search, e = !!o.canEdit;
-  return /* @__PURE__ */ i(S, {
-    id: o.id,
-    isTrailingSlotHoverOnly: e,
-    leadingIcon: s ? void 0 : /* @__PURE__ */ i(f, {}),
-    subtitle: s ? w(o) : void 0,
-    title: o.displayName,
-    trailingSlot: e ? (
-      // onPointerDown stops React Aria from registering a press on the
-      // GridListItem — without it, the onSelectionChange bridge in
-      // VirtualizedGridList routes the click through onAction even though
-      // onClick.stopPropagation() is called (pointer events fire first).
-      /* @__PURE__ */ i("div", {
-        onPointerDown: (t) => t.stopPropagation(),
-        children: /* @__PURE__ */ i(m, {
-          "aria-label": a(b.editAriaLabel, {
-            displayName: o.displayName
-          }),
-          disabled: d,
-          icon: p,
-          onClick: l,
-          size: "x-small"
-        })
-      })
-    ) : void 0
-  });
+function m({ template: a, variant: s, onEdit: u }) {
+	let { formatMessage: m } = o(), { isDisabled: h } = e(), g = c((e) => {
+		e.stopPropagation(), u(a.id);
+	}, [u, a.id]), _ = s === t.Search, v = !!a.canEdit;
+	return /* @__PURE__ */ l(n, {
+		id: a.id,
+		isTrailingSlotHoverOnly: v,
+		leadingIcon: _ ? void 0 : /* @__PURE__ */ l(d, {}),
+		subtitle: _ ? p(a) : void 0,
+		title: a.displayName,
+		trailingSlot: v ? /* @__PURE__ */ l("div", {
+			onPointerDown: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ l(i, {
+				"aria-label": m(r.editAriaLabel, { displayName: a.displayName }),
+				disabled: h,
+				icon: f,
+				onClick: g,
+				size: "x-small"
+			})
+		}) : void 0
+	});
 }
-export {
-  j as TemplateRow
-};
+export { m as TemplateRow };

package/dist/esm/lib/components/virtualized-grid-list/grid-list-load-more-sentinel.js

@@ -1,49 +1,2 @@
-import { useRef as f, useEffect as p } from "react";
-import { GridListItem as L } from "react-aria-components";
-import { useIntl as A } from "react-intl";
-import { LOAD_MORE_SENTINEL_ID as h } from "../../constants.js";
-import { messages as E } from "./messages.js";
-import { jsx as _ } from "react/jsx-runtime";
-import '../../../../styles/grid-list-load-more-sentinel.css';const I = "_sentinel_im31a_1", b = {
-  sentinel: I
-};
-function D({
-  onLoadMore: r,
-  scrollContainerRef: n
-}) {
-  const s = f(r);
-  s.current = r;
-  const {
-    formatMessage: c
-  } = A(), m = c(E.loadMoreSentinelAriaLabel);
-  return p(() => {
-    const e = n.current;
-    let t, i = !1;
-    const o = () => {
-      if (!e || i)
-        return;
-      const {
-        scrollTop: u,
-        scrollHeight: d,
-        clientHeight: a
-      } = e;
-      d - u - a <= a && (i = !0, s.current());
-    }, l = () => {
-      cancelAnimationFrame(t), t = requestAnimationFrame(o);
-    };
-    return e?.addEventListener("scroll", l, {
-      passive: !0
-    }), t = requestAnimationFrame(o), () => {
-      e?.removeEventListener("scroll", l), cancelAnimationFrame(t);
-    };
-  }, [n]), /* @__PURE__ */ _(L, {
-    "aria-hidden": "true",
-    className: b.sentinel,
-    id: h,
-    isDisabled: !0,
-    textValue: m
-  });
-}
-export {
-  D as GridListLoadMoreSentinel
-};
+import { t as e } from "../../../../chunks/grid-list-load-more-sentinel.js";
+export { e as GridListLoadMoreSentinel };

package/dist/esm/lib/components/virtualized-grid-list/index.js

@@ -1,4 +1,2 @@
-import { VirtualizedGridList as t } from "./virtualized-grid-list.js";
-export {
-  t as VirtualizedGridList
-};
+import { t as e } from "../../../../chunks/virtualized-grid-list.js";
+export { e as VirtualizedGridList };

package/dist/esm/lib/components/virtualized-grid-list/messages.js

@@ -1,10 +1,6 @@
 import { defineMessages as e } from "react-intl";
-const r = e({
-  loadMoreSentinelAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateBrowser.virtualizedGridList.loadMoreSentinelAriaLabel",
-    defaultMessage: "Load more items"
-  }
-});
-export {
-  r as messages
-};
+var t = e({ loadMoreSentinelAriaLabel: {
+	id: "groupSharedFeatures.metadataTemplateBrowser.virtualizedGridList.loadMoreSentinelAriaLabel",
+	defaultMessage: "Load more items"
+} });
+export { t as messages };

package/dist/esm/lib/components/virtualized-grid-list/virtualized-grid-list.js

@@ -1,66 +1,2 @@
-import { useMemo as h, useRef as O, useCallback as f } from "react";
-import { ListLayout as T, Virtualizer as w, GridList as C, Collection as M } from "react-aria-components";
-import { LOAD_MORE_ERROR_ROW_ID as G } from "../../constants.js";
-import { T as H } from "../../../../chunks/types.js";
-import { GridListLoadMoreSentinel as A } from "./grid-list-load-more-sentinel.js";
-import { jsx as t, jsxs as D } from "react/jsx-runtime";
-import { useConsumerState as I } from "../../contexts/hooks.js";
-import { LoadMoreLoadingRow as W } from "../load-more-feedback/load-more-loading-row.js";
-import { LoadMoreErrorRow as b } from "../load-more-feedback/load-more-error-row.js";
-import '../../../../styles/virtualized-grid-list.css';const x = "_list_dukvn_1", V = {
-  list: x
-}, j = 40, k = 58, v = 2;
-function Y({
-  ariaLabel: d,
-  items: R,
-  onAction: e,
-  children: _,
-  onLoadMore: L,
-  hasMoreItems: p,
-  isFetchingMore: l,
-  loadMoreError: a,
-  onRetry: i,
-  selectedKeys: r,
-  listType: m
-}) {
-  const {
-    isDisabled: n
-  } = I(), E = h(() => new T({
-    estimatedRowHeight: m === H.Browse ? j : k,
-    gap: v
-  }), [m]), c = O(null), u = f((o) => {
-    if (o === G) {
-      n || i();
-      return;
-    }
-    e(o);
-  }, [n, e, i]), S = f((o) => {
-    if (o === "all")
-      return;
-    const [s] = o;
-    s !== void 0 && !r.has(String(s)) && u(s);
-  }, [u, r]), g = p && !l && a === null && !n;
-  return /* @__PURE__ */ t(w, {
-    layout: E,
-    children: /* @__PURE__ */ D(C, {
-      ref: c,
-      "aria-label": d,
-      className: V.list,
-      onSelectionChange: S,
-      selectedKeys: r,
-      selectionMode: "single",
-      children: [/* @__PURE__ */ t(M, {
-        items: R,
-        children: _
-      }), l && /* @__PURE__ */ t(W, {}), a !== null && /* @__PURE__ */ t(b, {
-        onRetry: i
-      }), g && /* @__PURE__ */ t(A, {
-        onLoadMore: L,
-        scrollContainerRef: c
-      })]
-    })
-  });
-}
-export {
-  Y as VirtualizedGridList
-};
+import { t as e } from "../../../../chunks/virtualized-grid-list.js";
+export { e as VirtualizedGridList };

package/dist/esm/lib/constants.js

@@ -1,14 +1,2 @@
-const _ = "LOAD_MORE_ERROR_ROW_ID", O = "LOAD_MORE_LOADING_ROW_ID", R = "LOAD_MORE_SENTINEL_ID", E = 200, s = 500, e = {
-  entries: []
-}, D = {
-  entries: []
-};
-export {
-  _ as LOAD_MORE_ERROR_ROW_ID,
-  O as LOAD_MORE_LOADING_ROW_ID,
-  R as LOAD_MORE_SENTINEL_ID,
-  E as PAGE_SIZE,
-  s as SEARCH_DEBOUNCE_MS,
-  e as emptyNamespacesResponse,
-  D as emptyTemplatesResponse
-};
+var e = "LOAD_MORE_ERROR_ROW_ID", t = "LOAD_MORE_LOADING_ROW_ID", n = "LOAD_MORE_SENTINEL_ID", r = 200, i = 500, a = { entries: [] }, o = { entries: [] };
+export { e as LOAD_MORE_ERROR_ROW_ID, t as LOAD_MORE_LOADING_ROW_ID, n as LOAD_MORE_SENTINEL_ID, r as PAGE_SIZE, i as SEARCH_DEBOUNCE_MS, a as emptyNamespacesResponse, o as emptyTemplatesResponse };