@rpcbase/ui 0.164.0 → 0.166.0

package/dist/index42.js

@@ -1,397 +1,69 @@
-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 "./index41.js";
-import { useUniqueId as Ce, useIsomorphicLayoutEffect as H, subtract as we, useCombinedRefs as De, CSS as V, isKeyboardEvent as ye } from "./index43.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));
-}
-function N(e) {
-  return e !== null && e >= 0;
-}
-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 Ae(e) {
-  return typeof e == "boolean" ? {
-    draggable: e,
-    droppable: e
-  } : e;
-}
-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
+import { j as e } from "./index28.js";
+import { clsx as x } from "./index25.js";
+import { useState as p, useRef as o, useEffect as h } from "react";
+import { Link as v } from "react-router";
+const w = ({
+  href: n,
+  labelClassName: a,
+  labelActiveClassName: i,
+  labelElement: l,
+  isActive: u,
+  children: c
+}) => {
+  const [s, r] = p(!1), t = o(null), m = o(null), f = () => {
+    t.current && clearTimeout(t.current), r(!0);
+  }, d = () => {
+    t.current = setTimeout(() => {
+      r(!1);
+    }, 120);
   };
-}, 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
-  } = 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);
-}
-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 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
-    },
-    ...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
+  return h(() => () => {
+    t.current && clearTimeout(t.current);
+  }, []), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "flex",
+      ref: m,
+      onMouseEnter: f,
+      onMouseLeave: d,
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "relative flex", children: /* @__PURE__ */ e.jsx(
+          v,
+          {
+            to: n,
+            onClick: () => {
+              r(!1);
+            },
+            className: x(
+              "relative z-10 -mb-px flex items-center border-b-2 pt-px text-sm font-medium text-gray-700 cursor-pointer transition-colors duration-200 ease-out hover:text-gray-800",
+              a,
+              s || u ? i : "border-transparent"
+            ),
+            children: l
+          }
+        ) }),
+        s && /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: "absolute left-0 right-0 top-full z-20 text-gray-500 sm:text-sm",
+            style: { width: "100vw", left: "50%", transform: "translateX(-50%)" },
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute inset-0 top-1/2 bg-white shadow-sm"
+                }
+              ),
+              /* @__PURE__ */ e.jsx("div", { className: "relative bg-white", children: c({ setIsOpen: r }) })
+            ]
+          }
+        )
+      ]
     }
-  }), {
-    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
-    },
-    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
-      });
-  }
-}
-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
-    }
-  } = 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 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);
-      }
-    }
-  }
+  );
 };
-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 {
-  Xe as SortableContext,
-  Y as arrayMove,
-  Oe as defaultAnimateLayoutChanges,
-  Te as defaultNewIndexGetter,
-  _ as hasSortableData,
-  $ as rectSortingStrategy,
-  qe as sortableKeyboardCoordinates,
-  je as useSortable
+  w as MenuPopover
 };
 //# sourceMappingURL=index42.js.map

package/dist/index42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index42.js","sources":["../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js"],"sourcesContent":["import React, { useMemo, useRef, useEffect, useState, useContext } from 'react';\nimport { useDndContext, getClientRect, useDroppable, useDraggable, closestCorners, getFirstCollision, getScrollableAncestors, KeyboardCode } from '@dnd-kit/core';\nimport { useUniqueId, useIsomorphicLayoutEffect, CSS, useCombinedRefs, isKeyboardEvent, subtract } from '@dnd-kit/utilities';\n\n/**\r\n * Move an array item to a different position. Returns a new array with the item moved to the new position.\r\n */\nfunction arrayMove(array, from, to) {\n  const newArray = array.slice();\n  newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);\n  return newArray;\n}\n\n/**\r\n * Swap an array item to a different position. Returns a new array with the item swapped to the new position.\r\n */\nfunction arraySwap(array, from, to) {\n  const newArray = array.slice();\n  newArray[from] = array[to];\n  newArray[to] = array[from];\n  return newArray;\n}\n\nfunction getSortedRects(items, rects) {\n  return items.reduce((accumulator, id, index) => {\n    const rect = rects.get(id);\n\n    if (rect) {\n      accumulator[index] = rect;\n    }\n\n    return accumulator;\n  }, Array(items.length));\n}\n\nfunction isValidIndex(index) {\n  return index !== null && index >= 0;\n}\n\nfunction itemsEqual(a, b) {\n  if (a === b) {\n    return true;\n  }\n\n  if (a.length !== b.length) {\n    return false;\n  }\n\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction normalizeDisabled(disabled) {\n  if (typeof disabled === 'boolean') {\n    return {\n      draggable: disabled,\n      droppable: disabled\n    };\n  }\n\n  return disabled;\n}\n\n// To-do: We should be calculating scale transformation\nconst defaultScale = {\n  scaleX: 1,\n  scaleY: 1\n};\nconst horizontalListSortingStrategy = _ref => {\n  var _rects$activeIndex;\n\n  let {\n    rects,\n    activeNodeRect: fallbackActiveRect,\n    activeIndex,\n    overIndex,\n    index\n  } = _ref;\n  const activeNodeRect = (_rects$activeIndex = rects[activeIndex]) != null ? _rects$activeIndex : fallbackActiveRect;\n\n  if (!activeNodeRect) {\n    return null;\n  }\n\n  const itemGap = getItemGap(rects, index, activeIndex);\n\n  if (index === activeIndex) {\n    const newIndexRect = rects[overIndex];\n\n    if (!newIndexRect) {\n      return null;\n    }\n\n    return {\n      x: activeIndex < overIndex ? newIndexRect.left + newIndexRect.width - (activeNodeRect.left + activeNodeRect.width) : newIndexRect.left - activeNodeRect.left,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  if (index > activeIndex && index <= overIndex) {\n    return {\n      x: -activeNodeRect.width - itemGap,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  if (index < activeIndex && index >= overIndex) {\n    return {\n      x: activeNodeRect.width + itemGap,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    ...defaultScale\n  };\n};\n\nfunction getItemGap(rects, index, activeIndex) {\n  const currentRect = rects[index];\n  const previousRect = rects[index - 1];\n  const nextRect = rects[index + 1];\n\n  if (!currentRect || !previousRect && !nextRect) {\n    return 0;\n  }\n\n  if (activeIndex < index) {\n    return previousRect ? currentRect.left - (previousRect.left + previousRect.width) : nextRect.left - (currentRect.left + currentRect.width);\n  }\n\n  return nextRect ? nextRect.left - (currentRect.left + currentRect.width) : currentRect.left - (previousRect.left + previousRect.width);\n}\n\nconst rectSortingStrategy = _ref => {\n  let {\n    rects,\n    activeIndex,\n    overIndex,\n    index\n  } = _ref;\n  const newRects = arrayMove(rects, overIndex, activeIndex);\n  const oldRect = rects[index];\n  const newRect = newRects[index];\n\n  if (!newRect || !oldRect) {\n    return null;\n  }\n\n  return {\n    x: newRect.left - oldRect.left,\n    y: newRect.top - oldRect.top,\n    scaleX: newRect.width / oldRect.width,\n    scaleY: newRect.height / oldRect.height\n  };\n};\n\nconst rectSwappingStrategy = _ref => {\n  let {\n    activeIndex,\n    index,\n    rects,\n    overIndex\n  } = _ref;\n  let oldRect;\n  let newRect;\n\n  if (index === activeIndex) {\n    oldRect = rects[index];\n    newRect = rects[overIndex];\n  }\n\n  if (index === overIndex) {\n    oldRect = rects[index];\n    newRect = rects[activeIndex];\n  }\n\n  if (!newRect || !oldRect) {\n    return null;\n  }\n\n  return {\n    x: newRect.left - oldRect.left,\n    y: newRect.top - oldRect.top,\n    scaleX: newRect.width / oldRect.width,\n    scaleY: newRect.height / oldRect.height\n  };\n};\n\n// To-do: We should be calculating scale transformation\nconst defaultScale$1 = {\n  scaleX: 1,\n  scaleY: 1\n};\nconst verticalListSortingStrategy = _ref => {\n  var _rects$activeIndex;\n\n  let {\n    activeIndex,\n    activeNodeRect: fallbackActiveRect,\n    index,\n    rects,\n    overIndex\n  } = _ref;\n  const activeNodeRect = (_rects$activeIndex = rects[activeIndex]) != null ? _rects$activeIndex : fallbackActiveRect;\n\n  if (!activeNodeRect) {\n    return null;\n  }\n\n  if (index === activeIndex) {\n    const overIndexRect = rects[overIndex];\n\n    if (!overIndexRect) {\n      return null;\n    }\n\n    return {\n      x: 0,\n      y: activeIndex < overIndex ? overIndexRect.top + overIndexRect.height - (activeNodeRect.top + activeNodeRect.height) : overIndexRect.top - activeNodeRect.top,\n      ...defaultScale$1\n    };\n  }\n\n  const itemGap = getItemGap$1(rects, index, activeIndex);\n\n  if (index > activeIndex && index <= overIndex) {\n    return {\n      x: 0,\n      y: -activeNodeRect.height - itemGap,\n      ...defaultScale$1\n    };\n  }\n\n  if (index < activeIndex && index >= overIndex) {\n    return {\n      x: 0,\n      y: activeNodeRect.height + itemGap,\n      ...defaultScale$1\n    };\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    ...defaultScale$1\n  };\n};\n\nfunction getItemGap$1(clientRects, index, activeIndex) {\n  const currentRect = clientRects[index];\n  const previousRect = clientRects[index - 1];\n  const nextRect = clientRects[index + 1];\n\n  if (!currentRect) {\n    return 0;\n  }\n\n  if (activeIndex < index) {\n    return previousRect ? currentRect.top - (previousRect.top + previousRect.height) : nextRect ? nextRect.top - (currentRect.top + currentRect.height) : 0;\n  }\n\n  return nextRect ? nextRect.top - (currentRect.top + currentRect.height) : previousRect ? currentRect.top - (previousRect.top + previousRect.height) : 0;\n}\n\nconst ID_PREFIX = 'Sortable';\nconst Context = /*#__PURE__*/React.createContext({\n  activeIndex: -1,\n  containerId: ID_PREFIX,\n  disableTransforms: false,\n  items: [],\n  overIndex: -1,\n  useDragOverlay: false,\n  sortedRects: [],\n  strategy: rectSortingStrategy,\n  disabled: {\n    draggable: false,\n    droppable: false\n  }\n});\nfunction SortableContext(_ref) {\n  let {\n    children,\n    id,\n    items: userDefinedItems,\n    strategy = rectSortingStrategy,\n    disabled: disabledProp = false\n  } = _ref;\n  const {\n    active,\n    dragOverlay,\n    droppableRects,\n    over,\n    measureDroppableContainers\n  } = useDndContext();\n  const containerId = useUniqueId(ID_PREFIX, id);\n  const useDragOverlay = Boolean(dragOverlay.rect !== null);\n  const items = useMemo(() => userDefinedItems.map(item => typeof item === 'object' && 'id' in item ? item.id : item), [userDefinedItems]);\n  const isDragging = active != null;\n  const activeIndex = active ? items.indexOf(active.id) : -1;\n  const overIndex = over ? items.indexOf(over.id) : -1;\n  const previousItemsRef = useRef(items);\n  const itemsHaveChanged = !itemsEqual(items, previousItemsRef.current);\n  const disableTransforms = overIndex !== -1 && activeIndex === -1 || itemsHaveChanged;\n  const disabled = normalizeDisabled(disabledProp);\n  useIsomorphicLayoutEffect(() => {\n    if (itemsHaveChanged && isDragging) {\n      measureDroppableContainers(items);\n    }\n  }, [itemsHaveChanged, items, isDragging, measureDroppableContainers]);\n  useEffect(() => {\n    previousItemsRef.current = items;\n  }, [items]);\n  const contextValue = useMemo(() => ({\n    activeIndex,\n    containerId,\n    disabled,\n    disableTransforms,\n    items,\n    overIndex,\n    useDragOverlay,\n    sortedRects: getSortedRects(items, droppableRects),\n    strategy\n  }), // eslint-disable-next-line react-hooks/exhaustive-deps\n  [activeIndex, containerId, disabled.draggable, disabled.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]);\n  return React.createElement(Context.Provider, {\n    value: contextValue\n  }, children);\n}\n\nconst defaultNewIndexGetter = _ref => {\n  let {\n    id,\n    items,\n    activeIndex,\n    overIndex\n  } = _ref;\n  return arrayMove(items, activeIndex, overIndex).indexOf(id);\n};\nconst defaultAnimateLayoutChanges = _ref2 => {\n  let {\n    containerId,\n    isSorting,\n    wasDragging,\n    index,\n    items,\n    newIndex,\n    previousItems,\n    previousContainerId,\n    transition\n  } = _ref2;\n\n  if (!transition || !wasDragging) {\n    return false;\n  }\n\n  if (previousItems !== items && index === newIndex) {\n    return false;\n  }\n\n  if (isSorting) {\n    return true;\n  }\n\n  return newIndex !== index && containerId === previousContainerId;\n};\nconst defaultTransition = {\n  duration: 200,\n  easing: 'ease'\n};\nconst transitionProperty = 'transform';\nconst disabledTransition = /*#__PURE__*/CSS.Transition.toString({\n  property: transitionProperty,\n  duration: 0,\n  easing: 'linear'\n});\nconst defaultAttributes = {\n  roleDescription: 'sortable'\n};\n\n/*\r\n * When the index of an item changes while sorting,\r\n * we need to temporarily disable the transforms\r\n */\n\nfunction useDerivedTransform(_ref) {\n  let {\n    disabled,\n    index,\n    node,\n    rect\n  } = _ref;\n  const [derivedTransform, setDerivedtransform] = useState(null);\n  const previousIndex = useRef(index);\n  useIsomorphicLayoutEffect(() => {\n    if (!disabled && index !== previousIndex.current && node.current) {\n      const initial = rect.current;\n\n      if (initial) {\n        const current = getClientRect(node.current, {\n          ignoreTransform: true\n        });\n        const delta = {\n          x: initial.left - current.left,\n          y: initial.top - current.top,\n          scaleX: initial.width / current.width,\n          scaleY: initial.height / current.height\n        };\n\n        if (delta.x || delta.y) {\n          setDerivedtransform(delta);\n        }\n      }\n    }\n\n    if (index !== previousIndex.current) {\n      previousIndex.current = index;\n    }\n  }, [disabled, index, node, rect]);\n  useEffect(() => {\n    if (derivedTransform) {\n      setDerivedtransform(null);\n    }\n  }, [derivedTransform]);\n  return derivedTransform;\n}\n\nfunction useSortable(_ref) {\n  let {\n    animateLayoutChanges = defaultAnimateLayoutChanges,\n    attributes: userDefinedAttributes,\n    disabled: localDisabled,\n    data: customData,\n    getNewIndex = defaultNewIndexGetter,\n    id,\n    strategy: localStrategy,\n    resizeObserverConfig,\n    transition = defaultTransition\n  } = _ref;\n  const {\n    items,\n    containerId,\n    activeIndex,\n    disabled: globalDisabled,\n    disableTransforms,\n    sortedRects,\n    overIndex,\n    useDragOverlay,\n    strategy: globalStrategy\n  } = useContext(Context);\n  const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);\n  const index = items.indexOf(id);\n  const data = useMemo(() => ({\n    sortable: {\n      containerId,\n      index,\n      items\n    },\n    ...customData\n  }), [containerId, customData, index, items]);\n  const itemsAfterCurrentSortable = useMemo(() => items.slice(items.indexOf(id)), [items, id]);\n  const {\n    rect,\n    node,\n    isOver,\n    setNodeRef: setDroppableNodeRef\n  } = useDroppable({\n    id,\n    data,\n    disabled: disabled.droppable,\n    resizeObserverConfig: {\n      updateMeasurementsFor: itemsAfterCurrentSortable,\n      ...resizeObserverConfig\n    }\n  });\n  const {\n    active,\n    activatorEvent,\n    activeNodeRect,\n    attributes,\n    setNodeRef: setDraggableNodeRef,\n    listeners,\n    isDragging,\n    over,\n    setActivatorNodeRef,\n    transform\n  } = useDraggable({\n    id,\n    data,\n    attributes: { ...defaultAttributes,\n      ...userDefinedAttributes\n    },\n    disabled: disabled.draggable\n  });\n  const setNodeRef = useCombinedRefs(setDroppableNodeRef, setDraggableNodeRef);\n  const isSorting = Boolean(active);\n  const displaceItem = isSorting && !disableTransforms && isValidIndex(activeIndex) && isValidIndex(overIndex);\n  const shouldDisplaceDragSource = !useDragOverlay && isDragging;\n  const dragSourceDisplacement = shouldDisplaceDragSource && displaceItem ? transform : null;\n  const strategy = localStrategy != null ? localStrategy : globalStrategy;\n  const finalTransform = displaceItem ? dragSourceDisplacement != null ? dragSourceDisplacement : strategy({\n    rects: sortedRects,\n    activeNodeRect,\n    activeIndex,\n    overIndex,\n    index\n  }) : null;\n  const newIndex = isValidIndex(activeIndex) && isValidIndex(overIndex) ? getNewIndex({\n    id,\n    items,\n    activeIndex,\n    overIndex\n  }) : index;\n  const activeId = active == null ? void 0 : active.id;\n  const previous = useRef({\n    activeId,\n    items,\n    newIndex,\n    containerId\n  });\n  const itemsHaveChanged = items !== previous.current.items;\n  const shouldAnimateLayoutChanges = animateLayoutChanges({\n    active,\n    containerId,\n    isDragging,\n    isSorting,\n    id,\n    index,\n    items,\n    newIndex: previous.current.newIndex,\n    previousItems: previous.current.items,\n    previousContainerId: previous.current.containerId,\n    transition,\n    wasDragging: previous.current.activeId != null\n  });\n  const derivedTransform = useDerivedTransform({\n    disabled: !shouldAnimateLayoutChanges,\n    index,\n    node,\n    rect\n  });\n  useEffect(() => {\n    if (isSorting && previous.current.newIndex !== newIndex) {\n      previous.current.newIndex = newIndex;\n    }\n\n    if (containerId !== previous.current.containerId) {\n      previous.current.containerId = containerId;\n    }\n\n    if (items !== previous.current.items) {\n      previous.current.items = items;\n    }\n  }, [isSorting, newIndex, containerId, items]);\n  useEffect(() => {\n    if (activeId === previous.current.activeId) {\n      return;\n    }\n\n    if (activeId != null && previous.current.activeId == null) {\n      previous.current.activeId = activeId;\n      return;\n    }\n\n    const timeoutId = setTimeout(() => {\n      previous.current.activeId = activeId;\n    }, 50);\n    return () => clearTimeout(timeoutId);\n  }, [activeId]);\n  return {\n    active,\n    activeIndex,\n    attributes,\n    data,\n    rect,\n    index,\n    newIndex,\n    items,\n    isOver,\n    isSorting,\n    isDragging,\n    listeners,\n    node,\n    overIndex,\n    over,\n    setNodeRef,\n    setActivatorNodeRef,\n    setDroppableNodeRef,\n    setDraggableNodeRef,\n    transform: derivedTransform != null ? derivedTransform : finalTransform,\n    transition: getTransition()\n  };\n\n  function getTransition() {\n    if ( // Temporarily disable transitions for a single frame to set up derived transforms\n    derivedTransform || // Or to prevent items jumping to back to their \"new\" position when items change\n    itemsHaveChanged && previous.current.newIndex === index) {\n      return disabledTransition;\n    }\n\n    if (shouldDisplaceDragSource && !isKeyboardEvent(activatorEvent) || !transition) {\n      return undefined;\n    }\n\n    if (isSorting || shouldAnimateLayoutChanges) {\n      return CSS.Transition.toString({ ...transition,\n        property: transitionProperty\n      });\n    }\n\n    return undefined;\n  }\n}\n\nfunction normalizeLocalDisabled(localDisabled, globalDisabled) {\n  var _localDisabled$dragga, _localDisabled$droppa;\n\n  if (typeof localDisabled === 'boolean') {\n    return {\n      draggable: localDisabled,\n      // Backwards compatibility\n      droppable: false\n    };\n  }\n\n  return {\n    draggable: (_localDisabled$dragga = localDisabled == null ? void 0 : localDisabled.draggable) != null ? _localDisabled$dragga : globalDisabled.draggable,\n    droppable: (_localDisabled$droppa = localDisabled == null ? void 0 : localDisabled.droppable) != null ? _localDisabled$droppa : globalDisabled.droppable\n  };\n}\n\nfunction hasSortableData(entry) {\n  if (!entry) {\n    return false;\n  }\n\n  const data = entry.data.current;\n\n  if (data && 'sortable' in data && typeof data.sortable === 'object' && 'containerId' in data.sortable && 'items' in data.sortable && 'index' in data.sortable) {\n    return true;\n  }\n\n  return false;\n}\n\nconst directions = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\nconst sortableKeyboardCoordinates = (event, _ref) => {\n  let {\n    context: {\n      active,\n      collisionRect,\n      droppableRects,\n      droppableContainers,\n      over,\n      scrollableAncestors\n    }\n  } = _ref;\n\n  if (directions.includes(event.code)) {\n    event.preventDefault();\n\n    if (!active || !collisionRect) {\n      return;\n    }\n\n    const filteredContainers = [];\n    droppableContainers.getEnabled().forEach(entry => {\n      if (!entry || entry != null && entry.disabled) {\n        return;\n      }\n\n      const rect = droppableRects.get(entry.id);\n\n      if (!rect) {\n        return;\n      }\n\n      switch (event.code) {\n        case KeyboardCode.Down:\n          if (collisionRect.top < rect.top) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Up:\n          if (collisionRect.top > rect.top) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Left:\n          if (collisionRect.left > rect.left) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Right:\n          if (collisionRect.left < rect.left) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n      }\n    });\n    const collisions = closestCorners({\n      active,\n      collisionRect: collisionRect,\n      droppableRects,\n      droppableContainers: filteredContainers,\n      pointerCoordinates: null\n    });\n    let closestId = getFirstCollision(collisions, 'id');\n\n    if (closestId === (over == null ? void 0 : over.id) && collisions.length > 1) {\n      closestId = collisions[1].id;\n    }\n\n    if (closestId != null) {\n      const activeDroppable = droppableContainers.get(active.id);\n      const newDroppable = droppableContainers.get(closestId);\n      const newRect = newDroppable ? droppableRects.get(newDroppable.id) : null;\n      const newNode = newDroppable == null ? void 0 : newDroppable.node.current;\n\n      if (newNode && newRect && activeDroppable && newDroppable) {\n        const newScrollAncestors = getScrollableAncestors(newNode);\n        const hasDifferentScrollAncestors = newScrollAncestors.some((element, index) => scrollableAncestors[index] !== element);\n        const hasSameContainer = isSameContainer(activeDroppable, newDroppable);\n        const isAfterActive = isAfter(activeDroppable, newDroppable);\n        const offset = hasDifferentScrollAncestors || !hasSameContainer ? {\n          x: 0,\n          y: 0\n        } : {\n          x: isAfterActive ? collisionRect.width - newRect.width : 0,\n          y: isAfterActive ? collisionRect.height - newRect.height : 0\n        };\n        const rectCoordinates = {\n          x: newRect.left,\n          y: newRect.top\n        };\n        const newCoordinates = offset.x && offset.y ? rectCoordinates : subtract(rectCoordinates, offset);\n        return newCoordinates;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nfunction isSameContainer(a, b) {\n  if (!hasSortableData(a) || !hasSortableData(b)) {\n    return false;\n  }\n\n  return a.data.current.sortable.containerId === b.data.current.sortable.containerId;\n}\n\nfunction isAfter(a, b) {\n  if (!hasSortableData(a) || !hasSortableData(b)) {\n    return false;\n  }\n\n  if (!isSameContainer(a, b)) {\n    return false;\n  }\n\n  return a.data.current.sortable.index < b.data.current.sortable.index;\n}\n\nexport { SortableContext, arrayMove, arraySwap, defaultAnimateLayoutChanges, defaultNewIndexGetter, hasSortableData, horizontalListSortingStrategy, rectSortingStrategy, rectSwappingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy };\n//# sourceMappingURL=sortable.esm.js.map\n"],"names":["arrayMove","array","from","to","newArray","getSortedRects","items","rects","accumulator","id","index","rect","isValidIndex","itemsEqual","a","b","i","normalizeDisabled","disabled","rectSortingStrategy","_ref","activeIndex","overIndex","newRects","oldRect","newRect","ID_PREFIX","Context","React","SortableContext","children","userDefinedItems","strategy","disabledProp","active","dragOverlay","droppableRects","over","measureDroppableContainers","useDndContext","containerId","useUniqueId","useDragOverlay","useMemo","item","isDragging","previousItemsRef","useRef","itemsHaveChanged","disableTransforms","useIsomorphicLayoutEffect","useEffect","contextValue","defaultNewIndexGetter","defaultAnimateLayoutChanges","_ref2","isSorting","wasDragging","newIndex","previousItems","previousContainerId","transition","defaultTransition","transitionProperty","disabledTransition","CSS","defaultAttributes","useDerivedTransform","node","derivedTransform","setDerivedtransform","useState","previousIndex","initial","current","getClientRect","delta","useSortable","animateLayoutChanges","userDefinedAttributes","localDisabled","customData","getNewIndex","localStrategy","resizeObserverConfig","globalDisabled","sortedRects","globalStrategy","useContext","normalizeLocalDisabled","data","itemsAfterCurrentSortable","isOver","setDroppableNodeRef","useDroppable","activatorEvent","activeNodeRect","attributes","setDraggableNodeRef","listeners","setActivatorNodeRef","transform","useDraggable","setNodeRef","useCombinedRefs","displaceItem","shouldDisplaceDragSource","dragSourceDisplacement","finalTransform","activeId","previous","shouldAnimateLayoutChanges","timeoutId","getTransition","isKeyboardEvent","_localDisabled$dragga","_localDisabled$droppa","hasSortableData","entry","directions","KeyboardCode","sortableKeyboardCoordinates","event","collisionRect","droppableContainers","scrollableAncestors","filteredContainers","collisions","closestCorners","closestId","getFirstCollision","activeDroppable","newDroppable","newNode","hasDifferentScrollAncestors","getScrollableAncestors","element","hasSameContainer","isSameContainer","isAfterActive","isAfter","offset","rectCoordinates","subtract"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index42.js","sources":["../src/components/header/MenuPopover/index.tsx"],"sourcesContent":["import clsx from \"clsx\"\nimport { ReactNode, useState, useRef, useEffect } from \"react\"\nimport { Link } from \"react-router\"\n\n\nexport const MenuPopover = ({\n  href,\n  labelClassName,\n  labelActiveClassName,\n  labelElement,\n  isActive,\n  children,\n}: {\n  href: string;\n  labelClassName: string;\n  labelActiveClassName: string;\n  labelElement: ReactNode;\n  isActive: boolean;\n  children: (props: { setIsOpen: (isOpen: boolean) => void }) => ReactNode\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const popoverRef = useRef(null)\n\n  const handleMouseEnter = () => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n    }\n    setIsOpen(true)\n  }\n\n  const handleMouseLeave = () => {\n    timeoutRef.current = setTimeout(() => {\n      setIsOpen(false)\n    }, 120)\n  }\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  return (\n    <div\n      className=\"flex\"\n      ref={popoverRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div className=\"relative flex\">\n        <Link\n          to={href}\n          onClick={() => {\n            setIsOpen(false)\n          }}\n          className={clsx(\n            \"relative z-10 -mb-px flex items-center border-b-2 pt-px text-sm font-medium text-gray-700 cursor-pointer transition-colors duration-200 ease-out hover:text-gray-800\",\n            labelClassName,\n            isOpen || isActive ? labelActiveClassName : \"border-transparent\",\n          )}\n        >\n          {labelElement}\n        </Link>\n      </div>\n\n      {isOpen && (\n        <div\n          className=\"absolute left-0 right-0 top-full z-20 text-gray-500 sm:text-sm\"\n          style={{ width: \"100vw\", left: \"50%\", transform: \"translateX(-50%)\" }}\n        >\n          <div\n            aria-hidden=\"true\"\n            className=\"absolute inset-0 top-1/2 bg-white shadow-sm\"\n          />\n\n          <div className=\"relative bg-white\">\n            {children({ setIsOpen })}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MenuPopover","href","labelClassName","labelActiveClassName","labelElement","isActive","children","isOpen","setIsOpen","useState","timeoutRef","useRef","popoverRef","handleMouseEnter","handleMouseLeave","useEffect","jsxs","jsx","Link","clsx"],"mappings":";;;;AAKO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAOM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAaC,EAA6C,IAAI,GAC9DC,IAAaD,EAAO,IAAI,GAExBE,IAAmB,MAAM;AAC7B,IAAIH,EAAW,WACb,aAAaA,EAAW,OAAO,GAEjCF,EAAU,EAAI;AAAA,EAChB,GAEMM,IAAmB,MAAM;AAC7B,IAAAJ,EAAW,UAAU,WAAW,MAAM;AACpC,MAAAF,EAAU,EAAK;AAAA,IACjB,GAAG,GAAG;AAAA,EACR;AAEA,SAAAO,EAAU,MACD,MAAM;AACX,IAAIL,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,EAEnC,GACC,CAAA,CAAE,GAGHM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAKJ;AAAA,MACL,cAAcC;AAAA,MACd,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAAG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,iBACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIjB;AAAA,YACJ,SAAS,MAAM;AACb,cAAAO,EAAU,EAAK;AAAA,YACjB;AAAA,YACA,WAAWW;AAAA,cACT;AAAA,cACAjB;AAAA,cACAK,KAAUF,IAAWF,IAAuB;AAAA,YAAA;AAAA,YAG7C,UAAAC;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QAECG,KACCS,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,SAAS,MAAM,OAAO,WAAW,mBAAA;AAAA,YAEjD,UAAA;AAAA,cAAAC,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAY;AAAA,kBACZ,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGZA,gBAAAA,MAAC,SAAI,WAAU,qBACZ,YAAS,EAAE,WAAAT,EAAA,CAAW,EAAA,CACzB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}