@rpcbase/ui 0.183.0 → 0.185.0

package/dist/index36.js

@@ -1,236 +1,397 @@
-import { useLayoutEffect as R, useEffect as g, useRef as o, useMemo as l, useCallback as i } from "react";
-function Y() {
-  for (var n = arguments.length, t = new Array(n), e = 0; e < n; e++)
-    t[e] = arguments[e];
-  return l(
-    () => (u) => {
-      t.forEach((r) => r(u));
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    t
-  );
-}
-const D = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function a(n) {
-  const t = Object.prototype.toString.call(n);
-  return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
-  t === "[object global]";
-}
-function b(n) {
-  return "nodeType" in n;
-}
-function c(n) {
-  var t, e;
-  return n ? a(n) ? n : b(n) && (t = (e = n.ownerDocument) == null ? void 0 : e.defaultView) != null ? t : window : window;
+import B, { useContext as fe, useMemo as E, useRef as P, useEffect as L, useState as ge } from "react";
+import { useDroppable as pe, useDraggable as be, getClientRect as ve, KeyboardCode as h, closestCorners as me, getFirstCollision as Ie, getScrollableAncestors as xe, useDndContext as he } from "./index35.js";
+import { useCombinedRefs as Ce, CSS as H, isKeyboardEvent as we, useIsomorphicLayoutEffect as V, subtract as De, useUniqueId as ye } from "./index37.js";
+function Y(e, t, r) {
+  const n = e.slice();
+  return n.splice(r < 0 ? n.length + r : r, 0, n.splice(t, 1)[0]), n;
 }
-function j(n) {
-  const {
-    Document: t
-  } = c(n);
-  return n instanceof t;
-}
-function C(n) {
-  return a(n) ? !1 : n instanceof c(n).HTMLElement;
-}
-function L(n) {
-  return n instanceof c(n).SVGElement;
+function Re(e, t) {
+  return e.reduce((r, n, a) => {
+    const d = t.get(n);
+    return d && (r[a] = d), r;
+  }, Array(e.length));
 }
-function x(n) {
-  return n ? a(n) ? n.document : b(n) ? j(n) ? n : C(n) || L(n) ? n.ownerDocument : document : document : document;
+function N(e) {
+  return e !== null && e >= 0;
 }
-const E = D ? R : g;
-function M(n) {
-  const t = o(n);
-  return E(() => {
-    t.current = n;
-  }), i(function() {
-    for (var e = arguments.length, u = new Array(e), r = 0; r < e; r++)
-      u[r] = arguments[r];
-    return t.current == null ? void 0 : t.current(...u);
-  }, []);
-}
-function A() {
-  const n = o(null), t = i((u, r) => {
-    n.current = setInterval(u, r);
-  }, []), e = i(() => {
-    n.current !== null && (clearInterval(n.current), n.current = null);
-  }, []);
-  return [t, e];
+function Se(e, t) {
+  if (e === t)
+    return !0;
+  if (e.length !== t.length)
+    return !1;
+  for (let r = 0; r < e.length; r++)
+    if (e[r] !== t[r])
+      return !1;
+  return !0;
 }
-function I(n, t) {
-  t === void 0 && (t = [n]);
-  const e = o(n);
-  return E(() => {
-    e.current !== n && (e.current = n);
-  }, t), e;
+function Ae(e) {
+  return typeof e == "boolean" ? {
+    draggable: e,
+    droppable: e
+  } : e;
 }
-function v(n, t) {
-  const e = o();
-  return l(
-    () => {
-      const u = n(e.current);
-      return e.current = u, u;
-    },
+const $ = (e) => {
+  let {
+    rects: t,
+    activeIndex: r,
+    overIndex: n,
+    index: a
+  } = e;
+  const d = Y(t, n, r), o = t[a], u = d[a];
+  return !u || !o ? null : {
+    x: u.left - o.left,
+    y: u.top - o.top,
+    scaleX: u.width / o.width,
+    scaleY: u.height / o.height
+  };
+}, G = "Sortable", J = /* @__PURE__ */ B.createContext({
+  activeIndex: -1,
+  containerId: G,
+  disableTransforms: !1,
+  items: [],
+  overIndex: -1,
+  useDragOverlay: !1,
+  sortedRects: [],
+  strategy: $,
+  disabled: {
+    draggable: !1,
+    droppable: !1
+  }
+});
+function Xe(e) {
+  let {
+    children: t,
+    id: r,
+    items: n,
+    strategy: a = $,
+    disabled: d = !1
+  } = e;
+  const {
+    active: o,
+    dragOverlay: u,
+    droppableRects: f,
+    over: g,
+    measureDroppableContainers: s
+  } = he(), i = ye(G, r), c = u.rect !== null, l = E(() => n.map((x) => typeof x == "object" && "id" in x ? x.id : x), [n]), C = o != null, w = o ? l.indexOf(o.id) : -1, v = g ? l.indexOf(g.id) : -1, D = P(l), I = !Se(l, D.current), m = v !== -1 && w === -1 || I, b = Ae(d);
+  V(() => {
+    I && C && s(l);
+  }, [I, l, C, s]), L(() => {
+    D.current = l;
+  }, [l]);
+  const y = E(
+    () => ({
+      activeIndex: w,
+      containerId: i,
+      disabled: b,
+      disableTransforms: m,
+      items: l,
+      overIndex: v,
+      useDragOverlay: c,
+      sortedRects: Re(l, f),
+      strategy: a
+    }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [...t]
-  );
-}
-function N(n) {
-  const t = M(n), e = o(null), u = i(
-    (r) => {
-      r !== e.current && t?.(r, e.current), e.current = r;
-    },
-    //eslint-disable-next-line
-    []
+    [w, i, b.draggable, b.droppable, m, l, v, f, c, a]
   );
-  return [e, u];
+  return B.createElement(J.Provider, {
+    value: y
+  }, t);
 }
-function F(n) {
-  const t = o();
-  return g(() => {
-    t.current = n;
-  }, [n]), t.current;
-}
-let f = {};
-function H(n, t) {
-  return l(() => {
-    if (t)
-      return t;
-    const e = f[n] == null ? 0 : f[n] + 1;
-    return f[n] = e, n + "-" + e;
-  }, [n, t]);
-}
-function S(n) {
-  return function(t) {
-    for (var e = arguments.length, u = new Array(e > 1 ? e - 1 : 0), r = 1; r < e; r++)
-      u[r - 1] = arguments[r];
-    return u.reduce((s, T) => {
-      const y = Object.entries(T);
-      for (const [d, p] of y) {
-        const m = s[d];
-        m != null && (s[d] = m + n * p);
+const Te = (e) => {
+  let {
+    id: t,
+    items: r,
+    activeIndex: n,
+    overIndex: a
+  } = e;
+  return Y(r, n, a).indexOf(t);
+}, Oe = (e) => {
+  let {
+    containerId: t,
+    isSorting: r,
+    wasDragging: n,
+    index: a,
+    items: d,
+    newIndex: o,
+    previousItems: u,
+    previousContainerId: f,
+    transition: g
+  } = e;
+  return !g || !n || u !== d && a === o ? !1 : r ? !0 : o !== a && t === f;
+}, Ne = {
+  duration: 200,
+  easing: "ease"
+}, Q = "transform", Ee = /* @__PURE__ */ H.Transition.toString({
+  property: Q,
+  duration: 0,
+  easing: "linear"
+}), Le = {
+  roleDescription: "sortable"
+};
+function _e(e) {
+  let {
+    disabled: t,
+    index: r,
+    node: n,
+    rect: a
+  } = e;
+  const [d, o] = ge(null), u = P(r);
+  return V(() => {
+    if (!t && r !== u.current && n.current) {
+      const f = a.current;
+      if (f) {
+        const g = ve(n.current, {
+          ignoreTransform: !0
+        }), s = {
+          x: f.left - g.left,
+          y: f.top - g.top,
+          scaleX: f.width / g.width,
+          scaleY: f.height / g.height
+        };
+        (s.x || s.y) && o(s);
       }
-      return s;
-    }, {
-      ...t
-    });
-  };
-}
-const W = /* @__PURE__ */ S(1), q = /* @__PURE__ */ S(-1);
-function O(n) {
-  return "clientX" in n && "clientY" in n;
-}
-function z(n) {
-  if (!n)
-    return !1;
-  const {
-    KeyboardEvent: t
-  } = c(n.target);
-  return t && n instanceof t;
+    }
+    r !== u.current && (u.current = r);
+  }, [t, r, n, a]), L(() => {
+    d && o(null);
+  }, [d]), d;
 }
-function V(n) {
-  if (!n)
-    return !1;
+function je(e) {
+  let {
+    animateLayoutChanges: t = Oe,
+    attributes: r,
+    disabled: n,
+    data: a,
+    getNewIndex: d = Te,
+    id: o,
+    strategy: u,
+    resizeObserverConfig: f,
+    transition: g = Ne
+  } = e;
   const {
-    TouchEvent: t
-  } = c(n.target);
-  return t && n instanceof t;
-}
-function G(n) {
-  if (V(n)) {
-    if (n.touches && n.touches.length) {
-      const {
-        clientX: t,
-        clientY: e
-      } = n.touches[0];
-      return {
-        x: t,
-        y: e
-      };
-    } else if (n.changedTouches && n.changedTouches.length) {
-      const {
-        clientX: t,
-        clientY: e
-      } = n.changedTouches[0];
-      return {
-        x: t,
-        y: e
-      };
+    items: s,
+    containerId: i,
+    activeIndex: c,
+    disabled: l,
+    disableTransforms: C,
+    sortedRects: w,
+    overIndex: v,
+    useDragOverlay: D,
+    strategy: I
+  } = fe(J), m = ke(n, l), b = s.indexOf(o), y = E(() => ({
+    sortable: {
+      containerId: i,
+      index: b,
+      items: s
+    },
+    ...a
+  }), [i, a, b, s]), x = E(() => s.slice(s.indexOf(o)), [s, o]), {
+    rect: O,
+    node: F,
+    isOver: Z,
+    setNodeRef: K
+  } = pe({
+    id: o,
+    data: y,
+    disabled: m.droppable,
+    resizeObserverConfig: {
+      updateMeasurementsFor: x,
+      ...f
+    }
+  }), {
+    active: A,
+    activatorEvent: ee,
+    activeNodeRect: te,
+    attributes: re,
+    setNodeRef: M,
+    listeners: ne,
+    isDragging: k,
+    over: oe,
+    setActivatorNodeRef: se,
+    transform: ie
+  } = be({
+    id: o,
+    data: y,
+    attributes: {
+      ...Le,
+      ...r
+    },
+    disabled: m.draggable
+  }), ae = Ce(K, M), R = !!A, U = R && !C && N(c) && N(v), X = !D && k, j = X && U ? ie : null, ce = U ? j ?? (u ?? I)({
+    rects: w,
+    activeNodeRect: te,
+    activeIndex: c,
+    overIndex: v,
+    index: b
+  }) : null, T = N(c) && N(v) ? d({
+    id: o,
+    items: s,
+    activeIndex: c,
+    overIndex: v
+  }) : b, S = A?.id, p = P({
+    activeId: S,
+    items: s,
+    newIndex: T,
+    containerId: i
+  }), le = s !== p.current.items, q = t({
+    active: A,
+    containerId: i,
+    isDragging: k,
+    isSorting: R,
+    id: o,
+    index: b,
+    items: s,
+    newIndex: p.current.newIndex,
+    previousItems: p.current.items,
+    previousContainerId: p.current.containerId,
+    transition: g,
+    wasDragging: p.current.activeId != null
+  }), z = _e({
+    disabled: !q,
+    index: b,
+    node: F,
+    rect: O
+  });
+  return L(() => {
+    R && p.current.newIndex !== T && (p.current.newIndex = T), i !== p.current.containerId && (p.current.containerId = i), s !== p.current.items && (p.current.items = s);
+  }, [R, T, i, s]), L(() => {
+    if (S === p.current.activeId)
+      return;
+    if (S != null && p.current.activeId == null) {
+      p.current.activeId = S;
+      return;
     }
+    const ue = setTimeout(() => {
+      p.current.activeId = S;
+    }, 50);
+    return () => clearTimeout(ue);
+  }, [S]), {
+    active: A,
+    activeIndex: c,
+    attributes: re,
+    data: y,
+    rect: O,
+    index: b,
+    newIndex: T,
+    items: s,
+    isOver: Z,
+    isSorting: R,
+    isDragging: k,
+    listeners: ne,
+    node: F,
+    overIndex: v,
+    over: oe,
+    setNodeRef: ae,
+    setActivatorNodeRef: se,
+    setDroppableNodeRef: K,
+    setDraggableNodeRef: M,
+    transform: z ?? ce,
+    transition: de()
+  };
+  function de() {
+    if (
+      // Temporarily disable transitions for a single frame to set up derived transforms
+      z || // Or to prevent items jumping to back to their "new" position when items change
+      le && p.current.newIndex === b
+    )
+      return Ee;
+    if (!(X && !we(ee) || !g) && (R || q))
+      return H.Transition.toString({
+        ...g,
+        property: Q
+      });
   }
-  return O(n) ? {
-    x: n.clientX,
-    y: n.clientY
-  } : null;
 }
-const w = /* @__PURE__ */ Object.freeze({
-  Translate: {
-    toString(n) {
-      if (!n)
-        return;
-      const {
-        x: t,
-        y: e
-      } = n;
-      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
+function ke(e, t) {
+  var r, n;
+  return typeof e == "boolean" ? {
+    draggable: e,
+    // Backwards compatibility
+    droppable: !1
+  } : {
+    draggable: (r = e?.draggable) != null ? r : t.draggable,
+    droppable: (n = e?.droppable) != null ? n : t.droppable
+  };
+}
+function _(e) {
+  if (!e)
+    return !1;
+  const t = e.data.current;
+  return !!(t && "sortable" in t && typeof t.sortable == "object" && "containerId" in t.sortable && "items" in t.sortable && "index" in t.sortable);
+}
+const ze = [h.Down, h.Right, h.Up, h.Left], qe = (e, t) => {
+  let {
+    context: {
+      active: r,
+      collisionRect: n,
+      droppableRects: a,
+      droppableContainers: d,
+      over: o,
+      scrollableAncestors: u
     }
-  },
-  Scale: {
-    toString(n) {
-      if (!n)
+  } = t;
+  if (ze.includes(e.code)) {
+    if (e.preventDefault(), !r || !n)
+      return;
+    const f = [];
+    d.getEnabled().forEach((i) => {
+      if (!i || i != null && i.disabled)
         return;
-      const {
-        scaleX: t,
-        scaleY: e
-      } = n;
-      return "scaleX(" + t + ") scaleY(" + e + ")";
-    }
-  },
-  Transform: {
-    toString(n) {
-      if (n)
-        return [w.Translate.toString(n), w.Scale.toString(n)].join(" ");
-    }
-  },
-  Transition: {
-    toString(n) {
-      let {
-        property: t,
-        duration: e,
-        easing: u
-      } = n;
-      return t + " " + e + "ms " + u;
+      const c = a.get(i.id);
+      if (c)
+        switch (e.code) {
+          case h.Down:
+            n.top < c.top && f.push(i);
+            break;
+          case h.Up:
+            n.top > c.top && f.push(i);
+            break;
+          case h.Left:
+            n.left > c.left && f.push(i);
+            break;
+          case h.Right:
+            n.left < c.left && f.push(i);
+            break;
+        }
+    });
+    const g = me({
+      collisionRect: n,
+      droppableRects: a,
+      droppableContainers: f
+    });
+    let s = Ie(g, "id");
+    if (s === o?.id && g.length > 1 && (s = g[1].id), s != null) {
+      const i = d.get(r.id), c = d.get(s), l = c ? a.get(c.id) : null, C = c?.node.current;
+      if (C && l && i && c) {
+        const v = xe(C).some((x, O) => u[O] !== x), D = W(i, c), I = Pe(i, c), m = v || !D ? {
+          x: 0,
+          y: 0
+        } : {
+          x: I ? n.width - l.width : 0,
+          y: I ? n.height - l.height : 0
+        }, b = {
+          x: l.left,
+          y: l.top
+        };
+        return m.x && m.y ? b : De(b, m);
+      }
     }
   }
-}), h = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function K(n) {
-  return n.matches(h) ? n : n.querySelector(h);
+};
+function W(e, t) {
+  return !_(e) || !_(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
+}
+function Pe(e, t) {
+  return !_(e) || !_(t) || !W(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
 }
 export {
-  w as CSS,
-  W as add,
-  D as canUseDOM,
-  K as findFirstFocusableNode,
-  G as getEventCoordinates,
-  x as getOwnerDocument,
-  c as getWindow,
-  O as hasViewportRelativeCoordinates,
-  j as isDocument,
-  C as isHTMLElement,
-  z as isKeyboardEvent,
-  b as isNode,
-  L as isSVGElement,
-  V as isTouchEvent,
-  a as isWindow,
-  q as subtract,
-  Y as useCombinedRefs,
-  M as useEvent,
-  A as useInterval,
-  E as useIsomorphicLayoutEffect,
-  I as useLatestValue,
-  v as useLazyMemo,
-  N as useNodeRef,
-  F as usePrevious,
-  H as useUniqueId
+  Xe as SortableContext,
+  Y as arrayMove,
+  Oe as defaultAnimateLayoutChanges,
+  Te as defaultNewIndexGetter,
+  _ as hasSortableData,
+  $ as rectSortingStrategy,
+  qe as sortableKeyboardCoordinates,
+  je as useSortable
 };
 //# sourceMappingURL=index36.js.map