@bloomreach/react-banana-ui 1.8.4 → 1.8.5

package/dist/bloomreach-react-banana-ui.es.js

@@ -7229,6 +7229,34 @@ const Tf = c((e, t) => {
   );
 });
 Tf.displayName = "SelectField";
+const k5 = c((e, t) => {
+  var C, x;
+  const { children: r, value: o, className: l, label: i, disabled: s = !1, ...u } = e, d = j0(null), h = ge([d, t]), f = i ?? (typeof r == "string" ? r : (x = (C = d.current) == null ? void 0 : C.textContent) == null ? void 0 : x.trim()), { getRootProps: m, highlighted: p, selected: g, rootRef: w } = wr({
+    value: o,
+    disabled: s,
+    rootRef: h,
+    label: f
+  }), b = s ? {} : m();
+  return /* @__PURE__ */ i0(
+    O5,
+    {
+      ...b,
+      className: e0("rbui-select-option", {
+        "rbui-select-option--selected": g
+      }, l),
+      disabled: s,
+      highlighted: p,
+      selected: g,
+      ref: w,
+      ...u,
+      children: [
+        r,
+        /* @__PURE__ */ a(i5, { className: "rbui-select-option__check-mark" })
+      ]
+    }
+  );
+});
+k5.displayName = "SelectOption";
 const Vf = c((e, t) => {
   const {
     autoSize: r,
@@ -7342,39 +7370,11 @@ const Hf = c((e, t) => {
   );
 });
 Hf.displayName = "ToggleField";
-const k5 = vt(null);
+const D5 = vt(null);
 function Pe() {
-  return gt(k5);
+  return gt(D5);
 }
 const Lf = [10, 20, 50], A0 = 9, C0 = 2;
-const D5 = c((e, t) => {
-  var C, x;
-  const { children: r, value: o, className: l, label: i, disabled: s = !1, ...u } = e, d = j0(null), h = ge([d, t]), f = i ?? (typeof r == "string" ? r : (x = (C = d.current) == null ? void 0 : C.textContent) == null ? void 0 : x.trim()), { getRootProps: m, highlighted: p, selected: g, rootRef: w } = wr({
-    value: o,
-    disabled: s,
-    rootRef: h,
-    label: f
-  }), b = s ? {} : m();
-  return /* @__PURE__ */ i0(
-    O5,
-    {
-      ...b,
-      className: e0("rbui-select-option", {
-        "rbui-select-option--selected": g
-      }, l),
-      disabled: s,
-      highlighted: p,
-      selected: g,
-      ref: w,
-      ...u,
-      children: [
-        r,
-        /* @__PURE__ */ a(i5, { className: "rbui-select-option__check-mark" })
-      ]
-    }
-  );
-});
-D5.displayName = "SelectOption";
 function Bf() {
   const e = Pe();
   if (!e)
@@ -7390,7 +7390,7 @@ function Bf() {
       value: t,
       onChange: (i, s) => o == null ? void 0 : o(s),
       "aria-label": "Items per page selector",
-      children: l.map((i) => /* @__PURE__ */ a(D5, { value: i.value, children: i.label }, i.value))
+      children: l.map((i) => /* @__PURE__ */ a(k5, { value: i.value, children: i.label }, i.value))
     }
   );
 }
@@ -7502,7 +7502,7 @@ const _f = c((e, t) => {
     onItemsPerPageChange: d,
     ...h
   } = e;
-  return r < 1 ? null : /* @__PURE__ */ a(k5.Provider, { value: e, children: /* @__PURE__ */ i0("div", { ...h, className: e0("rbui-pagination", o), ref: t, children: [
+  return r < 1 ? null : /* @__PURE__ */ a(D5.Provider, { value: e, children: /* @__PURE__ */ i0("div", { ...h, className: e0("rbui-pagination", o), ref: t, children: [
     /* @__PURE__ */ i0("div", { className: "rbui-pagination__left", children: [
       /* @__PURE__ */ a(Bf, {}),
       /* @__PURE__ */ a(Df, {})
@@ -7729,6 +7729,7 @@ export {
   n8 as SearchIcon,
   a8 as SecurityShieldIcon,
   Tf as SelectField,
+  k5 as SelectOption,
   i8 as SendIcon,
   d8 as SettingsAltIcon,
   m8 as SettingsIcon,