@box/metadata-editor 1.4.3 → 1.5.1

package/dist/chunks/filter-dropdown-menu.module.js

@@ -1,4 +1,4 @@
-import '../styles/filter-dropdown-menu.css';const c = "_content_fupgp_1", e = "_scrollableContainer_fupgp_20", o = "_item_fupgp_25", t = "_option_fupgp_35", n = "_search_fupgp_56", _ = "_searchIcon_fupgp_61", a = "_global_fupgp_70", p = "_clearSearchIcon_fupgp_75", r = "_searchInput_fupgp_83", s = "_firefoxDefaultOpacityFix_fupgp_115", i = "_divider_fupgp_133", l = "_searchDivider_fupgp_137", f = {
+import '../styles/filter-dropdown-menu.css';const c = "_content_2vpjl_2", e = "_scrollableContainer_2vpjl_21", o = "_item_2vpjl_26", t = "_option_2vpjl_36", n = "_search_2vpjl_57", _ = "_searchIcon_2vpjl_62", a = "_global_2vpjl_71", l = "_clearSearchIcon_2vpjl_76", r = "_searchInput_2vpjl_84", s = "_firefoxDefaultOpacityFix_2vpjl_116", i = "_divider_2vpjl_134", p = "_searchDivider_2vpjl_138", v = {
   content: c,
   scrollableContainer: e,
   item: o,
@@ -6,12 +6,12 @@ import '../styles/filter-dropdown-menu.css';const c = "_content_fupgp_1", e = "_
   search: n,
   searchIcon: _,
   global: a,
-  clearSearchIcon: p,
+  clearSearchIcon: l,
   searchInput: r,
   firefoxDefaultOpacityFix: s,
   divider: i,
-  searchDivider: l
+  searchDivider: p
 };
 export {
-  f as s
+  v as s
 };

package/dist/chunks/taxonomy-ancestor-status-pill.js

@@ -5,7 +5,7 @@ import { useState as s } from "react";
 import { useIntl as B, FormattedMessage as _ } from "react-intl";
 import a from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/messages.js";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import '../styles/taxonomy-ancestor-status-pill.css';const N = "_popoverContentContainer_1heyb_1", w = "_popoverMainContent_1heyb_6", E = "_loadingIndicatorWrapper_1heyb_10", D = "_errorMessageWrapper_1heyb_17", P = "_errorMessageWrapperText_1heyb_22", R = "_container_1heyb_30", k = "_taxonomyAncestorTable_1heyb_36", K = "_taxonomyValueGroup_1heyb_79", G = "_taxonomyValueButton_1heyb_84", O = "_taxonomyValueLabel_1heyb_94", n = {
+import '../styles/taxonomy-ancestor-status-pill.css';const N = "_popoverContentContainer_1vfhn_2", w = "_popoverMainContent_1vfhn_7", E = "_loadingIndicatorWrapper_1vfhn_11", D = "_errorMessageWrapper_1vfhn_18", P = "_errorMessageWrapperText_1vfhn_23", R = "_container_1vfhn_31", k = "_taxonomyAncestorTable_1vfhn_37", K = "_taxonomyValueGroup_1vfhn_80", G = "_taxonomyValueButton_1vfhn_85", O = "_taxonomyValueLabel_1vfhn_95", r = {
   popoverContentContainer: N,
   popoverMainContent: w,
   loadingIndicatorWrapper: E,
@@ -18,57 +18,57 @@ import '../styles/taxonomy-ancestor-status-pill.css';const N = "_popoverContentC
   taxonomyValueLabel: O
 }, j = {
   right: 24
-}, S = (r) => {
-  r.stopPropagation();
-}, z = (r) => {
-  (r.key === "ArrowLeft" || r.key === "ArrowRight") && r.stopPropagation();
+}, S = (n) => {
+  n.stopPropagation();
+}, z = (n) => {
+  (n.key === "ArrowLeft" || n.key === "ArrowRight") && n.stopPropagation();
 };
 function Y({
-  taxonomyNodeFetcher: r,
-  scope: b,
-  taxonomyKey: v,
+  taxonomyNodeFetcher: n,
+  scope: y,
+  taxonomyKey: f,
   value: x,
   displayValue: c
 }) {
   const {
     formatMessage: i
-  } = B(), [C, f] = s([]), [p, d] = s(!1), [m, y] = s(!1), [M, g] = s(!1), L = V(C, (o) => o.level), h = async () => {
-    d(!0), y(!1), g(!0);
+  } = B(), [C, b] = s([]), [p, d] = s(!1), [m, g] = s(!1), [M, h] = s(!1), L = V(C, (o) => o.level), v = async () => {
+    d(!0), g(!1), h(!0);
     try {
-      const o = await r(b, v, x);
-      f(o);
+      const o = await n(y, f, x);
+      b(o);
     } catch {
-      y(!0);
+      g(!0);
     } finally {
       d(!1);
     }
   };
   return /* @__PURE__ */ l(t.Root, {
-    onOpenChange: g,
+    onOpenChange: h,
     open: M,
     children: [/* @__PURE__ */ e(t.Trigger, {
       children: /* @__PURE__ */ e(u.ChipButton, {
         "aria-checked": void 0,
-        className: n.taxonomyValueButton,
-        disabled: !r,
-        onClick: h,
+        className: r.taxonomyValueButton,
+        disabled: !n,
+        onClick: v,
         onKeyDown: z,
         role: void 0,
         value: c,
         children: /* @__PURE__ */ e(u.Label, {
-          className: n.taxonomyValueLabel,
+          className: r.taxonomyValueLabel,
           children: c
         })
       })
     }), /* @__PURE__ */ e(t.ContentContainer, {
       align: "start",
-      className: n.popoverContentContainer,
+      className: r.popoverContentContainer,
       collisionPadding: j,
       onEscapeKeyDown: S,
       children: /* @__PURE__ */ l(t.MainContent, {
-        className: n.popoverMainContent,
+        className: r.popoverMainContent,
         children: [m && /* @__PURE__ */ l("div", {
-          className: n.errorMessageWrapper,
+          className: r.errorMessageWrapper,
           children: [/* @__PURE__ */ e(A, {
             variant: "error",
             variantIconAriaLabel: i(a.loadingResultsErrorIconLabel),
@@ -76,20 +76,20 @@ function Y({
               ...a.loadingResultsErrorMessage
             })
           }), /* @__PURE__ */ e(T, {
-            className: n.errorMessageWrapperText,
+            className: r.errorMessageWrapperText,
             icon: W,
-            onClick: h,
+            onClick: v,
             "data-target-id": "TextButton-loadingResultsErrorAction",
             children: i(a.loadingResultsErrorAction)
           })]
         }), p && /* @__PURE__ */ e("div", {
-          className: n.loadingIndicatorWrapper,
+          className: r.loadingIndicatorWrapper,
           children: /* @__PURE__ */ e(I, {
             "aria-label": i(a.loadingAriaLabel),
             size: "large"
           })
         }), !m && !p && /* @__PURE__ */ e("table", {
-          className: n.taxonomyAncestorTable,
+          className: r.taxonomyAncestorTable,
           children: /* @__PURE__ */ e("tbody", {
             children: L.map((o) => /* @__PURE__ */ l("tr", {
               children: [/* @__PURE__ */ e("th", {
@@ -109,5 +109,5 @@ function Y({
 }
 export {
   Y as T,
-  n as s
+  r as s
 };

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

@@ -3,23 +3,23 @@ import { Combobox as m, useForkRef as re, LoadingIndicator as ne, InlineNotice a
 import { Search as ae, Loader as le } from "@box/blueprint-web-assets/icons/Fill";
 import { IconIconOnLightSecondary as ce, Size6 as T, Size1 as ue } from "@box/blueprint-web-assets/tokens/tokens";
 import S from "clsx";
-import { forwardRef as F, useRef as v, useCallback as de, useMemo as R, useEffect as me } from "react";
+import { forwardRef as F, useRef as C, useCallback as de, useMemo as A, useEffect as me } from "react";
 import { useIntl as P, FormattedMessage as V } from "react-intl";
 import i from "./messages.js";
 import { useAsyncList as pe } 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 N, Fragment as ge } from "react/jsx-runtime";
-import '../../../../styles/combobox-with-api-pagination.css';const be = "_container_syvk5_1", xe = "_disabled_syvk5_7", _e = "_highlightOptionText_syvk5_11", Oe = "_selected_syvk5_23", ye = "_option_syvk5_34", ve = "_errorComboboxOption_syvk5_38", Re = "_errorComboboxOptionText_syvk5_43", a = {
+import '../../../../styles/combobox-with-api-pagination.css';const be = "_container_19k3s_2", xe = "_disabled_19k3s_8", _e = "_highlightOptionText_19k3s_12", Oe = "_selected_19k3s_24", Re = "_option_19k3s_35", Ce = "_errorComboboxOption_19k3s_39", Ae = "_errorComboboxOptionText_19k3s_44", a = {
   container: be,
   disabled: xe,
   highlightOptionText: _e,
   selected: Oe,
-  option: ye,
-  errorComboboxOption: ve,
-  errorComboboxOptionText: Re
+  option: Re,
+  errorComboboxOption: Ce,
+  errorComboboxOptionText: Ae
 }, k = /* @__PURE__ */ F(({
-  onTryAgain: L
+  onTryAgain: E
 }, p) => {
   const {
     formatMessage: h
@@ -34,7 +34,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     }), /* @__PURE__ */ r(m.Option, {
       ref: p,
       className: a.errorComboboxOption,
-      onClick: L,
+      onClick: E,
       children: /* @__PURE__ */ N(se, {
         as: "span",
         className: a.errorComboboxOptionText,
@@ -50,7 +50,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
       })
     })]
   });
-}), C = "__LOADING__", A = "__LOADING_ERROR__", Ce = "0px 0px 20px 0px", Ae = /* @__PURE__ */ r(ae, {
+}), L = "__LOADING__", y = "__LOADING_ERROR__", Le = "0px 0px 20px 0px", ye = /* @__PURE__ */ r(ae, {
   color: ce,
   height: T,
   role: "presentation",
@@ -71,18 +71,18 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     multiselect: l = !1,
     disabled: j,
     className: U,
-    displaySingleSelectionAsChip: E = !0,
+    displaySingleSelectionAsChip: v = !0,
     ...q
   } = p, {
     formatMessage: u
-  } = P(), g = v(null), b = v(!0), e = pe({
+  } = P(), g = C(null), b = C(!0), e = pe({
     async load({
       marker: o,
       searchInput: t,
-      signal: y
+      signal: R
     }) {
       const c = await D({
-        signal: y,
+        signal: R,
         marker: o,
         searchInput: t
       });
@@ -91,21 +91,21 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
         marker: c.marker
       };
     }
-  }), I = v(!1), H = de(() => {
+  }), I = C(!1), H = de(() => {
     I.current || (e.reload(), I.current = !0);
   }, []), [n, x] = he({
     prop: w,
     defaultProp: z,
     onChange: B
   }), _ = !l && n.length === 1, J = (o) => {
-    o === void 0 ? (x([]), (!b.current || !E) && (e.search(""), b.current = !0)) : Array.isArray(o) ? x(o) : x([o]);
-  }, K = R(() => n.length === 0 ? l ? [] : void 0 : l ? n : n[0], [l, n]), O = R(() => n.filter((o) => !e.items.some((t) => t.value === o.value)), [n, e.items]), Q = (o) => {
+    o === void 0 ? (x([]), (!b.current || !v) && (e.search(""), b.current = !0)) : Array.isArray(o) ? x(o) : x([o]);
+  }, K = A(() => n.length === 0 ? l ? [] : void 0 : l ? n : n[0], [l, n]), O = A(() => n.filter((o) => !e.items.some((t) => t.value === o.value)), [n, e.items]), Q = (o) => {
     const {
       value: t,
-      displayValue: y,
+      displayValue: R,
       ...c
     } = o;
-    if (t === C)
+    if (t === L)
       return e.hasNextPage ? /* @__PURE__ */ r(m.Option, {
         ...c,
         ref: Z,
@@ -118,7 +118,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
           }
         })
       }) : null;
-    if (t === A && e.hasError && !e.isEmpty)
+    if (t === y && e.hasError && !e.isEmpty)
       return /* @__PURE__ */ r(k, {
         onTryAgain: () => {
           var s;
@@ -134,7 +134,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
       value: t,
       children: /* @__PURE__ */ r(te, {
         className: S(a.highlightOptionText, oe && a.selected),
-        value: y || t
+        value: R || t
       })
     });
   }, X = (o) => {
@@ -155,7 +155,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     rootRef: $,
     isVisible: M
   }] = fe({
-    rootMargin: Ce
+    rootMargin: Le
   });
   me(() => {
     if (!(M && e.hasNextPage))
@@ -167,13 +167,13 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
       clearTimeout(t);
     };
   }, [M]);
-  const ee = R(() => {
+  const ee = A(() => {
     const o = e.hasNextPage ? {
-      displayValue: C,
-      value: C
+      displayValue: L,
+      value: L
     } : null, t = !o && e.hasError && !e.isEmpty ? {
-      displayValue: A,
-      value: A
+      displayValue: y,
+      value: y
     } : null;
     return [...e.items, ...O, o, t].filter(Boolean);
   }, [e.hasNextPage, e.hasError, e.isEmpty, e.items, O]);
@@ -186,9 +186,9 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     }, U),
     clearButtonAriaLabel: u(i.clearButtonAriaLabel),
     disabled: j || _,
-    displaySingleSelectionAsChip: E,
+    displaySingleSelectionAsChip: v,
     displayValue: (o) => o.displayValue || o.value,
-    endComboboxIcon: Ae,
+    endComboboxIcon: ye,
     focusLoop: !1,
     getPopoverRef: $,
     loading: e.isReloading,

package/dist/esm/lib/components/filter-instances-dropdown/filter-instances-dropdown.js

@@ -1,89 +1,89 @@
-import { TriggerButton as v, Text as C, ScrollableContainer as N, Divider as w } from "@box/blueprint-web";
+import { TriggerButton as v, Text as C, ScrollableContainer as N, Divider as j } from "@box/blueprint-web";
 import { useIntl as x } from "react-intl";
-import { SelectProvider as B, Select as b, SelectPopover as I, SelectItem as g, SelectItemCheck as k } from "@ariakit/react";
-import { Space1 as M } from "@box/blueprint-web-assets/tokens/px-tokens";
-import { useEffect as S } from "react";
-import y from "clsx";
+import { SelectProvider as B, Select as b, SelectPopover as z, SelectItem as g, SelectItemCheck as I } from "@ariakit/react";
+import { Space1 as k } from "@box/blueprint-web-assets/tokens/px-tokens";
+import { useEffect as M } from "react";
+import S from "clsx";
 import { Checkmark as p } from "@box/blueprint-web-assets/icons/Fill";
-import { getVisibleTemplates as D, getTemplateDisplayName as _ } from "../../utils/utils.js";
+import { getVisibleTemplates as y, getTemplateDisplayName as _ } from "../../utils/utils.js";
 import s from "./messages.js";
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import '../../../../styles/filter-instances-dropdown.css';const j = "_details_1ew6d_1", F = "_triggerContainer_1ew6d_5", O = "_triggerButton_1ew6d_10", P = "_popover_1ew6d_16", L = "_divider_1ew6d_33", V = "_scrollableContainer_1ew6d_36", z = "_item_1ew6d_40", E = "_indicator_1ew6d_67", G = "_indicatorIcon_1ew6d_76", R = "_testContainer_1ew6d_80", e = {
-  details: j,
-  triggerContainer: F,
-  triggerButton: O,
-  popover: P,
-  divider: L,
-  scrollableContainer: V,
-  item: z,
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import '../../../../styles/filter-instances-dropdown.css';const D = "_details_106jz_2", w = "_triggerContainer_106jz_6", F = "_triggerButton_106jz_11", O = "_popover_106jz_17", P = "_divider_106jz_34", L = "_scrollableContainer_106jz_37", V = "_item_106jz_41", E = "_indicator_106jz_68", G = "_indicatorIcon_106jz_77", R = "_testContainer_106jz_81", t = {
+  details: D,
+  triggerContainer: w,
+  triggerButton: F,
+  popover: O,
+  divider: P,
+  scrollableContainer: L,
+  item: V,
   indicator: E,
   indicatorIcon: G,
   testContainer: R
-}, q = parseInt(M, 10);
+}, q = parseInt(k, 10);
 function $({
   appliedTemplates: u,
   selectedTemplates: c,
   setSelectedTemplates: l
 }) {
-  const a = x(), m = a.formatMessage(s.customMetadataName), n = D(u), i = c.length, d = n.length, h = i === 0 ? a.formatMessage(s.allTemplatesTriggerButtonText) : a.formatMessage(s.selectedTemplatesTriggerButtonText, {
+  const a = x(), d = a.formatMessage(s.customMetadataName), n = y(u), i = c.length, m = n.length, h = i === 0 ? a.formatMessage(s.allTemplatesTriggerButtonText) : a.formatMessage(s.selectedTemplatesTriggerButtonText, {
     selectedTemplatesNumber: i,
-    visibleTemplatesNumber: d
+    visibleTemplatesNumber: m
   }), T = () => {
     l([]);
   };
-  return S(() => {
-    i === d && l([]);
-  }, [i, d]), /* @__PURE__ */ o(B, {
+  return M(() => {
+    i === m && l([]);
+  }, [i, m]), /* @__PURE__ */ o(B, {
     setValue: l,
     value: c,
     children: [/* @__PURE__ */ o("div", {
-      className: e.triggerContainer,
-      children: [/* @__PURE__ */ t(b, {
-        render: /* @__PURE__ */ t(v, {
+      className: t.triggerContainer,
+      children: [/* @__PURE__ */ e(b, {
+        render: /* @__PURE__ */ e(v, {
           caretDirection: "down",
-          className: e.triggerButton,
+          className: t.triggerButton,
           label: h,
           size: "small",
           variant: "tertiary",
           "data-target-id": "TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText"
         })
-      }), n.length > 0 && /* @__PURE__ */ t(C, {
+      }), n.length > 0 && /* @__PURE__ */ e(C, {
         as: "p",
-        className: e.details,
+        className: t.details,
         color: "textOnLightSecondary",
         "data-testid": "detailsList",
         variant: "caption",
-        children: n.filter((r) => c.some((f) => f === r.id)).map((r) => _(r, m)).join(", ")
+        children: n.filter((r) => c.some((f) => f === r.id)).map((r) => _(r, d)).join(", ")
       })]
-    }), /* @__PURE__ */ t(I, {
-      className: e.popover,
+    }), /* @__PURE__ */ e(z, {
+      className: t.popover,
       gutter: q,
       children: /* @__PURE__ */ o(N, {
-        className: e.scrollableContainer,
+        className: t.scrollableContainer,
         children: [/* @__PURE__ */ o(g, {
           autoFocus: i === 0,
-          className: e.item,
+          className: t.item,
           hideOnClick: !0,
           onClick: T,
-          children: [i === 0 && /* @__PURE__ */ t(p, {
-            className: y(e.indicator, e.indicatorIcon)
+          children: [i === 0 && /* @__PURE__ */ e(p, {
+            className: S(t.indicator, t.indicatorIcon)
           }), a.formatMessage(s.allTemplatesTriggerButtonText)]
-        }), /* @__PURE__ */ t(w, {
-          className: e.divider
+        }), /* @__PURE__ */ e(j, {
+          className: t.divider
         }), n.map((r) => /* @__PURE__ */ o(g, {
-          className: e.item,
+          className: t.item,
           hideOnClick: !0,
           value: r.id,
-          children: [/* @__PURE__ */ t(k, {
-            className: e.indicator,
+          children: [/* @__PURE__ */ e(I, {
+            className: t.indicator,
             style: {
               width: "none",
               height: "none"
             },
-            children: /* @__PURE__ */ t(p, {
-              className: e.indicatorIcon
+            children: /* @__PURE__ */ e(p, {
+              className: t.indicatorIcon
             })
-          }), _(r, m)]
+          }), _(r, d)]
         }, r.id))]
       })
     })]