@performant-software/core-data 2.2.18-beta.6 → 2.2.18-beta.7

package/dist/index.es189.js

@@ -1,520 +1,200 @@
-import { evaluate as M, getSide as T, getOppositePlacement as U, getExpandedPlacements as Z, getOppositeAxisPlacements as _, getAlignmentSides as ee, getAlignment as Y, getSideAxis as j, clamp as z, max as L, getPaddingObject as G, rectToClientRect as X, getAlignmentAxis as J, sides as te, getOppositeAxis as K, min as W, getAxisLength as N } from "./index.es254.js";
-function I(t, e, d) {
-  let {
-    reference: s,
-    floating: r
-  } = t;
-  const n = j(e), c = J(e), m = N(c), l = T(e), u = n === "y", g = s.x + s.width / 2 - r.width / 2, a = s.y + s.height / 2 - r.height / 2, f = s[m] / 2 - r[m] / 2;
-  let i;
-  switch (l) {
-    case "top":
-      i = {
-        x: g,
-        y: s.y - r.height
-      };
-      break;
-    case "bottom":
-      i = {
-        x: g,
-        y: s.y + s.height
-      };
-      break;
-    case "right":
-      i = {
-        x: s.x + s.width,
-        y: a
-      };
-      break;
-    case "left":
-      i = {
-        x: s.x - r.width,
-        y: a
-      };
-      break;
-    default:
-      i = {
-        x: s.x,
-        y: s.y
-      };
-  }
-  switch (Y(e)) {
-    case "start":
-      i[c] -= f * (d && u ? -1 : 1);
-      break;
-    case "end":
-      i[c] += f * (d && u ? -1 : 1);
-      break;
-  }
-  return i;
-}
-const se = async (t, e, d) => {
-  const {
-    placement: s = "bottom",
-    strategy: r = "absolute",
-    middleware: n = [],
-    platform: c
-  } = d, m = n.filter(Boolean), l = await (c.isRTL == null ? void 0 : c.isRTL(e));
-  let u = await c.getElementRects({
-    reference: t,
-    floating: e,
-    strategy: r
-  }), {
-    x: g,
-    y: a
-  } = I(u, s, l), f = s, i = {}, o = 0;
-  for (let w = 0; w < m.length; w++) {
-    const {
-      name: x,
-      fn: v
-    } = m[w], {
-      x: A,
-      y: h,
-      data: y,
-      reset: p
-    } = await v({
-      x: g,
-      y: a,
-      initialPlacement: s,
-      placement: f,
-      strategy: r,
-      middlewareData: i,
-      rects: u,
-      platform: c,
-      elements: {
-        reference: t,
-        floating: e
+import _ from "./index.es122.js";
+import { forwardRef as A, createElement as i, useRef as P, useState as y, useEffect as O, useCallback as v } from "react";
+import { composeEventHandlers as $ } from "./index.es123.js";
+import { createCollection as V } from "./index.es181.js";
+import { useComposedRefs as z } from "./index.es124.js";
+import { createContextScope as j } from "./index.es125.js";
+import { useId as q } from "./index.es129.js";
+import { Primitive as N } from "./index.es127.js";
+import { useCallbackRef as J } from "./index.es179.js";
+import { useControllableState as Q } from "./index.es126.js";
+import { useDirection as W } from "./index.es182.js";
+const S = "rovingFocusGroup.onEntryFocus", X = {
+  bubbles: !1,
+  cancelable: !0
+}, G = "RovingFocusGroup", [w, M, Z] = V(G), [ee, Ee] = j(G, [
+  Z
+]), [oe, te] = ee(G), re = /* @__PURE__ */ A((e, o) => /* @__PURE__ */ i(w.Provider, {
+  scope: e.__scopeRovingFocusGroup
+}, /* @__PURE__ */ i(w.Slot, {
+  scope: e.__scopeRovingFocusGroup
+}, /* @__PURE__ */ i(ne, _({}, e, {
+  ref: o
+}))))), ne = /* @__PURE__ */ A((e, o) => {
+  const { __scopeRovingFocusGroup: n, orientation: t, loop: I = !1, dir: F, currentTabStopId: g, defaultCurrentTabStopId: R, onCurrentTabStopIdChange: b, onEntryFocus: f, ...T } = e, l = P(null), p = z(o, l), m = W(F), [c = null, d] = Q({
+    prop: g,
+    defaultProp: R,
+    onChange: b
+  }), [E, s] = y(!1), a = J(f), U = M(n), x = P(!1), [K, h] = y(0);
+  return O(() => {
+    const r = l.current;
+    if (r)
+      return r.addEventListener(S, a), () => r.removeEventListener(S, a);
+  }, [
+    a
+  ]), /* @__PURE__ */ i(oe, {
+    scope: n,
+    orientation: t,
+    dir: m,
+    loop: I,
+    currentTabStopId: c,
+    onItemFocus: v(
+      (r) => d(r),
+      [
+        d
+      ]
+    ),
+    onItemShiftTab: v(
+      () => s(!0),
+      []
+    ),
+    onFocusableItemAdd: v(
+      () => h(
+        (r) => r + 1
+      ),
+      []
+    ),
+    onFocusableItemRemove: v(
+      () => h(
+        (r) => r - 1
+      ),
+      []
+    )
+  }, /* @__PURE__ */ i(N.div, _({
+    tabIndex: E || K === 0 ? -1 : 0,
+    "data-orientation": t
+  }, T, {
+    ref: p,
+    style: {
+      outline: "none",
+      ...e.style
+    },
+    onMouseDown: $(e.onMouseDown, () => {
+      x.current = !0;
+    }),
+    onFocus: $(e.onFocus, (r) => {
+      const k = !x.current;
+      if (r.target === r.currentTarget && k && !E) {
+        const D = new CustomEvent(S, X);
+        if (r.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
+          const C = U().filter(
+            (u) => u.focusable
+          ), B = C.find(
+            (u) => u.active
+          ), Y = C.find(
+            (u) => u.id === c
+          ), H = [
+            B,
+            Y,
+            ...C
+          ].filter(Boolean).map(
+            (u) => u.ref.current
+          );
+          L(H);
+        }
       }
-    });
-    g = A ?? g, a = h ?? a, i = {
-      ...i,
-      [x]: {
-        ...i[x],
-        ...y
+      x.current = !1;
+    }),
+    onBlur: $(
+      e.onBlur,
+      () => s(!1)
+    )
+  })));
+}), ce = "RovingFocusGroupItem", fe = /* @__PURE__ */ A((e, o) => {
+  const { __scopeRovingFocusGroup: n, focusable: t = !0, active: I = !1, tabStopId: F, ...g } = e, R = q(), b = F || R, f = te(ce, n), T = f.currentTabStopId === b, l = M(n), { onFocusableItemAdd: p, onFocusableItemRemove: m } = f;
+  return O(() => {
+    if (t)
+      return p(), () => m();
+  }, [
+    t,
+    p,
+    m
+  ]), /* @__PURE__ */ i(w.ItemSlot, {
+    scope: n,
+    id: b,
+    focusable: t,
+    active: I
+  }, /* @__PURE__ */ i(N.span, _({
+    tabIndex: T ? 0 : -1,
+    "data-orientation": f.orientation
+  }, g, {
+    ref: o,
+    onMouseDown: $(e.onMouseDown, (c) => {
+      t ? f.onItemFocus(b) : c.preventDefault();
+    }),
+    onFocus: $(
+      e.onFocus,
+      () => f.onItemFocus(b)
+    ),
+    onKeyDown: $(e.onKeyDown, (c) => {
+      if (c.key === "Tab" && c.shiftKey) {
+        f.onItemShiftTab();
+        return;
       }
-    }, p && o <= 50 && (o++, typeof p == "object" && (p.placement && (f = p.placement), p.rects && (u = p.rects === !0 ? await c.getElementRects({
-      reference: t,
-      floating: e,
-      strategy: r
-    }) : p.rects), {
-      x: g,
-      y: a
-    } = I(u, f, l)), w = -1);
-  }
-  return {
-    x: g,
-    y: a,
-    placement: f,
-    strategy: r,
-    middlewareData: i
-  };
-};
-async function F(t, e) {
-  var d;
-  e === void 0 && (e = {});
-  const {
-    x: s,
-    y: r,
-    platform: n,
-    rects: c,
-    elements: m,
-    strategy: l
-  } = t, {
-    boundary: u = "clippingAncestors",
-    rootBoundary: g = "viewport",
-    elementContext: a = "floating",
-    altBoundary: f = !1,
-    padding: i = 0
-  } = M(e, t), o = G(i), x = m[f ? a === "floating" ? "reference" : "floating" : a], v = X(await n.getClippingRect({
-    element: (d = await (n.isElement == null ? void 0 : n.isElement(x))) == null || d ? x : x.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(m.floating)),
-    boundary: u,
-    rootBoundary: g,
-    strategy: l
-  })), A = a === "floating" ? {
-    ...c.floating,
-    x: s,
-    y: r
-  } : c.reference, h = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(m.floating)), y = await (n.isElement == null ? void 0 : n.isElement(h)) ? await (n.getScale == null ? void 0 : n.getScale(h)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, p = X(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: m,
-    rect: A,
-    offsetParent: h,
-    strategy: l
-  }) : A);
-  return {
-    top: (v.top - p.top + o.top) / y.y,
-    bottom: (p.bottom - v.bottom + o.bottom) / y.y,
-    left: (v.left - p.left + o.left) / y.x,
-    right: (p.right - v.right + o.right) / y.x
-  };
-}
-const oe = (t) => ({
-  name: "arrow",
-  options: t,
-  async fn(e) {
-    const {
-      x: d,
-      y: s,
-      placement: r,
-      rects: n,
-      platform: c,
-      elements: m,
-      middlewareData: l
-    } = e, {
-      element: u,
-      padding: g = 0
-    } = M(t, e) || {};
-    if (u == null)
-      return {};
-    const a = G(g), f = {
-      x: d,
-      y: s
-    }, i = J(r), o = N(i), w = await c.getDimensions(u), x = i === "y", v = x ? "top" : "left", A = x ? "bottom" : "right", h = x ? "clientHeight" : "clientWidth", y = n.reference[o] + n.reference[i] - f[i] - n.floating[o], p = f[i] - n.reference[i], b = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(u));
-    let O = b ? b[h] : 0;
-    (!O || !await (c.isElement == null ? void 0 : c.isElement(b))) && (O = m.floating[h] || n.floating[o]);
-    const R = y / 2 - p / 2, E = O / 2 - w[o] / 2 - 1, H = W(a[v], E), V = W(a[A], E), C = H, B = O - w[o] - V, P = O / 2 - w[o] / 2 + R, S = z(C, P, B), k = !l.arrow && Y(r) != null && P !== S && n.reference[o] / 2 - (P < C ? H : V) - w[o] / 2 < 0, D = k ? P < C ? P - C : P - B : 0;
-    return {
-      [i]: f[i] + D,
-      data: {
-        [i]: S,
-        centerOffset: P - S - D,
-        ...k && {
-          alignmentOffset: D
+      if (c.target !== c.currentTarget)
+        return;
+      const d = de(c, f.orientation, f.dir);
+      if (d !== void 0) {
+        c.preventDefault();
+        let s = l().filter(
+          (a) => a.focusable
+        ).map(
+          (a) => a.ref.current
+        );
+        if (d === "last")
+          s.reverse();
+        else if (d === "prev" || d === "next") {
+          d === "prev" && s.reverse();
+          const a = s.indexOf(c.currentTarget);
+          s = f.loop ? ue(s, a + 1) : s.slice(a + 1);
         }
-      },
-      reset: k
-    };
-  }
-}), ce = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(e) {
-      var d, s;
-      const {
-        placement: r,
-        middlewareData: n,
-        rects: c,
-        initialPlacement: m,
-        platform: l,
-        elements: u
-      } = e, {
-        mainAxis: g = !0,
-        crossAxis: a = !0,
-        fallbackPlacements: f,
-        fallbackStrategy: i = "bestFit",
-        fallbackAxisSideDirection: o = "none",
-        flipAlignment: w = !0,
-        ...x
-      } = M(t, e);
-      if ((d = n.arrow) != null && d.alignmentOffset)
-        return {};
-      const v = T(r), A = T(m) === m, h = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), y = f || (A || !w ? [U(m)] : Z(m));
-      !f && o !== "none" && y.push(..._(m, w, o, h));
-      const p = [m, ...y], b = await F(e, x), O = [];
-      let R = ((s = n.flip) == null ? void 0 : s.overflows) || [];
-      if (g && O.push(b[v]), a) {
-        const C = ee(r, c, h);
-        O.push(b[C[0]], b[C[1]]);
-      }
-      if (R = [...R, {
-        placement: r,
-        overflows: O
-      }], !O.every((C) => C <= 0)) {
-        var E, H;
-        const C = (((E = n.flip) == null ? void 0 : E.index) || 0) + 1, B = p[C];
-        if (B)
-          return {
-            data: {
-              index: C,
-              overflows: R
-            },
-            reset: {
-              placement: B
-            }
-          };
-        let P = (H = R.filter((S) => S.overflows[0] <= 0).sort((S, k) => S.overflows[1] - k.overflows[1])[0]) == null ? void 0 : H.placement;
-        if (!P)
-          switch (i) {
-            case "bestFit": {
-              var V;
-              const S = (V = R.map((k) => [k.placement, k.overflows.filter((D) => D > 0).reduce((D, Q) => D + Q, 0)]).sort((k, D) => k[1] - D[1])[0]) == null ? void 0 : V[0];
-              S && (P = S);
-              break;
-            }
-            case "initialPlacement":
-              P = m;
-              break;
-          }
-        if (r !== P)
-          return {
-            reset: {
-              placement: P
-            }
-          };
+        setTimeout(
+          () => L(s)
+        );
       }
-      return {};
-    }
-  };
+    })
+  })));
+}), se = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
 };
-function $(t, e) {
-  return {
-    top: t.top - e.height,
-    right: t.right - e.width,
-    bottom: t.bottom - e.height,
-    left: t.left - e.width
-  };
+function ae(e, o) {
+  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function q(t) {
-  return te.some((e) => t[e] >= 0);
+function de(e, o, n) {
+  const t = ae(e.key, n);
+  if (!(o === "vertical" && [
+    "ArrowLeft",
+    "ArrowRight"
+  ].includes(t)) && !(o === "horizontal" && [
+    "ArrowUp",
+    "ArrowDown"
+  ].includes(t)))
+    return se[t];
 }
-const le = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "hide",
-    options: t,
-    async fn(e) {
-      const {
-        rects: d
-      } = e, {
-        strategy: s = "referenceHidden",
-        ...r
-      } = M(t, e);
-      switch (s) {
-        case "referenceHidden": {
-          const n = await F(e, {
-            ...r,
-            elementContext: "reference"
-          }), c = $(n, d.reference);
-          return {
-            data: {
-              referenceHiddenOffsets: c,
-              referenceHidden: q(c)
-            }
-          };
-        }
-        case "escaped": {
-          const n = await F(e, {
-            ...r,
-            altBoundary: !0
-          }), c = $(n, d.floating);
-          return {
-            data: {
-              escapedOffsets: c,
-              escaped: q(c)
-            }
-          };
-        }
-        default:
-          return {};
-      }
-    }
-  };
-};
-async function ne(t, e) {
-  const {
-    placement: d,
-    platform: s,
-    elements: r
-  } = t, n = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), c = T(d), m = Y(d), l = j(d) === "y", u = ["left", "top"].includes(c) ? -1 : 1, g = n && l ? -1 : 1, a = M(e, t);
-  let {
-    mainAxis: f,
-    crossAxis: i,
-    alignmentAxis: o
-  } = typeof a == "number" ? {
-    mainAxis: a,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...a
-  };
-  return m && typeof o == "number" && (i = m === "end" ? o * -1 : o), l ? {
-    x: i * g,
-    y: f * u
-  } : {
-    x: f * u,
-    y: i * g
-  };
+function L(e) {
+  const o = document.activeElement;
+  for (const n of e)
+    if (n === o || (n.focus(), document.activeElement !== o))
+      return;
 }
-const ae = function(t) {
-  return t === void 0 && (t = 0), {
-    name: "offset",
-    options: t,
-    async fn(e) {
-      var d, s;
-      const {
-        x: r,
-        y: n,
-        placement: c,
-        middlewareData: m
-      } = e, l = await ne(e, t);
-      return c === ((d = m.offset) == null ? void 0 : d.placement) && (s = m.arrow) != null && s.alignmentOffset ? {} : {
-        x: r + l.x,
-        y: n + l.y,
-        data: {
-          ...l,
-          placement: c
-        }
-      };
-    }
-  };
-}, re = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(e) {
-      const {
-        x: d,
-        y: s,
-        placement: r
-      } = e, {
-        mainAxis: n = !0,
-        crossAxis: c = !1,
-        limiter: m = {
-          fn: (x) => {
-            let {
-              x: v,
-              y: A
-            } = x;
-            return {
-              x: v,
-              y: A
-            };
-          }
-        },
-        ...l
-      } = M(t, e), u = {
-        x: d,
-        y: s
-      }, g = await F(e, l), a = j(T(r)), f = K(a);
-      let i = u[f], o = u[a];
-      if (n) {
-        const x = f === "y" ? "top" : "left", v = f === "y" ? "bottom" : "right", A = i + g[x], h = i - g[v];
-        i = z(A, i, h);
-      }
-      if (c) {
-        const x = a === "y" ? "top" : "left", v = a === "y" ? "bottom" : "right", A = o + g[x], h = o - g[v];
-        o = z(A, o, h);
-      }
-      const w = m.fn({
-        ...e,
-        [f]: i,
-        [a]: o
-      });
-      return {
-        ...w,
-        data: {
-          x: w.x - d,
-          y: w.y - s
-        }
-      };
-    }
-  };
-}, fe = function(t) {
-  return t === void 0 && (t = {}), {
-    options: t,
-    fn(e) {
-      const {
-        x: d,
-        y: s,
-        placement: r,
-        rects: n,
-        middlewareData: c
-      } = e, {
-        offset: m = 0,
-        mainAxis: l = !0,
-        crossAxis: u = !0
-      } = M(t, e), g = {
-        x: d,
-        y: s
-      }, a = j(r), f = K(a);
-      let i = g[f], o = g[a];
-      const w = M(m, e), x = typeof w == "number" ? {
-        mainAxis: w,
-        crossAxis: 0
-      } : {
-        mainAxis: 0,
-        crossAxis: 0,
-        ...w
-      };
-      if (l) {
-        const h = f === "y" ? "height" : "width", y = n.reference[f] - n.floating[h] + x.mainAxis, p = n.reference[f] + n.reference[h] - x.mainAxis;
-        i < y ? i = y : i > p && (i = p);
-      }
-      if (u) {
-        var v, A;
-        const h = f === "y" ? "width" : "height", y = ["top", "left"].includes(T(r)), p = n.reference[a] - n.floating[h] + (y && ((v = c.offset) == null ? void 0 : v[a]) || 0) + (y ? 0 : x.crossAxis), b = n.reference[a] + n.reference[h] + (y ? 0 : ((A = c.offset) == null ? void 0 : A[a]) || 0) - (y ? x.crossAxis : 0);
-        o < p ? o = p : o > b && (o = b);
-      }
-      return {
-        [f]: i,
-        [a]: o
-      };
-    }
-  };
-}, me = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "size",
-    options: t,
-    async fn(e) {
-      const {
-        placement: d,
-        rects: s,
-        platform: r,
-        elements: n
-      } = e, {
-        apply: c = () => {
-        },
-        ...m
-      } = M(t, e), l = await F(e, m), u = T(d), g = Y(d), a = j(d) === "y", {
-        width: f,
-        height: i
-      } = s.floating;
-      let o, w;
-      u === "top" || u === "bottom" ? (o = u, w = g === (await (r.isRTL == null ? void 0 : r.isRTL(n.floating)) ? "start" : "end") ? "left" : "right") : (w = u, o = g === "end" ? "top" : "bottom");
-      const x = i - l[o], v = f - l[w], A = !e.middlewareData.shift;
-      let h = x, y = v;
-      if (a) {
-        const b = f - l.left - l.right;
-        y = g || A ? W(v, b) : b;
-      } else {
-        const b = i - l.top - l.bottom;
-        h = g || A ? W(x, b) : b;
-      }
-      if (A && !g) {
-        const b = L(l.left, 0), O = L(l.right, 0), R = L(l.top, 0), E = L(l.bottom, 0);
-        a ? y = f - 2 * (b !== 0 || O !== 0 ? b + O : L(l.left, l.right)) : h = i - 2 * (R !== 0 || E !== 0 ? R + E : L(l.top, l.bottom));
-      }
-      await c({
-        ...e,
-        availableWidth: y,
-        availableHeight: h
-      });
-      const p = await r.getDimensions(n.floating);
-      return f !== p.width || i !== p.height ? {
-        reset: {
-          rects: !0
-        }
-      } : {};
-    }
-  };
-};
+function ue(e, o) {
+  return e.map(
+    (n, t) => e[(o + t) % e.length]
+  );
+}
+const xe = re, Ce = fe;
 export {
-  oe as arrow,
-  se as computePosition,
-  F as detectOverflow,
-  ce as flip,
-  le as hide,
-  fe as limitShift,
-  ae as offset,
-  X as rectToClientRect,
-  re as shift,
-  me as size
+  Ce as Item,
+  xe as Root,
+  re as RovingFocusGroup,
+  fe as RovingFocusGroupItem,
+  Ee as createRovingFocusGroupScope
 };
 //# sourceMappingURL=index.es189.js.map