@new-black/lyra 1.23.0-next.1 → 1.23.0

package/dist/lyra634.js

@@ -1,482 +1,68 @@
-import q, { useMemo as _, useRef as X, useEffect as k, useContext as pe, useState as be } from "react";
-import { KeyboardCode as m, useDndContext as ve, useDroppable as he, useDraggable as xe, closestCorners as Ie, getFirstCollision as me, getScrollableAncestors as we, getClientRect as ye } from "./lyra124.js";
-import { useUniqueId as Re, useIsomorphicLayoutEffect as B, useCombinedRefs as Ce, CSS as H, isKeyboardEvent as Se, subtract as De } from "./lyra632.js";
-function V(e, t, o) {
-  const r = e.slice();
-  return r.splice(o < 0 ? r.length + o : o, 0, r.splice(t, 1)[0]), r;
-}
-function Ae(e, t) {
-  return e.reduce((o, r, n) => {
-    const s = t.get(r);
-    return s && (o[n] = s), o;
-  }, Array(e.length));
-}
-function O(e) {
-  return e !== null && e >= 0;
-}
-function Te(e, t) {
-  if (e === t)
-    return !0;
-  if (e.length !== t.length)
-    return !1;
-  for (let o = 0; o < e.length; o++)
-    if (e[o] !== t[o])
-      return !1;
-  return !0;
-}
-function Ne(e) {
-  return typeof e == "boolean" ? {
-    draggable: e,
-    droppable: e
-  } : e;
-}
-const E = {
-  scaleX: 1,
-  scaleY: 1
-}, je = (e) => {
-  var t;
-  let {
-    rects: o,
-    activeNodeRect: r,
-    activeIndex: n,
-    overIndex: s,
-    index: i
-  } = e;
-  const a = (t = o[n]) != null ? t : r;
-  if (!a)
-    return null;
-  const d = Oe(o, i, n);
-  if (i === n) {
-    const c = o[s];
-    return c ? {
-      x: n < s ? c.left + c.width - (a.left + a.width) : c.left - a.left,
-      y: 0,
-      ...E
-    } : null;
-  }
-  return i > n && i <= s ? {
-    x: -a.width - d,
-    y: 0,
-    ...E
-  } : i < n && i >= s ? {
-    x: a.width + d,
-    y: 0,
-    ...E
-  } : {
-    x: 0,
-    y: 0,
-    ...E
-  };
-};
-function Oe(e, t, o) {
-  const r = e[t], n = e[t - 1], s = e[t + 1];
-  return !r || !n && !s ? 0 : o < t ? n ? r.left - (n.left + n.width) : s.left - (r.left + r.width) : s ? s.left - (r.left + r.width) : r.left - (n.left + n.width);
-}
-const J = (e) => {
-  let {
-    rects: t,
-    activeIndex: o,
-    overIndex: r,
-    index: n
-  } = e;
-  const s = V(t, r, o), i = t[n], a = s[n];
-  return !a || !i ? null : {
-    x: a.left - i.left,
-    y: a.top - i.top,
-    scaleX: a.width / i.width,
-    scaleY: a.height / i.height
-  };
-}, L = {
-  scaleX: 1,
-  scaleY: 1
-}, qe = (e) => {
-  var t;
-  let {
-    activeIndex: o,
-    activeNodeRect: r,
-    index: n,
-    rects: s,
-    overIndex: i
-  } = e;
-  const a = (t = s[o]) != null ? t : r;
-  if (!a)
-    return null;
-  if (n === o) {
-    const c = s[i];
-    return c ? {
-      x: 0,
-      y: o < i ? c.top + c.height - (a.top + a.height) : c.top - a.top,
-      ...L
-    } : null;
-  }
-  const d = Ee(s, n, o);
-  return n > o && n <= i ? {
-    x: 0,
-    y: -a.height - d,
-    ...L
-  } : n < o && n >= i ? {
-    x: 0,
-    y: a.height + d,
-    ...L
-  } : {
-    x: 0,
-    y: 0,
-    ...L
-  };
-};
-function Ee(e, t, o) {
-  const r = e[t], n = e[t - 1], s = e[t + 1];
-  return r ? o < t ? n ? r.top - (n.top + n.height) : s ? s.top - (r.top + r.height) : 0 : s ? s.top - (r.top + r.height) : n ? r.top - (n.top + n.height) : 0 : 0;
-}
-const Q = "Sortable", W = /* @__PURE__ */ q.createContext({
-  activeIndex: -1,
-  containerId: Q,
-  disableTransforms: !1,
-  items: [],
-  overIndex: -1,
-  useDragOverlay: !1,
-  sortedRects: [],
-  strategy: J,
-  disabled: {
-    draggable: !1,
-    droppable: !1
-  }
-});
-function Be(e) {
-  let {
-    children: t,
-    id: o,
-    items: r,
-    strategy: n = J,
-    disabled: s = !1
-  } = e;
-  const {
-    active: i,
-    dragOverlay: a,
-    droppableRects: d,
-    over: c,
-    measureDroppableContainers: l
-  } = ve(), u = Re(Q, o), f = a.rect !== null, g = _(() => r.map((I) => typeof I == "object" && "id" in I ? I.id : I), [r]), w = i != null, y = i ? g.indexOf(i.id) : -1, v = c ? g.indexOf(c.id) : -1, R = X(g), x = !Te(g, R.current), h = v !== -1 && y === -1 || x, b = Ne(s);
-  B(() => {
-    x && w && l(g);
-  }, [x, g, w, l]), k(() => {
-    R.current = g;
-  }, [g]);
-  const C = _(
-    () => ({
-      activeIndex: y,
-      containerId: u,
-      disabled: b,
-      disableTransforms: h,
-      items: g,
-      overIndex: v,
-      useDragOverlay: f,
-      sortedRects: Ae(g, d),
-      strategy: n
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [y, u, b.draggable, b.droppable, h, g, v, d, f, n]
-  );
-  return q.createElement(W.Provider, {
-    value: C
-  }, t);
-}
-const Le = (e) => {
-  let {
-    id: t,
-    items: o,
-    activeIndex: r,
-    overIndex: n
-  } = e;
-  return V(o, r, n).indexOf(t);
-}, _e = (e) => {
-  let {
-    containerId: t,
-    isSorting: o,
-    wasDragging: r,
-    index: n,
-    items: s,
-    newIndex: i,
-    previousItems: a,
-    previousContainerId: d,
-    transition: c
-  } = e;
-  return !c || !r || a !== s && n === i ? !1 : o ? !0 : i !== n && t === d;
-}, ke = {
-  duration: 200,
-  easing: "ease"
-}, Z = "transform", $e = /* @__PURE__ */ H.Transition.toString({
-  property: Z,
-  duration: 0,
-  easing: "linear"
-}), ze = {
-  roleDescription: "sortable"
-};
-function Ge(e) {
-  let {
-    disabled: t,
-    index: o,
-    node: r,
-    rect: n
-  } = e;
-  const [s, i] = be(null), a = X(o);
-  return B(() => {
-    if (!t && o !== a.current && r.current) {
-      const d = n.current;
-      if (d) {
-        const c = ye(r.current, {
-          ignoreTransform: !0
-        }), l = {
-          x: d.left - c.left,
-          y: d.top - c.top,
-          scaleX: d.width / c.width,
-          scaleY: d.height / c.height
-        };
-        (l.x || l.y) && i(l);
+import { useState as M, useCallback as I } from "react";
+import { arrayMove as $ } from "./lyra633.js";
+const H = (f, s, c, v) => {
+  const [j, w] = M(), [h, A] = M(null), p = I(
+    (i) => {
+      const n = f.find(
+        (u) => {
+          var e;
+          return u.value === i || ((e = u.items) == null ? void 0 : e.find((d) => d.value === i));
+        }
+      );
+      if (!n) {
+        const u = i.toString().split("-");
+        if ((u == null ? void 0 : u.length) > 0)
+          return f.find((d) => `${d.value}` === u[0]);
       }
-    }
-    o !== a.current && (a.current = o);
-  }, [t, o, r, n]), k(() => {
-    s && i(null);
-  }, [s]), s;
-}
-function He(e) {
-  let {
-    animateLayoutChanges: t = _e,
-    attributes: o,
-    disabled: r,
-    data: n,
-    getNewIndex: s = Le,
-    id: i,
-    strategy: a,
-    resizeObserverConfig: d,
-    transition: c = ke
-  } = e;
-  const {
-    items: l,
-    containerId: u,
-    activeIndex: f,
-    disabled: g,
-    disableTransforms: w,
-    sortedRects: y,
-    overIndex: v,
-    useDragOverlay: R,
-    strategy: x
-  } = pe(W), h = Xe(r, g), b = l.indexOf(i), C = _(() => ({
-    sortable: {
-      containerId: u,
-      index: b,
-      items: l
+      if ((n == null ? void 0 : n.value) !== i)
+        return n;
     },
-    ...n
-  }), [u, n, b, l]), I = _(() => l.slice(l.indexOf(i)), [l, i]), {
-    rect: N,
-    node: P,
-    isOver: te,
-    setNodeRef: Y
-  } = he({
-    id: i,
-    data: C,
-    disabled: h.droppable,
-    resizeObserverConfig: {
-      updateMeasurementsFor: I,
-      ...d
-    }
-  }), {
-    active: A,
-    activatorEvent: re,
-    activeNodeRect: ne,
-    attributes: oe,
-    setNodeRef: F,
-    listeners: ie,
-    isDragging: z,
-    over: se,
-    setActivatorNodeRef: ae,
-    transform: ce
-  } = xe({
-    id: i,
-    data: C,
-    attributes: {
-      ...ze,
-      ...o
+    [f]
+  ), q = I(
+    (i) => {
+      var u;
+      const n = f.find(
+        (e) => {
+          var d;
+          return e.value === i.active.id || ((d = e.items) == null ? void 0 : d.find((y) => y.value === i.active.id));
+        }
+      );
+      w(
+        (n == null ? void 0 : n.value) === i.active.id ? n : (u = n == null ? void 0 : n.items) == null ? void 0 : u.find((e) => e.value === i.active.id)
+      ), A(f), c == null || c();
     },
-    disabled: h.draggable
-  }), le = Ce(Y, F), S = !!A, K = S && !w && O(f) && O(v), M = !R && z, U = M && K ? ce : null, de = K ? U ?? (a ?? x)({
-    rects: y,
-    activeNodeRect: ne,
-    activeIndex: f,
-    overIndex: v,
-    index: b
-  }) : null, T = O(f) && O(v) ? s({
-    id: i,
-    items: l,
-    activeIndex: f,
-    overIndex: v
-  }) : b, D = A == null ? void 0 : A.id, p = X({
-    activeId: D,
-    items: l,
-    newIndex: T,
-    containerId: u
-  }), ue = l !== p.current.items, j = t({
-    active: A,
-    containerId: u,
-    isDragging: z,
-    isSorting: S,
-    id: i,
-    index: b,
-    items: l,
-    newIndex: p.current.newIndex,
-    previousItems: p.current.items,
-    previousContainerId: p.current.containerId,
-    transition: c,
-    wasDragging: p.current.activeId != null
-  }), G = Ge({
-    disabled: !j,
-    index: b,
-    node: P,
-    rect: N
-  });
-  return k(() => {
-    S && p.current.newIndex !== T && (p.current.newIndex = T), u !== p.current.containerId && (p.current.containerId = u), l !== p.current.items && (p.current.items = l);
-  }, [S, T, u, l]), k(() => {
-    if (D === p.current.activeId)
-      return;
-    if (D && !p.current.activeId) {
-      p.current.activeId = D;
-      return;
-    }
-    const ge = setTimeout(() => {
-      p.current.activeId = D;
-    }, 50);
-    return () => clearTimeout(ge);
-  }, [D]), {
-    active: A,
-    activeIndex: f,
-    attributes: oe,
-    data: C,
-    rect: N,
-    index: b,
-    newIndex: T,
-    items: l,
-    isOver: te,
-    isSorting: S,
-    isDragging: z,
-    listeners: ie,
-    node: P,
-    overIndex: v,
-    over: se,
-    setNodeRef: le,
-    setActivatorNodeRef: ae,
-    setDroppableNodeRef: Y,
-    setDraggableNodeRef: F,
-    transform: G ?? de,
-    transition: fe()
-  };
-  function fe() {
-    if (
-      // Temporarily disable transitions for a single frame to set up derived transforms
-      G || // Or to prevent items jumping to back to their "new" position when items change
-      ue && p.current.newIndex === b
-    )
-      return $e;
-    if (!(M && !Se(re) || !c) && (S || j))
-      return H.Transition.toString({
-        ...c,
-        property: Z
-      });
-  }
-}
-function Xe(e, t) {
-  var o, r;
-  return typeof e == "boolean" ? {
-    draggable: e,
-    // Backwards compatibility
-    droppable: !1
-  } : {
-    draggable: (o = e == null ? void 0 : e.draggable) != null ? o : t.draggable,
-    droppable: (r = e == null ? void 0 : e.droppable) != null ? r : 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 Pe = [m.Down, m.Right, m.Up, m.Left], Ve = (e, t) => {
-  let {
-    context: {
-      active: o,
-      collisionRect: r,
-      droppableRects: n,
-      droppableContainers: s,
-      over: i,
-      scrollableAncestors: a
-    }
-  } = t;
-  if (Pe.includes(e.code)) {
-    if (e.preventDefault(), !o || !r)
-      return;
-    const d = [];
-    s.getEnabled().forEach((u) => {
-      if (!u || u != null && u.disabled)
-        return;
-      const f = n.get(u.id);
-      if (f)
-        switch (e.code) {
-          case m.Down:
-            r.top < f.top && d.push(u);
-            break;
-          case m.Up:
-            r.top > f.top && d.push(u);
-            break;
-          case m.Left:
-            r.left > f.left && d.push(u);
-            break;
-          case m.Right:
-            r.left < f.left && d.push(u);
-            break;
+    [f, c]
+  ), z = I(() => {
+    h && s(h), w(void 0), A(null);
+  }, [h, s]), B = I(
+    ({ active: i, over: n }) => {
+      var u, e;
+      if (i && n && i.id !== n.id) {
+        const d = p(i.id), y = p(n.id);
+        if (d === y) {
+          let t;
+          if (d != null && d.items) {
+            const l = (u = d.items) == null ? void 0 : u.findIndex((o) => o.value === i.id), x = (e = d.items) == null ? void 0 : e.findIndex((o) => o.value === n.id);
+            t = $(d.items, l, x), s(
+              f.map((o) => o.value === d.value ? { ...d, items: t } : o)
+            );
+          } else {
+            const l = f.findIndex((o) => o.value === i.id), x = f.findIndex((o) => o.value === n.id);
+            l > -1 && x > -1 && (t = $(f, l, x), s(t));
+          }
         }
-    });
-    const c = Ie({
-      collisionRect: r,
-      droppableRects: n,
-      droppableContainers: d
-    });
-    let l = me(c, "id");
-    if (l === (i == null ? void 0 : i.id) && c.length > 1 && (l = c[1].id), l != null) {
-      const u = s.get(o.id), f = s.get(l), g = f ? n.get(f.id) : null, w = f == null ? void 0 : f.node.current;
-      if (w && g && u && f) {
-        const v = we(w).some((I, N) => a[N] !== I), R = ee(u, f), x = Ye(u, f), h = v || !R ? {
-          x: 0,
-          y: 0
-        } : {
-          x: x ? r.width - g.width : 0,
-          y: x ? r.height - g.height : 0
-        }, b = {
-          x: g.left,
-          y: g.top
-        };
-        return h.x && h.y ? b : De(b, h);
       }
-    }
-  }
+      w(void 0), v == null || v();
+    },
+    [p, f, v, s]
+  );
+  return {
+    activeItem: j,
+    onDragStart: q,
+    onDragCancel: z,
+    onDragEnd: B
+  };
 };
-function ee(e, t) {
-  return !$(e) || !$(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
-}
-function Ye(e, t) {
-  return !$(e) || !$(t) || !ee(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
-}
 export {
-  Be as SortableContext,
-  V as arrayMove,
-  _e as defaultAnimateLayoutChanges,
-  Le as defaultNewIndexGetter,
-  $ as hasSortableData,
-  je as horizontalListSortingStrategy,
-  J as rectSortingStrategy,
-  Ve as sortableKeyboardCoordinates,
-  He as useSortable,
-  qe as verticalListSortingStrategy
+  H as useDragEvents
 };

package/dist/lyra634.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra634.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 && !previous.current.activeId) {\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","defaultScale","horizontalListSortingStrategy","_ref","_rects$activeIndex","fallbackActiveRect","activeIndex","overIndex","activeNodeRect","itemGap","getItemGap","newIndexRect","currentRect","previousRect","nextRect","rectSortingStrategy","newRects","oldRect","newRect","defaultScale$1","verticalListSortingStrategy","overIndexRect","getItemGap$1","clientRects","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","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":"lyra634.js","sources":["../src/components/sortable/hooks/use-drag-events.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nimport { DragEndEvent, DragStartEvent, UniqueIdentifier } from \"@dnd-kit/core\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\n\nexport const useDragEvents = <TItemProps extends { value: string; items?: TItemProps[] }>(\n  items: TItemProps[],\n  setItems: (newItems: TItemProps[]) => void,\n  onDragStartCallback?: () => void,\n  onDragEndCallback?: () => void,\n) => {\n  const [activeItem, setActiveItem] = useState<TItemProps>();\n  const [clonedItems, setClonedItems] = useState<TItemProps[] | null>(null);\n\n  const findContainer = useCallback(\n    (id: UniqueIdentifier) => {\n      const itemOrContainer = items.find(\n        (item) => item.value === id || item.items?.find((y) => y.value === id),\n      );\n\n      if (!itemOrContainer) {\n        const dropppableContainerItem = id.toString().split(\"-\");\n        if (dropppableContainerItem?.length > 0) {\n          const containerId = items.find((x) => `${x.value}` === dropppableContainerItem[0]);\n\n          return containerId;\n        }\n      }\n\n      if (itemOrContainer?.value === id) {\n        // top level so we don't have an inner container\n        return undefined;\n      }\n\n      // it's a container\n      return itemOrContainer;\n    },\n    [items],\n  );\n\n  const onDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const itemOrContainer = items.find(\n        (item) =>\n          item.value === event.active.id || item.items?.find((y) => y.value === event.active.id),\n      );\n\n      setActiveItem(\n        itemOrContainer?.value === event.active.id\n          ? itemOrContainer\n          : itemOrContainer?.items?.find((y) => y.value === event.active.id),\n      );\n      setClonedItems(items);\n      onDragStartCallback?.();\n    },\n    [items, onDragStartCallback],\n  );\n\n  const onDragCancel = useCallback(() => {\n    if (clonedItems) {\n      // Reset items to their original state in case items have been\n      // Dragged across containrs\n      setItems(clonedItems);\n    }\n\n    setActiveItem(undefined);\n    setClonedItems(null);\n  }, [clonedItems, setItems]);\n\n  const onDragEnd = useCallback(\n    ({ active, over }: DragEndEvent) => {\n      if (active && over && active.id !== over.id) {\n        const activeContainer = findContainer(active.id);\n        const overContainer = findContainer(over.id);\n        if (activeContainer === overContainer) {\n          // reorder in the same container\n          let newColumns: TItemProps[] | undefined;\n          if (activeContainer?.items) {\n            const oldIndex = activeContainer.items?.findIndex((item) => item.value === active.id);\n            const newIndex = activeContainer.items?.findIndex((item) => item.value === over.id);\n            newColumns = arrayMove(activeContainer.items, oldIndex, newIndex);\n\n            setItems(\n              items.map((prevItem) => {\n                if (prevItem.value === activeContainer.value) {\n                  return { ...activeContainer, items: newColumns };\n                }\n\n                return prevItem;\n              }),\n            );\n          } else {\n            // top level\n            const oldIndex = items.findIndex((item) => item.value === active.id);\n            const newIndex = items.findIndex((item) => item.value === over.id);\n            if (oldIndex > -1 && newIndex > -1) {\n              newColumns = arrayMove(items, oldIndex, newIndex);\n              setItems(newColumns);\n            }\n          }\n        }\n      }\n\n      setActiveItem(undefined);\n      onDragEndCallback?.();\n    },\n    [findContainer, items, onDragEndCallback, setItems],\n  );\n\n  return {\n    activeItem,\n    onDragStart,\n    onDragCancel,\n    onDragEnd,\n  };\n};\n"],"names":["useDragEvents","items","setItems","onDragStartCallback","onDragEndCallback","activeItem","setActiveItem","useState","clonedItems","setClonedItems","findContainer","useCallback","id","itemOrContainer","item","_a","y","dropppableContainerItem","x","onDragStart","event","onDragCancel","onDragEnd","active","over","activeContainer","overContainer","newColumns","oldIndex","newIndex","_b","arrayMove","prevItem"],"mappings":"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"}

package/dist/lyra635.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),q=require("./lyra634.cjs"),R=(i,f,t,l)=>{const[h,r]=c.useState(),[y,a]=c.useState(null),w=c.useCallback(u=>{const e=i.find(d=>{var s;return d.value===u||((s=d.items)==null?void 0:s.find(n=>n.value===u))});if(!e){const d=u.toString().split("-");if((d==null?void 0:d.length)>0)return i.find(n=>`${n.value}`===d[0])}if((e==null?void 0:e.value)!==u)return e},[i]),j=c.useCallback(u=>{var d;const e=i.find(s=>{var n;return s.value===u.active.id||((n=s.items)==null?void 0:n.find(M=>M.value===u.active.id))});r((e==null?void 0:e.value)===u.active.id?e:(d=e==null?void 0:e.items)==null?void 0:d.find(s=>s.value===u.active.id)),a(i),t==null||t()},[i,t]),A=c.useCallback(()=>{y&&f(y),r(void 0),a(null)},[y,f]),P=c.useCallback(({active:u,over:e})=>{var d,s;if(u&&e&&u.id!==e.id){const n=w(u.id),M=w(e.id);if(n===M){let v;if(n!=null&&n.items){const x=(d=n.items)==null?void 0:d.findIndex(o=>o.value===u.id),I=(s=n.items)==null?void 0:s.findIndex(o=>o.value===e.id);v=q.arrayMove(n.items,x,I),f(i.map(o=>o.value===n.value?{...n,items:v}:o))}else{const x=i.findIndex(o=>o.value===u.id),I=i.findIndex(o=>o.value===e.id);x>-1&&I>-1&&(v=q.arrayMove(i,x,I),f(v))}}}r(void 0),l==null||l()},[w,i,l,f]);return{activeItem:h,onDragStart:j,onDragCancel:A,onDragEnd:P}};exports.useDragEvents=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("./lyra633.cjs"),a=e=>r.useMemo(()=>{switch(e){case"vertical":return t.verticalListSortingStrategy;case"horizontal":return t.horizontalListSortingStrategy;default:return t.rectSortingStrategy}},[e]);exports.useSortingStrategy=a;

package/dist/lyra635.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra635.cjs","sources":["../src/components/sortable/hooks/use-drag-events.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nimport { DragEndEvent, DragStartEvent, UniqueIdentifier } from \"@dnd-kit/core\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\n\nexport const useDragEvents = <TItemProps extends { value: string; items?: TItemProps[] }>(\n  items: TItemProps[],\n  setItems: (newItems: TItemProps[]) => void,\n  onDragStartCallback?: () => void,\n  onDragEndCallback?: () => void,\n) => {\n  const [activeItem, setActiveItem] = useState<TItemProps>();\n  const [clonedItems, setClonedItems] = useState<TItemProps[] | null>(null);\n\n  const findContainer = useCallback(\n    (id: UniqueIdentifier) => {\n      const itemOrContainer = items.find(\n        (item) => item.value === id || item.items?.find((y) => y.value === id),\n      );\n\n      if (!itemOrContainer) {\n        const dropppableContainerItem = id.toString().split(\"-\");\n        if (dropppableContainerItem?.length > 0) {\n          const containerId = items.find((x) => `${x.value}` === dropppableContainerItem[0]);\n\n          return containerId;\n        }\n      }\n\n      if (itemOrContainer?.value === id) {\n        // top level so we don't have an inner container\n        return undefined;\n      }\n\n      // it's a container\n      return itemOrContainer;\n    },\n    [items],\n  );\n\n  const onDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const itemOrContainer = items.find(\n        (item) =>\n          item.value === event.active.id || item.items?.find((y) => y.value === event.active.id),\n      );\n\n      setActiveItem(\n        itemOrContainer?.value === event.active.id\n          ? itemOrContainer\n          : itemOrContainer?.items?.find((y) => y.value === event.active.id),\n      );\n      setClonedItems(items);\n      onDragStartCallback?.();\n    },\n    [items, onDragStartCallback],\n  );\n\n  const onDragCancel = useCallback(() => {\n    if (clonedItems) {\n      // Reset items to their original state in case items have been\n      // Dragged across containrs\n      setItems(clonedItems);\n    }\n\n    setActiveItem(undefined);\n    setClonedItems(null);\n  }, [clonedItems, setItems]);\n\n  const onDragEnd = useCallback(\n    ({ active, over }: DragEndEvent) => {\n      if (active && over && active.id !== over.id) {\n        const activeContainer = findContainer(active.id);\n        const overContainer = findContainer(over.id);\n        if (activeContainer === overContainer) {\n          // reorder in the same container\n          let newColumns: TItemProps[] | undefined;\n          if (activeContainer?.items) {\n            const oldIndex = activeContainer.items?.findIndex((item) => item.value === active.id);\n            const newIndex = activeContainer.items?.findIndex((item) => item.value === over.id);\n            newColumns = arrayMove(activeContainer.items, oldIndex, newIndex);\n\n            setItems(\n              items.map((prevItem) => {\n                if (prevItem.value === activeContainer.value) {\n                  return { ...activeContainer, items: newColumns };\n                }\n\n                return prevItem;\n              }),\n            );\n          } else {\n            // top level\n            const oldIndex = items.findIndex((item) => item.value === active.id);\n            const newIndex = items.findIndex((item) => item.value === over.id);\n            if (oldIndex > -1 && newIndex > -1) {\n              newColumns = arrayMove(items, oldIndex, newIndex);\n              setItems(newColumns);\n            }\n          }\n        }\n      }\n\n      setActiveItem(undefined);\n      onDragEndCallback?.();\n    },\n    [findContainer, items, onDragEndCallback, setItems],\n  );\n\n  return {\n    activeItem,\n    onDragStart,\n    onDragCancel,\n    onDragEnd,\n  };\n};\n"],"names":["useDragEvents","items","setItems","onDragStartCallback","onDragEndCallback","activeItem","setActiveItem","useState","clonedItems","setClonedItems","findContainer","useCallback","id","itemOrContainer","item","_a","y","dropppableContainerItem","x","onDragStart","event","onDragCancel","onDragEnd","active","over","activeContainer","overContainer","newColumns","oldIndex","newIndex","_b","arrayMove","prevItem"],"mappings":"oIAKaA,EAAgB,CAC3BC,EACAC,EACAC,EACAC,IACG,CACH,KAAM,CAACC,EAAYC,CAAa,EAAIC,WAAA,EAC9B,CAACC,EAAaC,CAAc,EAAIF,EAAAA,SAA8B,IAAI,EAElEG,EAAgBC,EAAAA,YACnBC,GAAyB,CACxB,MAAMC,EAAkBZ,EAAM,KAC3Ba,GAAA,OAAS,OAAAA,EAAK,QAAUF,KAAMG,EAAAD,EAAK,QAAL,YAAAC,EAAY,KAAMC,GAAMA,EAAE,QAAUJ,IAAE,EAGvE,GAAI,CAACC,EAAiB,CACpB,MAAMI,EAA0BL,EAAG,SAAA,EAAW,MAAM,GAAG,EACvD,IAAIK,GAAA,YAAAA,EAAyB,QAAS,EAGpC,OAFoBhB,EAAM,KAAMiB,GAAM,GAAGA,EAAE,KAAK,KAAOD,EAAwB,CAAC,CAAC,CAIrF,CAEA,IAAIJ,GAAA,YAAAA,EAAiB,SAAUD,EAM/B,OAAOC,CACT,EACA,CAACZ,CAAK,CAAA,EAGFkB,EAAcR,EAAAA,YACjBS,GAA0B,OACzB,MAAMP,EAAkBZ,EAAM,KAC3Ba,GAAA,OACC,OAAAA,EAAK,QAAUM,EAAM,OAAO,MAAML,EAAAD,EAAK,QAAL,YAAAC,EAAY,KAAMC,GAAMA,EAAE,QAAUI,EAAM,OAAO,KAAE,EAGzFd,GACEO,GAAA,YAAAA,EAAiB,SAAUO,EAAM,OAAO,GACpCP,GACAE,EAAAF,GAAA,YAAAA,EAAiB,QAAjB,YAAAE,EAAwB,KAAMC,GAAMA,EAAE,QAAUI,EAAM,OAAO,GAAE,EAErEX,EAAeR,CAAK,EACpBE,GAAA,MAAAA,GACF,EACA,CAACF,EAAOE,CAAmB,CAAA,EAGvBkB,EAAeV,EAAAA,YAAY,IAAM,CACjCH,GAGFN,EAASM,CAAW,EAGtBF,EAAc,MAAS,EACvBG,EAAe,IAAI,CACrB,EAAG,CAACD,EAAaN,CAAQ,CAAC,EAEpBoB,EAAYX,EAAAA,YAChB,CAAC,CAAE,OAAAY,EAAQ,KAAAC,KAAyB,SAClC,GAAID,GAAUC,GAAQD,EAAO,KAAOC,EAAK,GAAI,CAC3C,MAAMC,EAAkBf,EAAca,EAAO,EAAE,EACzCG,EAAgBhB,EAAcc,EAAK,EAAE,EAC3C,GAAIC,IAAoBC,EAAe,CAErC,IAAIC,EACJ,GAAIF,GAAA,MAAAA,EAAiB,MAAO,CAC1B,MAAMG,GAAWb,EAAAU,EAAgB,QAAhB,YAAAV,EAAuB,UAAWD,GAASA,EAAK,QAAUS,EAAO,IAC5EM,GAAWC,EAAAL,EAAgB,QAAhB,YAAAK,EAAuB,UAAWhB,GAASA,EAAK,QAAUU,EAAK,IAChFG,EAAaI,EAAAA,UAAUN,EAAgB,MAAOG,EAAUC,CAAQ,EAEhE3B,EACED,EAAM,IAAK+B,GACLA,EAAS,QAAUP,EAAgB,MAC9B,CAAE,GAAGA,EAAiB,MAAOE,CAAA,EAG/BK,CACR,CAAA,CAEL,KAAO,CAEL,MAAMJ,EAAW3B,EAAM,UAAWa,GAASA,EAAK,QAAUS,EAAO,EAAE,EAC7DM,EAAW5B,EAAM,UAAWa,GAASA,EAAK,QAAUU,EAAK,EAAE,EAC7DI,EAAW,IAAMC,EAAW,KAC9BF,EAAaI,EAAAA,UAAU9B,EAAO2B,EAAUC,CAAQ,EAChD3B,EAASyB,CAAU,EAEvB,CACF,CACF,CAEArB,EAAc,MAAS,EACvBF,GAAA,MAAAA,GACF,EACA,CAACM,EAAeT,EAAOG,EAAmBF,CAAQ,CAAA,EAGpD,MAAO,CACL,WAAAG,EACA,YAAAc,EACA,aAAAE,EACA,UAAAC,CAAA,CAEJ"}
+{"version":3,"file":"lyra635.cjs","sources":["../src/components/sortable/hooks/use-sorting-strategy.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport {\n  horizontalListSortingStrategy,\n  rectSortingStrategy,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { SortableDirection } from \"../sortable.types\";\n\nexport const useSortingStrategy = (direction?: SortableDirection) => {\n  const strategy = useMemo(() => {\n    switch (direction) {\n      case \"vertical\":\n        return verticalListSortingStrategy;\n      case \"horizontal\":\n        return horizontalListSortingStrategy;\n      default: {\n        return rectSortingStrategy;\n      }\n    }\n  }, [direction]);\n  return strategy;\n};\n"],"names":["useSortingStrategy","direction","useMemo","verticalListSortingStrategy","horizontalListSortingStrategy","rectSortingStrategy"],"mappings":"oIAUaA,EAAsBC,GAChBC,EAAAA,QAAQ,IAAM,CAC7B,OAAQD,EAAA,CACN,IAAK,WACH,OAAOE,EAAAA,4BACT,IAAK,aACH,OAAOC,EAAAA,8BACT,QACE,OAAOC,EAAAA,mBACT,CAEJ,EAAG,CAACJ,CAAS,CAAC"}