@box/metadata-editor 0.51.1 → 0.52.0

package/esm/lib/components/metadata-taxonomy-field/combobox-with-api-pagination.js

@@ -1,188 +0,0 @@
-import "../../../../styles/combobox-with-api-pagination.css";
-import { ComboboxItemValue as q } from "@ariakit/react";
-import { Combobox as u, LoadingIndicator as H, InlineNotice as J, Text as K } from "@box/blueprint-web";
-import { Search as Q, Loader as X } from "@box/blueprint-web-assets/icons/Fill";
-import { IconIconOnLightSecondary as Y, Size6 as C, Size1 as Z } from "@box/blueprint-web-assets/tokens/tokens";
-import { useRef as I, useCallback as $, useState as oo, useMemo as y, useEffect as M, forwardRef as eo } from "react";
-import { useIntl as V, FormattedMessage as T } from "react-intl";
-import i from "./messages.js";
-import { useAsyncList as to } from "./use-async-list.js";
-import { useTrackVisibility as ro } from "./utils/use-intersection-observer.js";
-import { jsx as r, jsxs as N, Fragment as no } from "react/jsx-runtime";
-const io = "_container_16dlc_1", so = "_highlightOptionText_16dlc_7", ao = "_option_16dlc_20", lo = "_errorComboboxOption_16dlc_24", co = "_errorComboboxOptionText_16dlc_29", d = {
-  container: io,
-  highlightOptionText: so,
-  option: ao,
-  errorComboboxOption: lo,
-  errorComboboxOptionText: co
-}, S = /* @__PURE__ */ eo(({
-  onTryAgain: p
-}, m) => {
-  const {
-    formatMessage: h
-  } = V();
-  return /* @__PURE__ */ N(no, {
-    children: [/* @__PURE__ */ r(J, {
-      variant: "error",
-      variantIconAriaLabel: h(i.loadingResultsErrorIconLabel),
-      children: /* @__PURE__ */ r(T, {
-        ...i.loadingResultsErrorMessage
-      })
-    }), /* @__PURE__ */ r(u.Option, {
-      ref: m,
-      className: d.errorComboboxOption,
-      onClick: p,
-      children: /* @__PURE__ */ N(K, {
-        as: "span",
-        className: d.errorComboboxOptionText,
-        color: "textOnLightLink",
-        variant: "bodyDefaultBold",
-        children: [/* @__PURE__ */ r(T, {
-          ...i.loadingResultsErrorAction
-        }), /* @__PURE__ */ r(X, {
-          color: "currentColor",
-          height: "12px",
-          width: "12px"
-        })]
-      })
-    })]
-  });
-}), _ = "__LOADING__", R = "__LOADING_ERROR__", uo = "0px 0px 20px 0px", po = /* @__PURE__ */ r(Q, {
-  color: Y,
-  height: C,
-  role: "presentation",
-  style: {
-    padding: Z,
-    boxSizing: "border-box"
-  },
-  width: C
-}), Eo = (p) => {
-  const {
-    defaultFetcher: m,
-    searchFetcher: h,
-    onInputValueChange: f,
-    value: D,
-    noResultMessage: F,
-    loadingAriaLabel: k,
-    multiselect: g = !1,
-    ...P
-  } = p, {
-    formatMessage: a
-  } = V(), b = I(null), o = to({
-    async load({
-      marker: t,
-      searchInput: e,
-      signal: v
-    }) {
-      const c = await (e === "" ? m : h)({
-        signal: v,
-        marker: t,
-        searchInput: e
-      });
-      return {
-        items: c.options,
-        marker: c.marker
-      };
-    }
-  }), A = I(!1), w = $(() => {
-    A.current || (o.reload(), A.current = !0);
-  }, []), [n, L] = oo(D), x = y(() => Array.isArray(n) ? n.filter((t) => !o.items.some((e) => e.value === t.value)) : [], [n, o.items]), B = (t) => {
-    const {
-      value: e,
-      level: v,
-      ...O
-    } = t;
-    if (e === _)
-      return o.hasNextPage ? /* @__PURE__ */ r(u.Option, {
-        ...O,
-        ref: W,
-        disabled: !0,
-        value: e,
-        children: /* @__PURE__ */ r(H, {
-          "aria-label": a(i.loadingMoreAriaLabel),
-          style: {
-            position: "unset"
-          }
-        })
-      }) : null;
-    if (e === R && o.hasError && !o.isEmpty)
-      return /* @__PURE__ */ r(S, {
-        onTryAgain: () => {
-          var s;
-          o.loadMore(), (s = b.current) == null || s.focus();
-        }
-      });
-    if (x.some((s) => s.value === e))
-      return null;
-    const c = () => n ? Array.isArray(n) ? n.some((s) => s.value === e) : n.value === e : !1;
-    return /* @__PURE__ */ r(u.Option, {
-      ...O,
-      className: d.option,
-      disabled: c(),
-      value: e,
-      children: /* @__PURE__ */ r(q, {
-        className: d.highlightOptionText,
-        value: e
-      })
-    });
-  }, z = (t) => {
-    f == null || f(t), o.search(t);
-  }, G = () => {
-    var t;
-    o.reload(), (t = b.current) == null || t.focus();
-  };
-  let l;
-  o.hasError && !o.isLoading ? l = /* @__PURE__ */ r(S, {
-    onTryAgain: G
-  }) : o.isEmpty && !o.isLoading ? l = F || a(i.noResults) : l = void 0;
-  const [W, {
-    rootRef: j,
-    isVisible: E
-  }] = ro({
-    rootMargin: uo
-  });
-  M(() => {
-    o.searchInput === "" && !g && L(void 0);
-  }, [o.searchInput, g]), M(() => {
-    if (!(E && o.hasNextPage))
-      return;
-    const e = setTimeout(() => {
-      o.loadMore();
-    }, 100);
-    return () => {
-      clearTimeout(e);
-    };
-  }, [E]);
-  const U = y(() => {
-    const t = o.hasNextPage ? {
-      id: _,
-      value: _
-    } : null, e = !t && o.hasError && !o.isEmpty ? {
-      id: R,
-      value: R
-    } : null;
-    return [...o.items, ...x, t, e].filter(Boolean);
-  }, [o.hasNextPage, o.hasError, o.isEmpty, o.items, x]);
-  return /* @__PURE__ */ r(u, {
-    as: "input",
-    ...P,
-    ref: b,
-    clearButtonAriaLabel: a(i.clearButtonAriaLabel),
-    endComboboxIcon: po,
-    focusLoop: !1,
-    getPopoverRef: j,
-    loading: o.isReloading,
-    loadingAriaLabel: k || a(i.loadingAriaLabel),
-    multiselect: g,
-    noResultMessage: l,
-    onFocus: w,
-    onInputValueChange: z,
-    onValueChange: L,
-    options: U,
-    renderOption: B,
-    value: n
-  });
-};
-export {
-  Eo as ComboboxWithApiPagination
-};

package/esm/lib/components/metadata-taxonomy-field/single-level-taxonomy-field.js

@@ -1,19 +0,0 @@
-import { ComboboxWithApiPagination as n } from "./combobox-with-api-pagination.js";
-import { jsx as a } from "react/jsx-runtime";
-const c = (e) => {
-  const {
-    label: o,
-    defaultFetcher: t,
-    searchFetcher: r,
-    ...i
-  } = e;
-  return /* @__PURE__ */ a(n, {
-    ...i,
-    defaultFetcher: t,
-    label: o,
-    searchFetcher: r
-  });
-};
-export {
-  c as SingleLevelTaxonomyField
-};

package/types/lib/components/metadata-taxonomy-field/combobox-with-api-pagination.d.ts

@@ -1,15 +0,0 @@
-import { type ReactElement } from 'react';
-import { type PaginationQueryInput, type TaxonomyComboboxOption, type TaxonomyFetcherResponse } from './types';
-interface ComboboxWithApiPaginationProps {
-    defaultFetcher: (input: PaginationQueryInput) => Promise<TaxonomyFetcherResponse>;
-    searchFetcher?: (input: PaginationQueryInput) => Promise<TaxonomyFetcherResponse>;
-    includeTextInputOption?: boolean;
-    noResultMessage?: ReactElement | string;
-    onInputValueChange?: (inputValue: string) => void;
-    value: TaxonomyComboboxOption | TaxonomyComboboxOption[];
-    label: string;
-    loadingAriaLabel?: string;
-    multiselect?: boolean;
-}
-export declare const ComboboxWithApiPagination: (props: ComboboxWithApiPaginationProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/types/lib/components/metadata-taxonomy-field/types.d.ts

@@ -1,41 +0,0 @@
-import { type ReactElement } from 'react';
-export interface PaginationQueryInput {
-    marker?: string;
-    searchInput?: string;
-    /**
-     * Abort signal that will be used to cancel the request in your fetching function
-     */
-    signal?: AbortSignal;
-}
-export interface TaxonomyResponseOption {
-    displayName: string;
-    id: string;
-    level?: number;
-}
-export interface TaxonomyResponse {
-    marker?: string;
-    options: TaxonomyResponseOption[];
-}
-export interface TaxonomyFetcherResponse {
-    marker?: string;
-    options: TaxonomyComboboxOption[];
-}
-export interface TaxonomyComboboxOption {
-    id: string;
-    value: string;
-    level?: number;
-    parentId?: string;
-    disabled?: boolean;
-}
-export interface SingleLevelTaxonomyFieldProps {
-    defaultOpen?: boolean;
-    experimentalVirtualization?: boolean;
-    multiselect?: boolean;
-    noResultMessage?: ReactElement | string;
-    portalElement?: HTMLElement | (() => HTMLElement);
-    label: string;
-    value: TaxonomyComboboxOption | TaxonomyComboboxOption[];
-    onValueChange: (value: string) => void;
-    defaultFetcher: (input: PaginationQueryInput) => Promise<TaxonomyFetcherResponse>;
-    searchFetcher: (input: PaginationQueryInput) => Promise<TaxonomyFetcherResponse>;
-}