@rpcbase/ui 0.161.0 → 0.162.0

package/dist/index43.js

@@ -1,397 +1,236 @@
-import B, { useMemo as E, useRef as P, useEffect as L, useContext as fe, useState as ge } from "react";
-import { useDndContext as pe, KeyboardCode as h, closestCorners as be, getFirstCollision as ve, getScrollableAncestors as me, useDroppable as Ie, useDraggable as xe, getClientRect as he } from "./index42.js";
-import { useUniqueId as Ce, useIsomorphicLayoutEffect as H, subtract as we, useCombinedRefs as De, CSS as V, isKeyboardEvent as ye } from "./index44.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 Re(e, t) {
-  return e.reduce((r, n, a) => {
-    const d = t.get(n);
-    return d && (r[a] = d), r;
-  }, Array(e.length));
+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
+  );
 }
-function N(e) {
-  return e !== null && e >= 0;
+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 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 b(n) {
+  return "nodeType" in n;
 }
-function Ae(e) {
-  return typeof e == "boolean" ? {
-    draggable: e,
-    droppable: e
-  } : e;
+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;
 }
-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;
+function j(n) {
   const {
-    active: o,
-    dragOverlay: u,
-    droppableRects: f,
-    over: g,
-    measureDroppableContainers: s
-  } = pe(), i = Ce(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);
-  H(() => {
-    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
-    [w, i, b.draggable, b.droppable, m, l, v, f, c, a]
-  );
-  return B.createElement(J.Provider, {
-    value: y
-  }, t);
+    Document: t
+  } = c(n);
+  return n instanceof t;
 }
-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__ */ V.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 H(() => {
-    if (!t && r !== u.current && n.current) {
-      const f = a.current;
-      if (f) {
-        const g = he(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);
-      }
-    }
-    r !== u.current && (u.current = r);
-  }, [t, r, n, a]), L(() => {
-    d && o(null);
-  }, [d]), d;
+function C(n) {
+  return a(n) ? !1 : n instanceof c(n).HTMLElement;
 }
-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 {
-    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
+function L(n) {
+  return n instanceof c(n).SVGElement;
+}
+function x(n) {
+  return n ? a(n) ? n.document : b(n) ? j(n) ? n : C(n) || L(n) ? n.ownerDocument : document : document : document;
+}
+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 I(n, t) {
+  t === void 0 && (t = [n]);
+  const e = o(n);
+  return E(() => {
+    e.current !== n && (e.current = n);
+  }, t), e;
+}
+function v(n, t) {
+  const e = o();
+  return l(
+    () => {
+      const u = n(e.current);
+      return e.current = u, u;
     },
-    ...a
-  }), [i, a, b, s]), x = E(() => s.slice(s.indexOf(o)), [s, o]), {
-    rect: O,
-    node: F,
-    isOver: Z,
-    setNodeRef: K
-  } = Ie({
-    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
-  } = xe({
-    id: o,
-    data: y,
-    attributes: {
-      ...Le,
-      ...r
+    // 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;
     },
-    disabled: m.draggable
-  }), ae = De(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 && !ye(ee) || !g) && (R || q))
-      return V.Transition.toString({
-        ...g,
-        property: Q
-      });
-  }
+    //eslint-disable-next-line
+    []
+  );
+  return [e, u];
 }
-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 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);
+      }
+      return s;
+    }, {
+      ...t
+    });
   };
 }
-function _(e) {
-  if (!e)
+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;
+}
+function V(n) {
+  if (!n)
     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 {
+    TouchEvent: t
+  } = c(n.target);
+  return t && n instanceof t;
 }
-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
+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
+      };
     }
-  } = 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 O(n) ? {
+    x: n.clientX,
+    y: n.clientY
+  } : null;
+}
+const w = /* @__PURE__ */ Object.freeze({
+  Translate: {
+    toString(n) {
+      if (!n)
         return;
-      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 = be({
-      collisionRect: n,
-      droppableRects: a,
-      droppableContainers: f
-    });
-    let s = ve(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 = me(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 : we(b, m);
-      }
+      const {
+        x: t,
+        y: e
+      } = n;
+      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
+    }
+  },
+  Scale: {
+    toString(n) {
+      if (!n)
+        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;
     }
   }
-};
-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;
+}), 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);
 }
 export {
-  Xe as SortableContext,
-  Y as arrayMove,
-  Oe as defaultAnimateLayoutChanges,
-  Te as defaultNewIndexGetter,
-  _ as hasSortableData,
-  $ as rectSortingStrategy,
-  qe as sortableKeyboardCoordinates,
-  je as useSortable
+  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
 };
 //# sourceMappingURL=index43.js.map