@box/metadata-editor 1.64.4 → 1.64.6

package/dist/esm/lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js

@@ -1,45 +1,33 @@
-import { IconButton as S } from "@box/blueprint-web";
-import { Plus as T } from "@box/blueprint-web-assets/icons/Fill";
-import { Space2 as w } from "@box/blueprint-web-assets/tokens/px-tokens";
-import { useState as y, useMemo as B } from "react";
-import { useIntl as I } from "react-intl";
-import { getTemplateDisplayName as d } from "../../utils/utils.js";
+import { getTemplateDisplayName as e } from "../../utils/utils.js";
 import { FilterDropdownMenu as t } from "../filter-dropdown-menu/index.js";
-import s from "./messages.js";
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-const L = parseInt(w, 10);
-function P({
-  availableTemplates: n,
-  onSelect: p,
-  selectedTemplates: u
-}) {
-  const o = I(), m = o.formatMessage(s.customMetadataName), [r, g] = y(""), i = B(() => n.filter((e) => d(e, m).toLowerCase().includes(r.toLowerCase())), [n, r]), f = r.length > 0 && i.length === 0, h = (e) => u.some((l) => l.scope === e.scope && l.templateKey === e.templateKey), M = (e) => {
-    p(e);
-  };
-  return /* @__PURE__ */ c(t.Root, {
-    resetValueOnHide: !0,
-    setValue: g,
-    children: [/* @__PURE__ */ a(t.Trigger, {
-      triggerButton: /* @__PURE__ */ a(S, {
-        "aria-label": o.formatMessage(s.addMetadataTemplatesTriggerButtonLabel),
-        icon: T,
-        size: "x-small",
-        "data-target-id": "IconButton-addMetadataTemplatesTriggerButtonLabel"
-      })
-    }), /* @__PURE__ */ c(t.Content, {
-      gutter: L,
-      children: [/* @__PURE__ */ a(t.Search, {
-        placeholder: o.formatMessage(s.addMetadataTemplatesSearchPlaceholder)
-      }), /* @__PURE__ */ a(t.List, {
-        children: f ? /* @__PURE__ */ a(t.EmptyState, {}) : i.map((e) => /* @__PURE__ */ a(t.Item, {
-          disabled: h(e),
-          onClick: () => M(e),
-          value: d(e, m)
-        }, e.id))
-      })]
-    })]
-  });
+import n from "./messages.js";
+import { IconButton as r } from "@box/blueprint-web";
+import { Plus as i } from "@box/blueprint-web-assets/icons/Fill";
+import { Space2 as a } from "@box/blueprint-web-assets/tokens/px-tokens";
+import { useMemo as o, useState as s } from "react";
+import { useIntl as c } from "react-intl";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+var d = parseInt(a, 10);
+function f({ availableTemplates: a, onSelect: f, selectedTemplates: p }) {
+	let m = c(), h = m.formatMessage(n.customMetadataName), [g, _] = s(""), v = o(() => a.filter((t) => e(t, h).toLowerCase().includes(g.toLowerCase())), [a, g]), y = g.length > 0 && v.length === 0, b = (e) => p.some((t) => t.scope === e.scope && t.templateKey === e.templateKey), x = (e) => {
+		f(e);
+	};
+	return /* @__PURE__ */ u(t.Root, {
+		resetValueOnHide: !0,
+		setValue: _,
+		children: [/* @__PURE__ */ l(t.Trigger, { triggerButton: /* @__PURE__ */ l(r, {
+			"aria-label": m.formatMessage(n.addMetadataTemplatesTriggerButtonLabel),
+			icon: i,
+			size: "x-small",
+			"data-target-id": "IconButton-addMetadataTemplatesTriggerButtonLabel"
+		}) }), /* @__PURE__ */ u(t.Content, {
+			gutter: d,
+			children: [/* @__PURE__ */ l(t.Search, { placeholder: m.formatMessage(n.addMetadataTemplatesSearchPlaceholder) }), /* @__PURE__ */ l(t.List, { children: y ? /* @__PURE__ */ l(t.EmptyState, {}) : v.map((n) => /* @__PURE__ */ l(t.Item, {
+				disabled: b(n),
+				onClick: () => x(n),
+				value: e(n, h)
+			}, n.id)) })]
+		})]
+	});
 }
-export {
-  P as AddMetadataTemplateDropdown
-};
+export { f as AddMetadataTemplateDropdown };

package/dist/esm/lib/components/add-metadata-template-dropdown/index.js

@@ -1,4 +1,2 @@
 import { AddMetadataTemplateDropdown as e } from "./add-metadata-template-dropdown.js";
-export {
-  e as AddMetadataTemplateDropdown
-};
+export { e as AddMetadataTemplateDropdown };

package/dist/esm/lib/components/add-metadata-template-dropdown/messages.js

@@ -1,18 +1,16 @@
-import { defineMessages as a } from "react-intl";
-const t = a({
-  customMetadataName: {
-    id: "metadataEditor.addMetadataTemplate.customMetadataName",
-    defaultMessage: "Custom Metadata"
-  },
-  addMetadataTemplatesSearchPlaceholder: {
-    id: "metadataEditor.addMetadataTemplate.search.placeholder",
-    defaultMessage: "Search templates"
-  },
-  addMetadataTemplatesTriggerButtonLabel: {
-    id: "metadataEditor.addMetadataTemplate.trigger.label",
-    defaultMessage: "Add template"
-  }
+import { defineMessages as e } from "react-intl";
+var t = e({
+	customMetadataName: {
+		id: "metadataEditor.addMetadataTemplate.customMetadataName",
+		defaultMessage: "Custom Metadata"
+	},
+	addMetadataTemplatesSearchPlaceholder: {
+		id: "metadataEditor.addMetadataTemplate.search.placeholder",
+		defaultMessage: "Search templates"
+	},
+	addMetadataTemplatesTriggerButtonLabel: {
+		id: "metadataEditor.addMetadataTemplate.trigger.label",
+		defaultMessage: "Add template"
+	}
 });
-export {
-  t as default
-};
+export { t as default };

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

@@ -1,205 +1,2 @@
-import { ComboboxItemValue as te } from "@ariakit/react";
-import { Combobox as d, useForkRef as re, LoadingIndicator as ne, InlineNotice as ie, Text as se } from "@box/blueprint-web";
-import { Search as ae, Loader as le } from "@box/blueprint-web-assets/icons/Fill";
-import { Size6 as M, Size1 as ce, IconIconOnLightSecondary as ue } from "@box/blueprint-web-assets/tokens/tokens";
-import V from "clsx";
-import { forwardRef as k, useRef as C, useCallback as de, useMemo as R, useEffect as pe } from "react";
-import { useIntl as F, FormattedMessage as T } from "react-intl";
-import i from "./messages.js";
-import { useAsyncList as me } from "./use-async-list.js";
-import { useControllableState as he } from "./utils/use-controllable-state.js";
-import { useTrackVisibility as fe } from "./utils/use-intersection-observer.js";
-import { jsx as r, jsxs as S, Fragment as ge } from "react/jsx-runtime";
-import '../../../../styles/combobox-with-api-pagination.css';const be = "_disabled_19k3s_8", xe = "_highlightOptionText_19k3s_12", Oe = "_selected_19k3s_24", _e = "_option_19k3s_35", Ce = "_errorComboboxOption_19k3s_39", Re = "_errorComboboxOptionText_19k3s_44", s = {
-  disabled: be,
-  highlightOptionText: xe,
-  selected: Oe,
-  option: _e,
-  errorComboboxOption: Ce,
-  errorComboboxOptionText: Re
-}, N = /* @__PURE__ */ k(({
-  onTryAgain: y
-}, p) => {
-  const {
-    formatMessage: m
-  } = F();
-  return /* @__PURE__ */ S(ge, {
-    children: [/* @__PURE__ */ r(ie, {
-      variant: "error",
-      variantIconAriaLabel: m(i.loadingResultsErrorIconLabel),
-      children: /* @__PURE__ */ r(T, {
-        ...i.loadingResultsErrorMessage
-      })
-    }), /* @__PURE__ */ r(d.Option, {
-      ref: p,
-      className: s.errorComboboxOption,
-      onClick: y,
-      children: /* @__PURE__ */ S(se, {
-        as: "span",
-        className: s.errorComboboxOptionText,
-        color: "textOnLightLink",
-        variant: "bodyDefaultBold",
-        children: [/* @__PURE__ */ r(T, {
-          ...i.loadingResultsErrorAction
-        }), /* @__PURE__ */ r(le, {
-          color: "currentColor",
-          height: "12px",
-          width: "12px"
-        })]
-      })
-    })]
-  });
-}), A = "__LOADING__", L = "__LOADING_ERROR__", Ae = "0px 0px 20px 0px", Le = /* @__PURE__ */ r(ae, {
-  color: ue,
-  height: M,
-  role: "presentation",
-  style: {
-    padding: ce,
-    boxSizing: "border-box"
-  },
-  width: M
-}), De = /* @__PURE__ */ k(function(p, m) {
-  const {
-    defaultFetcher: P,
-    onInputValueChange: D,
-    value: w,
-    onValueChange: B,
-    noResultMessage: W,
-    defaultValue: z = [],
-    loadingAriaLabel: G,
-    multiselect: a = !1,
-    disabled: j,
-    className: U,
-    displaySingleSelectionAsChip: E = !0,
-    ...q
-  } = p, {
-    formatMessage: c
-  } = F(), h = C(null), f = C(!0), e = me({
-    async load({
-      marker: o,
-      searchInput: t,
-      signal: O
-    }) {
-      const l = await P({
-        signal: O,
-        marker: o,
-        searchInput: t
-      });
-      return {
-        items: l.options,
-        marker: l.marker
-      };
-    }
-  }), v = C(!1), H = de(() => {
-    v.current || (e.reload(), v.current = !0);
-  }, []), [n, g] = he({
-    prop: w,
-    defaultProp: z,
-    onChange: B
-  }), b = !a && n.length === 1, J = (o) => {
-    o === void 0 ? (g([]), (!f.current || !E) && (e.search(""), f.current = !0)) : Array.isArray(o) ? g(o) : g([o]);
-  }, K = R(() => n.length === 0 ? a ? [] : void 0 : a ? n : n[0], [a, n]), x = R(() => n.filter((o) => !e.items.some((t) => t.value === o.value)), [n, e.items]), Q = (o) => {
-    const {
-      value: t,
-      displayValue: O,
-      ...l
-    } = o;
-    if (t === A)
-      return e.hasNextPage ? /* @__PURE__ */ r(d.Option, {
-        ...l,
-        ref: Z,
-        disabled: !0,
-        value: t,
-        children: /* @__PURE__ */ r(ne, {
-          "aria-label": c(i.loadingMoreAriaLabel),
-          style: {
-            position: "unset"
-          }
-        })
-      }) : null;
-    if (t === L && e.hasError && !e.isEmpty)
-      return /* @__PURE__ */ r(N, {
-        onTryAgain: () => {
-          e.loadMore(), h.current?.focus();
-        }
-      });
-    if (x.some((_) => _.value === t))
-      return null;
-    const oe = n.some((_) => _.value === t);
-    return /* @__PURE__ */ r(d.Option, {
-      ...l,
-      className: s.option,
-      value: t,
-      children: /* @__PURE__ */ r(te, {
-        className: V(s.highlightOptionText, oe && s.selected),
-        value: O || t
-      })
-    });
-  }, X = (o) => {
-    if (D?.(o), b && o === "") {
-      f.current = !1;
-      return;
-    }
-    e.search(o);
-  }, Y = () => {
-    e.reload(), h.current?.focus();
-  };
-  let u;
-  e.hasError && !e.isLoading ? u = /* @__PURE__ */ r(N, {
-    onTryAgain: Y
-  }) : e.isEmpty && !e.isLoading ? u = W || c(i.noResults) : u = void 0;
-  const [Z, {
-    rootRef: $,
-    isVisible: I
-  }] = fe({
-    rootMargin: Ae
-  });
-  pe(() => {
-    if (!(I && e.hasNextPage))
-      return;
-    const t = setTimeout(() => {
-      e.loadMore();
-    }, 100);
-    return () => {
-      clearTimeout(t);
-    };
-  }, [I]);
-  const ee = R(() => {
-    const o = e.hasNextPage ? {
-      displayValue: A,
-      value: A
-    } : null, t = !o && e.hasError && !e.isEmpty ? {
-      displayValue: L,
-      value: L
-    } : null;
-    return [...e.items, ...x, o, t].filter(Boolean);
-  }, [e.hasNextPage, e.hasError, e.isEmpty, e.items, x]);
-  return /* @__PURE__ */ r(d, {
-    as: "input",
-    ...q,
-    ref: re(h, m),
-    className: V({
-      [s.disabled]: b
-    }, U),
-    clearButtonAriaLabel: c(i.clearButtonAriaLabel),
-    disabled: j || b,
-    displaySingleSelectionAsChip: E,
-    displayValue: (o) => o.displayValue || o.value,
-    endComboboxIcon: Le,
-    focusLoop: !1,
-    getPopoverRef: $,
-    loading: e.isReloading,
-    loadingAriaLabel: G || c(i.loadingAriaLabel),
-    multiselect: a,
-    noResultMessage: u,
-    onFocus: H,
-    onInputValueChange: X,
-    onValueChange: J,
-    options: ee,
-    renderOption: Q,
-    value: K
-  });
-});
-export {
-  De as ComboboxWithApiPagination
-};
+import { t as e } from "../../../../chunks/combobox-with-api-pagination.js";
+export { e as ComboboxWithApiPagination };

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

@@ -1,4 +1,2 @@
-import { ComboboxWithApiPagination as t } from "./combobox-with-api-pagination.js";
-export {
-  t as ComboboxWithApiPagination
-};
+import { t as e } from "../../../../chunks/combobox-with-api-pagination.js";
+export { e as ComboboxWithApiPagination };

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