@box/metadata-editor 1.15.4 → 1.17.0

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

@@ -1,17 +1,14 @@
-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 = {
+import '../styles/filter-dropdown-menu.css';const c = "_content_2vpjl_2", e = "_scrollableContainer_2vpjl_21", n = "_item_2vpjl_26", o = "_option_2vpjl_36", t = "_search_2vpjl_57", s = "_searchIcon_2vpjl_62", r = "_clearSearchIcon_2vpjl_76", _ = "_searchInput_2vpjl_84", a = "_searchDivider_2vpjl_138", l = {
   content: c,
   scrollableContainer: e,
-  item: o,
-  option: t,
-  search: n,
-  searchIcon: _,
-  global: a,
-  clearSearchIcon: l,
-  searchInput: r,
-  firefoxDefaultOpacityFix: s,
-  divider: i,
-  searchDivider: p
+  item: n,
+  option: o,
+  search: t,
+  searchIcon: s,
+  clearSearchIcon: r,
+  searchInput: _,
+  searchDivider: a
 };
 export {
-  v as s
+  l as s
 };

package/dist/chunks/metadata-instance-form-card-wrapper.js

@@ -1,64 +1,64 @@
-import { useBlueprintModernization as E, Card as M } from "@box/blueprint-web";
-import S from "clsx";
-import { TEMPLATE_CUSTOM_PROPERTIES as b } from "../esm/lib/constants.js";
-import { MetadataInstanceFormFooter as w } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js";
-import { MetadataInstanceFormHeader as v } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import '../styles/metadata-instance-form-card-wrapper.css';const D = "_metadataInstanceForm_moyil_1", I = "_wrapperGradient_moyil_7", L = "_suggestionsFetching_moyil_17", N = "_metadataInstanceFormContent_moyil_23", O = "_showOverlay_moyil_30", s = {
-  metadataInstanceForm: D,
-  wrapperGradient: I,
+import { useBlueprintModernization as A, Card as E } from "@box/blueprint-web";
+import M from "clsx";
+import { TEMPLATE_CUSTOM_PROPERTIES as S } from "../esm/lib/constants.js";
+import { MetadataInstanceFormFooter as b } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js";
+import { MetadataInstanceFormHeader as w } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import '../styles/metadata-instance-form-card-wrapper.css';const x = "_metadataInstanceForm_moyil_1", D = "_wrapperGradient_moyil_7", L = "_suggestionsFetching_moyil_17", N = "_metadataInstanceFormContent_moyil_23", O = "_showOverlay_moyil_30", s = {
+  metadataInstanceForm: x,
+  wrapperGradient: D,
   suggestionsFetching: L,
   metadataInstanceFormContent: N,
   showOverlay: O
-}, K = (n) => {
+}, z = (n) => {
   const {
     areAiSuggestionsAvailable: o,
     children: i,
     className: r,
     formRef: m,
-    isAdvancedExtractAgentEnabled: g = !1,
+    isAdvancedExtractAgentEnabled: l = !1,
     isAiSuggestionsFeatureEnabled: d,
-    isBetaLanguageEnabled: l,
-    isLargeFile: c = !1,
-    isDeleteButtonDisabled: u,
-    suggestions: F,
+    isBetaLanguageEnabled: c,
+    isLargeFile: g = !1,
+    isDeleteButtonDisabled: p,
+    suggestions: u,
     isFetchingSuggestions: e,
-    isFormDirty: p = !1,
-    selectedTemplateInstance: a,
+    isFormDirty: F = !1,
+    selectedTemplateInstance: t,
     getAiSuggestions: _,
     handleCancel: h,
     handleDelete: f
   } = n, {
     enableModernizedComponents: y
-  } = E(), C = (a == null ? void 0 : a.templateKey) === b, A = !!F[a == null ? void 0 : a.templateKey];
-  return /* @__PURE__ */ t("div", {
+  } = A(), I = t?.templateKey === S, C = !!u[t?.templateKey];
+  return /* @__PURE__ */ a("div", {
     className: e && s.wrapperGradient,
     "data-modern": y,
-    children: /* @__PURE__ */ x(M, {
+    children: /* @__PURE__ */ v(E, {
       ref: m,
-      className: S(r, {
+      className: M(r, {
         [s.suggestionsFetching]: e
       }),
-      children: [/* @__PURE__ */ t(v, {
+      children: [/* @__PURE__ */ a(w, {
         areAiSuggestionsAvailable: o,
-        hasSuggestions: A,
-        isAdvancedExtractAgentEnabled: g,
-        isAiSuggestionsFeatureEnabled: d && !C,
-        isBetaLanguageEnabled: l,
-        isLargeFile: c,
+        hasSuggestions: C,
+        isAdvancedExtractAgentEnabled: l,
+        isAiSuggestionsFeatureEnabled: d && !I,
+        isBetaLanguageEnabled: c,
+        isLargeFile: g,
         isLoading: e,
         onAutofill: _,
-        templateName: a == null ? void 0 : a.displayName
-      }), a && i, /* @__PURE__ */ t(w, {
-        isDeleteButtonDisabled: u,
+        templateName: t?.displayName
+      }), t && i, /* @__PURE__ */ a(b, {
+        isDeleteButtonDisabled: p,
         isLoading: e,
-        onCancel: () => h(p),
+        onCancel: () => h(F),
         onDelete: f
       })]
     })
   });
 };
 export {
-  K as M,
+  z as M,
   s
 };

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

@@ -1,41 +1,40 @@
-import { Popover as t, FilterChip as u, InlineNotice as A, TextButton as T, LoadingIndicator as I } from "@box/blueprint-web";
+import { Popover as t, FilterChip as v, InlineNotice as A, TextButton as T, LoadingIndicator as I } from "@box/blueprint-web";
 import { Loader as W } from "@box/blueprint-web-assets/icons/Fill";
 import V from "lodash/orderBy";
 import { useState as s } from "react";
-import { useIntl as B, FormattedMessage as _ } from "react-intl";
+import { useIntl as B, FormattedMessage as y } 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_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 = {
+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 = "_taxonomyAncestorTable_1vfhn_37", k = "_taxonomyValueGroup_1vfhn_80", K = "_taxonomyValueButton_1vfhn_85", G = "_taxonomyValueLabel_1vfhn_95", n = {
   popoverContentContainer: N,
   popoverMainContent: w,
   loadingIndicatorWrapper: E,
   errorMessageWrapper: D,
   errorMessageWrapperText: P,
-  container: R,
-  taxonomyAncestorTable: k,
-  taxonomyValueGroup: K,
-  taxonomyValueButton: G,
-  taxonomyValueLabel: O
-}, j = {
+  taxonomyAncestorTable: R,
+  taxonomyValueGroup: k,
+  taxonomyValueButton: K,
+  taxonomyValueLabel: G
+}, O = {
   right: 24
-}, S = (n) => {
-  n.stopPropagation();
-}, z = (n) => {
-  (n.key === "ArrowLeft" || n.key === "ArrowRight") && n.stopPropagation();
+}, j = (r) => {
+  r.stopPropagation();
+}, S = (r) => {
+  (r.key === "ArrowLeft" || r.key === "ArrowRight") && r.stopPropagation();
 };
-function Y({
-  taxonomyNodeFetcher: n,
-  scope: y,
+function X({
+  taxonomyNodeFetcher: r,
+  scope: _,
   taxonomyKey: f,
   value: x,
   displayValue: c
 }) {
   const {
     formatMessage: i
-  } = B(), [C, b] = s([]), [p, d] = s(!1), [m, g] = s(!1), [M, h] = s(!1), L = V(C, (o) => o.level), v = async () => {
+  } = B(), [C, b] = s([]), [p, d] = s(!1), [m, g] = s(!1), [M, h] = s(!1), L = V(C, (o) => o.level), u = async () => {
     d(!0), g(!1), h(!0);
     try {
-      const o = await n(y, f, x);
+      const o = await r(_, f, x);
       b(o);
     } catch {
       g(!0);
@@ -47,56 +46,56 @@ function Y({
     onOpenChange: h,
     open: M,
     children: [/* @__PURE__ */ e(t.Trigger, {
-      children: /* @__PURE__ */ e(u.ChipButton, {
+      children: /* @__PURE__ */ e(v.ChipButton, {
         "aria-checked": void 0,
-        className: r.taxonomyValueButton,
-        disabled: !n,
-        onClick: v,
-        onKeyDown: z,
+        className: n.taxonomyValueButton,
+        disabled: !r,
+        onClick: u,
+        onKeyDown: S,
         role: void 0,
         value: c,
-        children: /* @__PURE__ */ e(u.Label, {
-          className: r.taxonomyValueLabel,
+        children: /* @__PURE__ */ e(v.Label, {
+          className: n.taxonomyValueLabel,
           children: c
         })
       })
     }), /* @__PURE__ */ e(t.ContentContainer, {
       align: "start",
-      className: r.popoverContentContainer,
-      collisionPadding: j,
-      onEscapeKeyDown: S,
+      className: n.popoverContentContainer,
+      collisionPadding: O,
+      onEscapeKeyDown: j,
       children: /* @__PURE__ */ l(t.MainContent, {
-        className: r.popoverMainContent,
+        className: n.popoverMainContent,
         children: [m && /* @__PURE__ */ l("div", {
-          className: r.errorMessageWrapper,
+          className: n.errorMessageWrapper,
           children: [/* @__PURE__ */ e(A, {
             variant: "error",
             variantIconAriaLabel: i(a.loadingResultsErrorIconLabel),
-            children: /* @__PURE__ */ e(_, {
+            children: /* @__PURE__ */ e(y, {
               ...a.loadingResultsErrorMessage
             })
           }), /* @__PURE__ */ e(T, {
-            className: r.errorMessageWrapperText,
+            className: n.errorMessageWrapperText,
             icon: W,
-            onClick: v,
+            onClick: u,
             "data-target-id": "TextButton-loadingResultsErrorAction",
             children: i(a.loadingResultsErrorAction)
           })]
         }), p && /* @__PURE__ */ e("div", {
-          className: r.loadingIndicatorWrapper,
+          className: n.loadingIndicatorWrapper,
           children: /* @__PURE__ */ e(I, {
             "aria-label": i(a.loadingAriaLabel),
             size: "large"
           })
         }), !m && !p && /* @__PURE__ */ e("table", {
-          className: r.taxonomyAncestorTable,
+          className: n.taxonomyAncestorTable,
           children: /* @__PURE__ */ e("tbody", {
             children: L.map((o) => /* @__PURE__ */ l("tr", {
               children: [/* @__PURE__ */ e("th", {
                 scope: "row",
                 children: o.levelName
               }), /* @__PURE__ */ e("td", {
-                children: o.levelValue || /* @__PURE__ */ e(_, {
+                children: o.levelValue || /* @__PURE__ */ e(y, {
                   ...a.emptyAncestorLevelValue
                 })
               })]
@@ -108,6 +107,6 @@ function Y({
   });
 }
 export {
-  Y as T,
-  r as s
+  X as T,
+  n as s
 };

package/dist/chunks/types.js

@@ -1,8 +1,8 @@
-let n = /* @__PURE__ */ function(e) {
+let n = /* @__PURE__ */ (function(e) {
   return e.ClearAndReplace = "clearAndReplace", e.RemoveEntered = "removeEntered", e.ReplaceEntered = "replaceEntered", e.Append = "append", e;
-}({}), r = /* @__PURE__ */ function(e) {
+})({}), r = /* @__PURE__ */ (function(e) {
   return e.Initial = "INITIAL", e.Pending = "PENDING", e.Applied = "APPLIED", e;
-}({});
+})({});
 export {
   r as A,
   n as U

package/dist/chunks/utils2.js

@@ -1,43 +1,41 @@
-import { BoxAiLogo as s } from "@box/blueprint-web-assets/icons/Logo";
+import { BoxAiLogo as n } from "@box/blueprint-web-assets/icons/Logo";
 import i from "../esm/lib/components/interactive-text/interactive-text.js";
-import { convertISOStringtoRFC3339String as c } from "../esm/lib/utils/convertDate.js";
-import { jsxs as g, jsx as l } from "react/jsx-runtime";
-import '../styles/utils.css';const _ = "_noAttributesText_fefg3_2", f = "_fieldWrapper_fefg3_6", b = "_hasSuggestion_fefg3_11", p = "_error_fefg3_20", d = "_dateField_fefg3_33", x = "_suggestionApplied_fefg3_37", m = "_comboboxContainer_fefg3_37", u = "_labelWrapper_fefg3_52", T = "_labelText_fefg3_58", h = "_labelIcon_fefg3_61", o = {
-  noAttributesText: _,
-  fieldWrapper: f,
-  hasSuggestion: b,
-  error: p,
-  dateField: d,
-  suggestionApplied: x,
-  comboboxContainer: m,
+import { convertISOStringtoRFC3339String as g } from "../esm/lib/utils/convertDate.js";
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import '../styles/utils.css';const p = "_noAttributesText_fefg3_2", _ = "_fieldWrapper_fefg3_6", f = "_hasSuggestion_fefg3_11", b = "_dateField_fefg3_33", d = "_suggestionApplied_fefg3_37", u = "_labelWrapper_fefg3_52", x = "_labelText_fefg3_58", m = "_labelIcon_fefg3_61", l = {
+  noAttributesText: p,
+  fieldWrapper: _,
+  hasSuggestion: f,
+  dateField: b,
+  suggestionApplied: d,
   labelWrapper: u,
-  labelText: T,
-  labelIcon: h
-}, F = (t, e, r = !1, n = "label") => (a) => /* @__PURE__ */ g("div", {
-  className: o.labelWrapper,
-  children: [e ? /* @__PURE__ */ l(i, {
-    as: n,
-    className: o.labelText,
+  labelText: x,
+  labelIcon: m
+}, W = (t, e, a = !1, o = "label") => (r) => /* @__PURE__ */ c("div", {
+  className: l.labelWrapper,
+  children: [e ? /* @__PURE__ */ s(i, {
+    as: o,
+    className: l.labelText,
     tooltipText: e,
-    ...a,
+    ...r,
     children: t
-  }) : /* @__PURE__ */ l("label", {
-    className: o.labelText,
-    ...a,
+  }) : /* @__PURE__ */ s("label", {
+    className: l.labelText,
+    ...r,
     children: t
-  }), r && /* @__PURE__ */ l(s, {
-    className: o.labelIcon
+  }), a && /* @__PURE__ */ s(n, {
+    className: l.labelIcon
   })]
-}), N = (t) => {
+}), I = (t) => {
   try {
-    const e = c(t), r = new Date(e);
-    return isNaN(r.getTime()) ? null : e;
+    const e = g(t), a = new Date(e);
+    return isNaN(a.getTime()) ? null : e;
   } catch {
     return null;
   }
 };
 export {
-  F as g,
-  o as s,
-  N as t
+  W as g,
+  l as s,
+  I as t
 };

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

@@ -1,46 +1,45 @@
 import { ComboboxItemValue as te } from "@ariakit/react";
-import { Combobox as m, useForkRef as re, LoadingIndicator as ne, InlineNotice as ie, Text as se } from "@box/blueprint-web";
+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 { 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 C, useCallback as de, useMemo as A, useEffect as me } from "react";
-import { useIntl as P, FormattedMessage as V } from "react-intl";
+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 pe } from "./use-async-list.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 N, Fragment as ge } from "react/jsx-runtime";
-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,
+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: Re,
+  option: _e,
   errorComboboxOption: Ce,
-  errorComboboxOptionText: Ae
-}, k = /* @__PURE__ */ F(({
-  onTryAgain: E
+  errorComboboxOptionText: Re
+}, N = /* @__PURE__ */ k(({
+  onTryAgain: y
 }, p) => {
   const {
-    formatMessage: h
-  } = P();
-  return /* @__PURE__ */ N(ge, {
+    formatMessage: m
+  } = F();
+  return /* @__PURE__ */ S(ge, {
     children: [/* @__PURE__ */ r(ie, {
       variant: "error",
-      variantIconAriaLabel: h(i.loadingResultsErrorIconLabel),
-      children: /* @__PURE__ */ r(V, {
+      variantIconAriaLabel: m(i.loadingResultsErrorIconLabel),
+      children: /* @__PURE__ */ r(T, {
         ...i.loadingResultsErrorMessage
       })
-    }), /* @__PURE__ */ r(m.Option, {
+    }), /* @__PURE__ */ r(d.Option, {
       ref: p,
-      className: a.errorComboboxOption,
-      onClick: E,
-      children: /* @__PURE__ */ N(se, {
+      className: s.errorComboboxOption,
+      onClick: y,
+      children: /* @__PURE__ */ S(se, {
         as: "span",
-        className: a.errorComboboxOptionText,
+        className: s.errorComboboxOptionText,
         color: "textOnLightLink",
         variant: "bodyDefaultBold",
-        children: [/* @__PURE__ */ r(V, {
+        children: [/* @__PURE__ */ r(T, {
           ...i.loadingResultsErrorAction
         }), /* @__PURE__ */ r(le, {
           color: "currentColor",
@@ -50,115 +49,113 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
       })
     })]
   });
-}), L = "__LOADING__", y = "__LOADING_ERROR__", Le = "0px 0px 20px 0px", ye = /* @__PURE__ */ r(ae, {
-  color: ce,
-  height: T,
+}), A = "__LOADING__", L = "__LOADING_ERROR__", Ae = "0px 0px 20px 0px", Le = /* @__PURE__ */ r(ae, {
+  color: ue,
+  height: M,
   role: "presentation",
   style: {
-    padding: ue,
+    padding: ce,
     boxSizing: "border-box"
   },
-  width: T
-}), we = /* @__PURE__ */ F(function(p, h) {
+  width: M
+}), De = /* @__PURE__ */ k(function(p, m) {
   const {
-    defaultFetcher: D,
-    onInputValueChange: f,
+    defaultFetcher: P,
+    onInputValueChange: D,
     value: w,
     onValueChange: B,
     noResultMessage: W,
     defaultValue: z = [],
     loadingAriaLabel: G,
-    multiselect: l = !1,
+    multiselect: a = !1,
     disabled: j,
     className: U,
-    displaySingleSelectionAsChip: v = !0,
+    displaySingleSelectionAsChip: E = !0,
     ...q
   } = p, {
-    formatMessage: u
-  } = P(), g = C(null), b = C(!0), e = pe({
+    formatMessage: c
+  } = F(), h = C(null), f = C(!0), e = me({
     async load({
       marker: o,
       searchInput: t,
-      signal: R
+      signal: O
     }) {
-      const c = await D({
-        signal: R,
+      const l = await P({
+        signal: O,
         marker: o,
         searchInput: t
       });
       return {
-        items: c.options,
-        marker: c.marker
+        items: l.options,
+        marker: l.marker
       };
     }
-  }), I = C(!1), H = de(() => {
-    I.current || (e.reload(), I.current = !0);
-  }, []), [n, x] = he({
+  }), v = C(!1), H = de(() => {
+    v.current || (e.reload(), v.current = !0);
+  }, []), [n, g] = he({
     prop: w,
     defaultProp: z,
     onChange: B
-  }), _ = !l && n.length === 1, J = (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) => {
+  }), 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: R,
-      ...c
+      displayValue: O,
+      ...l
     } = o;
-    if (t === L)
-      return e.hasNextPage ? /* @__PURE__ */ r(m.Option, {
-        ...c,
+    if (t === A)
+      return e.hasNextPage ? /* @__PURE__ */ r(d.Option, {
+        ...l,
         ref: Z,
         disabled: !0,
         value: t,
         children: /* @__PURE__ */ r(ne, {
-          "aria-label": u(i.loadingMoreAriaLabel),
+          "aria-label": c(i.loadingMoreAriaLabel),
           style: {
             position: "unset"
           }
         })
       }) : null;
-    if (t === y && e.hasError && !e.isEmpty)
-      return /* @__PURE__ */ r(k, {
+    if (t === L && e.hasError && !e.isEmpty)
+      return /* @__PURE__ */ r(N, {
         onTryAgain: () => {
-          var s;
-          e.loadMore(), (s = g.current) == null || s.focus();
+          e.loadMore(), h.current?.focus();
         }
       });
-    if (O.some((s) => s.value === t))
+    if (x.some((_) => _.value === t))
       return null;
-    const oe = n.some((s) => s.value === t);
-    return /* @__PURE__ */ r(m.Option, {
-      ...c,
-      className: a.option,
+    const oe = n.some((_) => _.value === t);
+    return /* @__PURE__ */ r(d.Option, {
+      ...l,
+      className: s.option,
       value: t,
       children: /* @__PURE__ */ r(te, {
-        className: S(a.highlightOptionText, oe && a.selected),
-        value: R || t
+        className: V(s.highlightOptionText, oe && s.selected),
+        value: O || t
       })
     });
   }, X = (o) => {
-    if (f == null || f(o), _ && o === "") {
-      b.current = !1;
+    if (D?.(o), b && o === "") {
+      f.current = !1;
       return;
     }
     e.search(o);
   }, Y = () => {
-    var o;
-    e.reload(), (o = g.current) == null || o.focus();
+    e.reload(), h.current?.focus();
   };
-  let d;
-  e.hasError && !e.isLoading ? d = /* @__PURE__ */ r(k, {
+  let u;
+  e.hasError && !e.isLoading ? u = /* @__PURE__ */ r(N, {
     onTryAgain: Y
-  }) : e.isEmpty && !e.isLoading ? d = W || u(i.noResults) : d = void 0;
+  }) : e.isEmpty && !e.isLoading ? u = W || c(i.noResults) : u = void 0;
   const [Z, {
     rootRef: $,
-    isVisible: M
+    isVisible: I
   }] = fe({
-    rootMargin: Le
+    rootMargin: Ae
   });
-  me(() => {
-    if (!(M && e.hasNextPage))
+  pe(() => {
+    if (!(I && e.hasNextPage))
       return;
     const t = setTimeout(() => {
       e.loadMore();
@@ -166,35 +163,35 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     return () => {
       clearTimeout(t);
     };
-  }, [M]);
-  const ee = A(() => {
+  }, [I]);
+  const ee = R(() => {
     const o = e.hasNextPage ? {
+      displayValue: A,
+      value: A
+    } : null, t = !o && e.hasError && !e.isEmpty ? {
       displayValue: L,
       value: L
-    } : null, t = !o && e.hasError && !e.isEmpty ? {
-      displayValue: y,
-      value: y
     } : null;
-    return [...e.items, ...O, o, t].filter(Boolean);
-  }, [e.hasNextPage, e.hasError, e.isEmpty, e.items, O]);
-  return /* @__PURE__ */ r(m, {
+    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(g, h),
-    className: S({
-      [a.disabled]: _
+    ref: re(h, m),
+    className: V({
+      [s.disabled]: b
     }, U),
-    clearButtonAriaLabel: u(i.clearButtonAriaLabel),
-    disabled: j || _,
-    displaySingleSelectionAsChip: v,
+    clearButtonAriaLabel: c(i.clearButtonAriaLabel),
+    disabled: j || b,
+    displaySingleSelectionAsChip: E,
     displayValue: (o) => o.displayValue || o.value,
-    endComboboxIcon: ye,
+    endComboboxIcon: Le,
     focusLoop: !1,
     getPopoverRef: $,
     loading: e.isReloading,
-    loadingAriaLabel: G || u(i.loadingAriaLabel),
-    multiselect: l,
-    noResultMessage: d,
+    loadingAriaLabel: G || c(i.loadingAriaLabel),
+    multiselect: a,
+    noResultMessage: u,
     onFocus: H,
     onInputValueChange: X,
     onValueChange: J,
@@ -204,5 +201,5 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
   });
 });
 export {
-  we as ComboboxWithApiPagination
+  De as ComboboxWithApiPagination
 };