intergalactic 15.126.0 → 15.126.1-prerelease.0

package/drag-and-drop/lib/esm/DragAndDrop.mjs

@@ -2,13 +2,13 @@ import O from "@babel/runtime/helpers/esm/objectSpread2";
 import T from "@babel/runtime/helpers/esm/toConsumableArray";
 import L from "@babel/runtime/helpers/esm/classCallCheck";
 import U from "@babel/runtime/helpers/esm/createClass";
-import p from "@babel/runtime/helpers/esm/assertThisInitialized";
+import h from "@babel/runtime/helpers/esm/assertThisInitialized";
 import q from "@babel/runtime/helpers/esm/inherits";
 import J from "@babel/runtime/helpers/esm/createSuper";
-import u from "@babel/runtime/helpers/esm/defineProperty";
+import s from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as X } from 'intergalactic/utils/lib/core/index';
 import Y, { sstyled as Z, assignProps as z, Component as j } from 'intergalactic/core';
-import I from "react";
+import x from "react";
 import { Box as R, ScreenReaderOnly as G } from 'intergalactic/flex-box';
 import { localizedMessages as K } from "./translations/__intergalactic-dynamic-locales.mjs";
 import Q from 'intergalactic/utils/lib/enhances/i18nEnhance';
@@ -20,39 +20,39 @@ var ne = (
   /*__reshadow_css_start__*/
   (X.insert(
     /*__inner_css_start__*/
-    '.___SDraggable_1eyds_gg_.__draggable_1eyds_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1eyds_gg_.__draggable_1eyds_gg_::before{content:"";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1eyds_gg_.__draggable_1eyds_gg_:hover::before{display:block}}.___SDraggable_1eyds_gg_.__draggable_1eyds_gg_.__hideHoverEffect_1eyds_gg_:not(._role_menuitemcheckbox_1eyds_gg_)::before{display:none}.___SDraggable_1eyds_gg_._placement_right_1eyds_gg_::before{right:0}.___SDraggable_1eyds_gg_._placement_bottom_1eyds_gg_::before{bottom:0}.___SDraggable_1eyds_gg_._placement_left_1eyds_gg_::before{left:0}.___SDraggable_1eyds_gg_._placement_top_1eyds_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1eyds_gg_._placement_bottom_1eyds_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1eyds_gg_._placement_left_1eyds_gg_::before,.___SDraggable_1eyds_gg_._placement_right_1eyds_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1eyds_gg_{position:relative}.___SDraggable_1eyds_gg_.__dropPreview_1eyds_gg_,.___SDropZone_1eyds_gg_.__dropPreview_1eyds_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1eyds_gg_.__dark_1eyds_gg_.__dropPreview_1eyds_gg_,.___SDropZone_1eyds_gg_.__dark_1eyds_gg_.__dropPreview_1eyds_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1eyds_gg_:focus{outline:0}.___SDraggable_1eyds_gg_.__keyboardFocused_1eyds_gg_:focus{box-shadow:none}.___SDraggable_1eyds_gg_.__keyboardFocused_1eyds_gg_:focus:after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_1eyds_gg_.__keyboardDragging_1eyds_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_1eyds_gg_.__keyboardDragging_1eyds_gg_.__hideHoverEffect_1eyds_gg_::before,.___SDraggable_1eyds_gg_.__keyboardDragging_1eyds_gg_::before{display:block}.___SDraggable_1eyds_gg_.__keyboardDragging_1eyds_gg_.__reversedScaling_1eyds_gg_{scale:.95}.___SDraggable_1eyds_gg_.__animatedScaling_1eyds_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1eyds_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1eyds_gg_{transition:none}}',
-    "1eyds_gg_"
+    '.___SDraggable_1h0wo_gg_.__draggable_1h0wo_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1h0wo_gg_.__draggable_1h0wo_gg_::before{content:"";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1h0wo_gg_.__draggable_1h0wo_gg_:hover::before{display:block}}.___SDraggable_1h0wo_gg_.__draggable_1h0wo_gg_.__hideHoverEffect_1h0wo_gg_:not(._role_menuitemcheckbox_1h0wo_gg_)::before{display:none}.___SDraggable_1h0wo_gg_._placement_right_1h0wo_gg_::before{right:0}.___SDraggable_1h0wo_gg_._placement_bottom_1h0wo_gg_::before{bottom:0}.___SDraggable_1h0wo_gg_._placement_left_1h0wo_gg_::before{left:0}.___SDraggable_1h0wo_gg_._placement_top_1h0wo_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1h0wo_gg_._placement_bottom_1h0wo_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1h0wo_gg_._placement_left_1h0wo_gg_::before,.___SDraggable_1h0wo_gg_._placement_right_1h0wo_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1h0wo_gg_{position:relative}.___SDraggable_1h0wo_gg_.__dropPreview_1h0wo_gg_,.___SDropZone_1h0wo_gg_.__dropPreview_1h0wo_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1h0wo_gg_.__dark_1h0wo_gg_.__dropPreview_1h0wo_gg_,.___SDropZone_1h0wo_gg_.__dark_1h0wo_gg_.__dropPreview_1h0wo_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1h0wo_gg_:focus{outline:0}.___SDraggable_1h0wo_gg_.__keyboardFocused_1h0wo_gg_:focus{box-shadow:none}.___SDraggable_1h0wo_gg_.__keyboardFocused_1h0wo_gg_:focus:after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_1h0wo_gg_.__keyboardDragging_1h0wo_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_1h0wo_gg_.__keyboardDragging_1h0wo_gg_.__hideHoverEffect_1h0wo_gg_::before,.___SDraggable_1h0wo_gg_.__keyboardDragging_1h0wo_gg_::before{display:block}.___SDraggable_1h0wo_gg_.__keyboardDragging_1h0wo_gg_.__reversedScaling_1h0wo_gg_{scale:.95}.___SDraggable_1h0wo_gg_.__animatedScaling_1h0wo_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1h0wo_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1h0wo_gg_{transition:none}}',
+    "1h0wo_gg_"
   ), {
-    __SDraggable: "___SDraggable_1eyds_gg_",
-    _placement_top: "_placement_top_1eyds_gg_",
-    _placement_right: "_placement_right_1eyds_gg_",
-    _placement_left: "_placement_left_1eyds_gg_",
-    _placement_bottom: "_placement_bottom_1eyds_gg_",
-    __SDropZone: "___SDropZone_1eyds_gg_",
-    _dropPreview: "__dropPreview_1eyds_gg_",
-    _dark: "__dark_1eyds_gg_",
-    _keyboardFocused: "__keyboardFocused_1eyds_gg_",
-    _keyboardDragging: "__keyboardDragging_1eyds_gg_",
-    _reversedScaling: "__reversedScaling_1eyds_gg_",
-    _animatedScaling: "__animatedScaling_1eyds_gg_",
-    __SA11yHint: "___SA11yHint_1eyds_gg_",
-    _draggable: "__draggable_1eyds_gg_",
-    _hideHoverEffect: "__hideHoverEffect_1eyds_gg_",
-    _role_menuitemcheckbox: "_role_menuitemcheckbox_1eyds_gg_"
+    __SDraggable: "___SDraggable_1h0wo_gg_",
+    _placement_top: "_placement_top_1h0wo_gg_",
+    _placement_right: "_placement_right_1h0wo_gg_",
+    _placement_left: "_placement_left_1h0wo_gg_",
+    _placement_bottom: "_placement_bottom_1h0wo_gg_",
+    __SDropZone: "___SDropZone_1h0wo_gg_",
+    _dropPreview: "__dropPreview_1h0wo_gg_",
+    _dark: "__dark_1h0wo_gg_",
+    _keyboardFocused: "__keyboardFocused_1h0wo_gg_",
+    _keyboardDragging: "__keyboardDragging_1h0wo_gg_",
+    _reversedScaling: "__reversedScaling_1h0wo_gg_",
+    _animatedScaling: "__animatedScaling_1h0wo_gg_",
+    __SA11yHint: "___SA11yHint_1h0wo_gg_",
+    _draggable: "__draggable_1h0wo_gg_",
+    _hideHoverEffect: "__hideHoverEffect_1h0wo_gg_",
+    _role_menuitemcheckbox: "_role_menuitemcheckbox_1h0wo_gg_"
   })
 ), M = function() {
-}, B = /* @__PURE__ */ I.createContext({
+}, B = /* @__PURE__ */ x.createContext({
   attach: M,
   detach: M
 }), C = /* @__PURE__ */ function(A) {
-  q(y, A);
-  var c = J(y);
-  function y() {
+  q(p, A);
+  var c = J(p);
+  function p() {
     var e;
-    L(this, y);
-    for (var b = arguments.length, s = new Array(b), h = 0; h < b; h++)
-      s[h] = arguments[h];
-    return e = c.call.apply(c, [this].concat(s)), u(p(e), "state", {
+    L(this, p);
+    for (var b = arguments.length, _ = new Array(b), D = 0; D < b; D++)
+      _[D] = arguments[D];
+    return e = c.call.apply(c, [this].concat(_)), s(h(e), "state", {
       items: [],
       dragging: null,
       dragOver: null,
@@ -62,75 +62,75 @@ var ne = (
       keyboardDraggingIndex: null,
       animatedScaling: null,
       reversedScaling: !1
-    }), u(p(e), "containerRef", /* @__PURE__ */ I.createRef()), u(p(e), "clearA11yHintTimeout", 0), u(p(e), "handleItemDragStart", function(t) {
+    }), s(h(e), "containerRef", /* @__PURE__ */ x.createRef()), s(h(e), "clearA11yHintTimeout", 0), s(h(e), "handleItemDragStart", function(t) {
       var r = e.state.items, n = r[t];
       if (n) {
-        var a = n.node.getAttribute("aria-label") || n.node.textContent || "".concat(t + 1), i = n.zoneName, g = i ? r.filter(function(d) {
-          return (d == null ? void 0 : d.zoneName) === i;
-        }) : r, o = g.length, _ = g.findIndex(function(d) {
-          return (d == null ? void 0 : d.node) === n.node || (d == null ? void 0 : d.id) && (d == null ? void 0 : d.id) === n.id;
+        var a = n.node.getAttribute("aria-label") || n.node.textContent || "".concat(t + 1), i = n.zoneName, g = i ? r.filter(function(l) {
+          return (l == null ? void 0 : l.zoneName) === i;
+        }) : r, o = g.length, u = g.findIndex(function(l) {
+          return (l == null ? void 0 : l.node) === n.node || (l == null ? void 0 : l.id) && (l == null ? void 0 : l.id) === n.id;
         });
         e.setA11yHint(i ? "grabbedWithZone" : "grabbed", {
           itemText: a,
-          itemPosition: _ + 1,
+          itemPosition: u + 1,
           itemsCount: o,
           zoneName: i || ""
-        }), e.setState(function(d) {
+        }), e.setState(function(l) {
           return {
             dragging: {
               index: t,
-              initialItemsRects: d.items.map(function(f) {
+              initialItemsRects: l.items.map(function(f) {
                 return f == null ? void 0 : f.node.getBoundingClientRect();
               })
             }
           };
         });
       }
-    }), u(p(e), "handleItemDragEnd", function(t) {
+    }), s(h(e), "handleItemDragEnd", function(t) {
       t.preventDefault(), e.setState({
         dragging: null,
         dragOver: null,
         reversedScaling: !1,
         keyboardDraggingIndex: null
       });
-    }), u(p(e), "handleItemDragOver", function(t) {
+    }), s(h(e), "handleItemDragOver", function(t) {
       t.preventDefault();
       var r = e.state, n = r.items, a = r.dragging, i = r.dragOver;
       if (a) {
-        var g = a.initialItemsRects.findIndex(function(l) {
-          return l && t.clientX > l.x && t.clientX < l.x + l.width && t.clientY > l.y && t.clientY < l.y + l.height;
-        }), o = n[g], _ = n[a.index];
-        if (!(!o || !_ || g === i)) {
-          var d = o.isDropZone ? _.node : o.node, f = d.getAttribute("aria-label") || d.textContent || "".concat(g + 1), m = o.zoneName, v = m ? n.filter(function(l) {
-            return (l == null ? void 0 : l.zoneName) === m;
-          }) : n, D = v.length, w = v.findIndex(function(l) {
-            return (l == null ? void 0 : l.node) === o.node || (l == null ? void 0 : l.id) && (l == null ? void 0 : l.id) === o.id;
-          }), S = m ? o.isDropZone ? "grabbingJustWithZone" : "grabbingFullWithZone" : "grabbing";
-          e.setA11yHint(S, {
+        var g = a.initialItemsRects.findIndex(function(d) {
+          return d && t.clientX > d.x && t.clientX < d.x + d.width && t.clientY > d.y && t.clientY < d.y + d.height;
+        }), o = n[g], u = n[a.index];
+        if (!(!o || !u || g === i)) {
+          var l = o.isDropZone ? u.node : o.node, f = l.getAttribute("aria-label") || l.textContent || "".concat(g + 1), m = o.zoneName, v = m ? n.filter(function(d) {
+            return (d == null ? void 0 : d.zoneName) === m;
+          }) : n, w = v.length, k = v.findIndex(function(d) {
+            return (d == null ? void 0 : d.node) === o.node || (d == null ? void 0 : d.id) && (d == null ? void 0 : d.id) === o.id;
+          }), y = m ? o.isDropZone ? "grabbingJustWithZone" : "grabbingFullWithZone" : "grabbing";
+          e.setA11yHint(y, {
             itemText: f,
-            itemPosition: w + 1,
-            itemsCount: D,
+            itemPosition: k + 1,
+            itemsCount: w,
             zoneName: m || ""
           }), e.setState({
             dragOver: g
           }, e.swapElements);
         }
       }
-    }), u(p(e), "handleItemDrop", function() {
+    }), s(h(e), "handleItemDrop", function() {
       var t = e.asProps.onDnD;
       if (t) {
         var r = e.state, n = r.items, a = r.dragging, i = r.dragOver;
         if (a) {
           var g = i !== null ? n[i] : n[a.index], o = n[a.index];
           if (!(!g || !o)) {
-            var _ = g.isDropZone ? o.node : g.node, d = _.getAttribute("aria-label") || _.textContent || "".concat((i ?? a.index) + 1), f = g.zoneName, m = f ? n.filter(function(x) {
-              return (x == null ? void 0 : x.zoneName) === f;
-            }) : n, v = m.length, D = m.findIndex(function(x) {
-              return (x == null ? void 0 : x.node) === g.node || (x == null ? void 0 : x.id) && (x == null ? void 0 : x.id) === g.id;
-            }), w = f ? g.isDropZone ? "droppedJustWithZone" : "droppedFullWithZone" : "dropped";
-            if (e.setA11yHint(w, {
-              itemText: d,
-              itemPosition: D + 1,
+            var u = g.isDropZone ? o.node : g.node, l = u.getAttribute("aria-label") || u.textContent || "".concat((i ?? a.index) + 1), f = g.zoneName, m = f ? n.filter(function(S) {
+              return (S == null ? void 0 : S.zoneName) === f;
+            }) : n, v = m.length, w = m.findIndex(function(S) {
+              return (S == null ? void 0 : S.node) === g.node || (S == null ? void 0 : S.id) && (S == null ? void 0 : S.id) === g.id;
+            }), k = f ? g.isDropZone ? "droppedJustWithZone" : "droppedFullWithZone" : "dropped";
+            if (e.setA11yHint(k, {
+              itemText: l,
+              itemPosition: w + 1,
               itemsCount: v,
               zoneName: f || ""
             }), e.setState({
@@ -140,31 +140,31 @@ var ne = (
               hideHoverEffect: !0,
               reversedScaling: !1
             }), a && n[a.index]) {
-              var S = n[a.index];
-              S && t({
-                fromId: S.id,
+              var y = n[a.index];
+              y && t({
+                fromId: y.id,
                 fromIndex: a.index,
                 toId: g.id,
                 toIndex: i ?? a.index
               });
             }
             if (g.draggingAllowed) {
-              var k, P, F;
-              (k = (P = e.asProps).onSwapDraggable) === null || k === void 0 || k.call(P, (F = n[a.index]) === null || F === void 0 ? void 0 : F.children, g.children);
+              var I, P, F;
+              (I = (P = e.asProps).onSwapDraggable) === null || I === void 0 || I.call(P, (F = n[a.index]) === null || F === void 0 ? void 0 : F.children, g.children);
             } else {
-              var l, E, H;
-              (l = (E = e.asProps).onInsertDroppable) === null || l === void 0 || l.call(E, (H = n[a.index]) === null || H === void 0 ? void 0 : H.children, g.children);
+              var d, E, H;
+              (d = (E = e.asProps).onInsertDroppable) === null || d === void 0 || d.call(E, (H = n[a.index]) === null || H === void 0 ? void 0 : H.children, g.children);
             }
           }
         }
       }
-    }), u(p(e), "handleItemDragEnter", function(t) {
+    }), s(h(e), "handleItemDragEnter", function(t) {
       t.preventDefault();
-    }), u(p(e), "handleItemMouseMove", function() {
+    }), s(h(e), "handleItemMouseMove", function() {
       e.state.hideHoverEffect && e.setState({
         hideHoverEffect: !1
       });
-    }), u(p(e), "updateItemScaling", function() {
+    }), s(h(e), "updateItemScaling", function() {
       var t, r = (t = e.state.items[0]) === null || t === void 0 ? void 0 : t.node;
       if (r && !e.state.reversedScaling) {
         for (var n = r.getBoundingClientRect(), a = !1, i = r.parentElement; i && i !== document.body; ) {
@@ -182,25 +182,25 @@ var ne = (
           reversedScaling: a
         });
       }
-    }), u(p(e), "swapElements", function() {
-      var t, r, n, a = e.state, i = a.items, g = a.dragging, o = a.dragOver, _ = (t = g == null ? void 0 : g.index) !== null && t !== void 0 ? t : null;
-      if (!(_ === null || o === null)) {
-        var d = (r = i[_]) === null || r === void 0 ? void 0 : r.node, f = (n = i[o]) === null || n === void 0 ? void 0 : n.node;
-        if (!(!d || !f)) {
-          if (_ === o) {
-            var m, v, D, w = (m = (v = i[o + 1]) === null || v === void 0 ? void 0 : v.node) !== null && m !== void 0 ? m : null;
-            (D = e.containerRef.current) === null || D === void 0 || D.insertBefore(d, w);
-          } else if (_ > o) {
-            var S;
-            (S = e.containerRef.current) === null || S === void 0 || S.insertBefore(d, f);
+    }), s(h(e), "swapElements", function() {
+      var t, r, n, a = e.state, i = a.items, g = a.dragging, o = a.dragOver, u = (t = g == null ? void 0 : g.index) !== null && t !== void 0 ? t : null;
+      if (!(u === null || o === null)) {
+        var l = (r = i[u]) === null || r === void 0 ? void 0 : r.node, f = (n = i[o]) === null || n === void 0 ? void 0 : n.node;
+        if (!(!l || !f)) {
+          if (u === o) {
+            var m, v, w, k = (m = (v = i[o + 1]) === null || v === void 0 ? void 0 : v.node) !== null && m !== void 0 ? m : null;
+            (w = e.containerRef.current) === null || w === void 0 || w.insertBefore(l, k);
+          } else if (u > o) {
+            var y;
+            (y = e.containerRef.current) === null || y === void 0 || y.insertBefore(l, f);
           } else {
-            var l;
-            (l = e.containerRef.current) === null || l === void 0 || l.insertBefore(d, f.nextSibling);
+            var d;
+            (d = e.containerRef.current) === null || d === void 0 || d.insertBefore(l, f.nextSibling);
           }
-          d.focus();
+          l.focus();
         }
       }
-    }), u(p(e), "handleItemKeyDown", function(t, r) {
+    }), s(h(e), "handleItemKeyDown", function(t, r) {
       if (t.target === t.currentTarget) {
         if (e.state.dragging && t.key === "Tab" && (t.preventDefault(), t.stopPropagation()), t.key === " ") {
           var n;
@@ -222,10 +222,10 @@ var ne = (
             hideHoverEffect: !0
           });
           for (var a = e.state.items, i = a.length - 1; i >= 0; i--) {
-            var g, o, _, d = (g = a[i]) === null || g === void 0 ? void 0 : g.node, f = (o = (_ = a[i + 1]) === null || _ === void 0 ? void 0 : _.node) !== null && o !== void 0 ? o : null;
-            if (d) {
+            var g, o, u, l = (g = a[i]) === null || g === void 0 ? void 0 : g.node, f = (o = (u = a[i + 1]) === null || u === void 0 ? void 0 : u.node) !== null && o !== void 0 ? o : null;
+            if (l) {
               var m;
-              (m = e.containerRef.current) === null || m === void 0 || m.insertBefore(d, f);
+              (m = e.containerRef.current) === null || m === void 0 || m.insertBefore(l, f);
             }
           }
           return t.target instanceof HTMLElement && t.target.focus(), !1;
@@ -236,31 +236,31 @@ var ne = (
           var v = t.currentTarget;
           if (!v || v !== document.activeElement) return;
           t.preventDefault(), t.stopPropagation(), requestAnimationFrame(function() {
-            var D;
+            var w;
             if (!(!(v instanceof HTMLElement) || v !== document.activeElement)) {
-              var w = [], S = {
+              var k = [], y = {
                 top: 0,
                 right: 0,
                 bottom: 0,
                 left: 0
               };
-              (D = e.containerRef.current) === null || D === void 0 || D.childNodes.forEach(function(E, H) {
+              (w = e.containerRef.current) === null || w === void 0 || w.childNodes.forEach(function(E, H) {
                 if (E instanceof HTMLElement && E.getAttribute("draggable") !== null) {
-                  var k = E.getBoundingClientRect(), P = {
-                    top: Math.round(k.top),
-                    right: Math.round(k.right),
-                    bottom: Math.round(k.bottom),
-                    left: Math.round(k.left)
+                  var I = E.getBoundingClientRect(), P = {
+                    top: Math.round(I.top),
+                    right: Math.round(I.right),
+                    bottom: Math.round(I.bottom),
+                    left: Math.round(I.left)
                   };
-                  w.push(P), E === v && (S = P);
+                  k.push(P), E === v && (y = P);
                 }
               });
-              var l = re(w, S, t.key);
-              return l === -1 || v && e.state.dragging !== null && (e.setA11yHint("grabbing", {
-                itemPosition: l + 1,
+              var d = re(k, y, t.key);
+              return d === -1 || v && e.state.dragging !== null && (e.setA11yHint("grabbing", {
+                itemPosition: d + 1,
                 itemsCount: e.state.items.length
               }), e.setState({
-                dragOver: l
+                dragOver: d
               }, function() {
                 e.swapElements();
               })), !1;
@@ -268,39 +268,39 @@ var ne = (
           });
         }
       }
-    }), u(p(e), "handleItemFocus", function() {
+    }), s(h(e), "handleItemFocus", function() {
       e.state.dragging && e.updateItemScaling();
-    }), u(p(e), "makeItemDragStartHandler", function(t) {
+    }), s(h(e), "makeItemDragStartHandler", function(t) {
       return function() {
         return e.handleItemDragStart(t);
       };
-    }), u(p(e), "makeItemKeyDownHandler", function(t) {
+    }), s(h(e), "makeItemKeyDownHandler", function(t) {
       return function(r) {
         return e.handleItemKeyDown(r, t);
       };
-    }), u(p(e), "handlePageKeyDown", function(t) {
+    }), s(h(e), "handlePageKeyDown", function(t) {
       if (e.asProps.customFocus !== void 0) {
         var r = e.getCustomFocusItemIndex(e.asProps.customFocus);
         e.state.items[r] && e.handleItemKeyDown(t, r);
       }
-    }), u(p(e), "attach", function(t) {
-      var r = t.index, n = t.children, a = t.node, i = t.id, g = t.draggingAllowed, o = t.zoneName, _ = t.isDropZone;
-      e.setState(function(d) {
+    }), s(h(e), "attach", function(t) {
+      var r = t.index, n = t.children, a = t.node, i = t.id, g = t.draggingAllowed, o = t.zoneName, u = t.isDropZone;
+      e.setState(function(l) {
         var f, m;
-        if (((f = d.items[r]) === null || f === void 0 ? void 0 : f.children) === n && ((m = d.items[r]) === null || m === void 0 ? void 0 : m.node) === a) return d;
-        var v = d.items;
+        if (((f = l.items[r]) === null || f === void 0 ? void 0 : f.children) === n && ((m = l.items[r]) === null || m === void 0 ? void 0 : m.node) === a) return l;
+        var v = l.items;
         return v[r] = {
           children: n,
           node: a,
           id: i,
           draggingAllowed: g,
           zoneName: o,
-          isDropZone: _
+          isDropZone: u
         }, {
           items: T(v)
         };
       });
-    }), u(p(e), "detach", function(t) {
+    }), s(h(e), "detach", function(t) {
       e.setState(function(r) {
         if (!r.items[t]) return r;
         var n = r.items;
@@ -308,7 +308,7 @@ var ne = (
           items: T(n)
         };
       });
-    }), u(p(e), "getCustomFocusItemIndex", function(t) {
+    }), s(h(e), "getCustomFocusItemIndex", function(t) {
       if (t !== void 0) {
         var r = t;
         if (typeof r == "string" && (r = e.state.items.findIndex(function(n) {
@@ -316,7 +316,7 @@ var ne = (
         })), !(r === -1 || typeof r != "number"))
           return r;
       }
-    }), u(p(e), "setA11yHint", function(t) {
+    }), s(h(e), "setA11yHint", function(t) {
       var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
       clearTimeout(e.clearA11yHintTimeout);
       var n = e.asProps.getI18nText;
@@ -329,27 +329,27 @@ var ne = (
       }, 2e3));
     }), e;
   }
-  return U(y, [{
+  return U(p, [{
     key: "getDraggableProps",
-    value: function(b, s) {
-      var h = this.asProps.uid;
+    value: function(b, _) {
+      var D = this.asProps.uid;
       return {
-        uid: h,
-        index: s,
-        onDragStart: this.makeItemDragStartHandler(s),
+        uid: D,
+        index: _,
+        onDragStart: this.makeItemDragStartHandler(_),
         onDragEnd: this.handleItemDragEnd,
         onDragOver: this.handleItemDragOver,
         onDragEnter: this.handleItemDragEnter,
         onDrop: this.handleItemDrop,
         onMouseMove: this.handleItemMouseMove,
-        onKeyDown: this.makeItemKeyDownHandler(s),
+        onKeyDown: this.makeItemKeyDownHandler(_),
         onFocus: this.handleItemFocus,
-        dropPreview: s === this.state.dragOver,
-        keyboardDragging: s === this.state.keyboardDraggingIndex,
+        dropPreview: _ === this.state.dragOver,
+        keyboardDragging: _ === this.state.keyboardDraggingIndex,
         reversedScaling: this.state.reversedScaling,
         dark: this.asProps.theme === "dark",
         hideHoverEffect: this.state.hideHoverEffect,
-        animatedScaling: s === this.state.animatedScaling
+        animatedScaling: _ === this.state.animatedScaling
       };
     }
   }, {
@@ -370,103 +370,103 @@ var ne = (
     key: "componentDidUpdate",
     value: function(b) {
       if (b.customFocus !== this.asProps.customFocus) {
-        var s = this.getCustomFocusItemIndex(this.asProps.customFocus);
-        this.state.items[s] && this.handleItemFocus();
+        var _ = this.getCustomFocusItemIndex(this.asProps.customFocus);
+        this.state.items[_] && this.handleItemFocus();
       }
     }
   }, {
     key: "render",
     value: function() {
-      var b = this.asProps, s, h = this.attach, t = this.detach, r = "div", n = this.state, a = n.a11yHint;
+      var b = this.asProps, _, D = this.attach, t = this.detach, r = "div", n = this.state, a = n.a11yHint;
       n.dragging;
       var i = {
-        attach: h,
+        attach: D,
         detach: t
-      }, g = this.asProps, o = g.getI18nText, _ = g.uid;
-      return s = Z(this.asProps.styles), /* @__PURE__ */ I.createElement(B.Provider, {
+      }, g = this.asProps, o = g.getI18nText, u = g.uid;
+      return _ = Z(this.asProps.styles), /* @__PURE__ */ x.createElement(B.Provider, {
         value: i
-      }, a && /* @__PURE__ */ I.createElement(r, s.cn("SA11yHint", {
+      }, a && /* @__PURE__ */ x.createElement(r, _.cn("SA11yHint", {
         role: "alert",
         "aria-live": "assertive"
-      }), a), /* @__PURE__ */ I.createElement(R, z({
+      }), a), /* @__PURE__ */ x.createElement(R, z({
         role: "group",
         ref: this.containerRef
-      }, b)), /* @__PURE__ */ I.createElement(G, s.cn("ScreenReaderOnly", {
-        id: "describe-draggable-".concat(_),
+      }, b)), /* @__PURE__ */ x.createElement(G, _.cn("ScreenReaderOnly", {
+        id: "describe-draggable-".concat(u),
         "aria-hidden": "true"
       }), o("describe", {
         control: "Space"
       })));
     }
-  }]), y;
+  }]), p;
 }(j);
-u(C, "displayName", "DragAndDrop");
-u(C, "enhance", [Q(K), ee()]);
-u(C, "defaultProps", {
+s(C, "displayName", "DragAndDrop");
+s(C, "enhance", [Q(K), ee()]);
+s(C, "defaultProps", {
   theme: "default",
   i18n: K,
   locale: "en"
 });
-u(C, "style", ne);
+s(C, "style", ne);
 var W = function(c) {
-  var y = arguments[0], e, b = R, s = I.useRef(), h = I.useContext(B), t = h.attach, r = h.detach, n = c.styles, a = c.placement, i = a === void 0 ? "right" : a, g = c.noDrag, o = g === void 0 ? !1 : g, _ = c.index, d = c.children, f = c.Children, m = c.id, v = c.zoneName, D = c.isDropZone, w = D === void 0 ? !1 : D, S = c.uid, l = c.isCustomFocus, E = l === void 0 ? !1 : l, H = c.keyboardFocused, k = I.useMemo(function() {
-    return typeof d == "function" ? d(c) : d;
-  }, [d, c]);
+  var p = arguments[0], e, b = R, _ = x.useRef(), D = x.useContext(B), t = D.attach, r = D.detach, n = c.styles, a = c.placement, i = a === void 0 ? "right" : a, g = c.noDrag, o = g === void 0 ? !1 : g, u = c.index, l = c.children, f = c.Children, m = c.id, v = c.zoneName, w = c.isDropZone, k = w === void 0 ? !1 : w, y = c.uid, d = c.isCustomFocus, E = d === void 0 ? !1 : d, H = c.keyboardFocused, I = x.useMemo(function() {
+    return typeof l == "function" ? l(c) : l;
+  }, [l, c]);
   return V(function() {
     return t({
-      index: _,
-      children: k,
-      node: s.current,
+      index: u,
+      children: I,
+      node: _.current,
       id: m,
       draggingAllowed: !o,
       zoneName: v,
-      isDropZone: w
+      isDropZone: k
     }), function() {
-      return r(_);
+      return r(u);
     };
-  }, [_, k, t, r, m]), e = Z(n), /* @__PURE__ */ I.createElement(b, e.cn("SDraggable", O({}, z({
-    ref: s,
+  }, [u, I, t, r, m]), e = Z(n), /* @__PURE__ */ x.createElement(b, e.cn("SDraggable", O({}, z({
+    ref: _,
     draggable: !o,
     placement: i,
     role: "group",
-    "aria-describedby": "describe-draggable-".concat(S),
+    "aria-describedby": "describe-draggable-".concat(y),
     "use:keyboardFocused": E ? !1 : H
-  }, y))), /* @__PURE__ */ I.createElement(f, e.cn("Children", {})));
+  }, p))), /* @__PURE__ */ x.createElement(f, e.cn("Children", {})));
 };
 W.enhance = [$()];
-var re = function(c, y, e) {
-  for (var b = null, s = 1 / 0, h = 0; h < c.length; h++) {
-    var t = c[h];
-    if (t && t !== y) {
-      var r = y.top <= t.bottom && y.bottom >= t.top, n = y.left <= t.right && y.right >= t.left;
+var re = function(c, p, e) {
+  for (var b = null, _ = 1 / 0, D = 0; D < c.length; D++) {
+    var t = c[D];
+    if (t && t !== p) {
+      var r = p.top <= t.bottom && p.bottom >= t.top, n = p.left <= t.right && p.right >= t.left;
       if (!(!r && !n))
         switch (e) {
           case "ArrowRight": {
             if (!r) continue;
-            var a = t.left - y.right;
-            if (a < 0 || a >= s) continue;
-            b = t, s = a;
+            var a = t.left - p.right;
+            if (a < 0 || a >= _) continue;
+            b = t, _ = a;
             break;
           }
           case "ArrowLeft": {
             if (!r) continue;
-            var i = y.left - t.right;
-            if (i < 0 || i >= s) continue;
-            b = t, s = i;
+            var i = p.left - t.right;
+            if (i < 0 || i >= _) continue;
+            b = t, _ = i;
             break;
           }
           case "ArrowUp": {
             if (!n) continue;
-            var g = y.top - t.bottom;
-            if (g < 0 || g >= s) continue;
-            b = t, s = g;
+            var g = p.top - t.bottom;
+            if (g < 0 || g >= _) continue;
+            b = t, _ = g;
             break;
           }
           case "ArrowDown": {
             if (!n) continue;
-            var o = t.top - y.bottom;
-            if (o < 0 || o >= s) continue;
-            b = t, s = o;
+            var o = t.top - p.bottom;
+            if (o < 0 || o >= _) continue;
+            b = t, _ = o;
             break;
           }
         }
@@ -474,12 +474,12 @@ var re = function(c, y, e) {
   }
   return c.indexOf(b);
 }, N = function(c) {
-  var y = arguments[0], e, b = ae.Draggable, s = c.styles;
-  return e = Z(s), /* @__PURE__ */ I.createElement(b, e.cn("SDropZone", O({}, z({
+  var p = arguments[0], e, b = ae.Draggable, _ = c.styles;
+  return e = Z(_), /* @__PURE__ */ x.createElement(b, e.cn("SDropZone", O({}, z({
     noDrag: !0,
     isDropZone: !0,
     "aria-describedby": null
-  }, y))));
+  }, p))));
 }, ae = Y(C, {
   Draggable: W,
   DropZone: N,

package/drag-and-drop/package.json

@@ -1 +1 @@
-{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.47.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/card":"5.46.0","@semcore/flex-box":"5.41.0","@semcore/grid":"5.40.0","@semcore/utils":"4.48.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/drag-and-drop"},"devDependencies":{"@semcore/badge":"*","@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@semcore/tab-panel":"*","@types/react":"18.0.21"}}
+{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.47.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/card":"5.46.1-prerelease.0","@semcore/flex-box":"5.41.1-prerelease.0","@semcore/grid":"5.40.1-prerelease.0","@semcore/utils":"4.48.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/drag-and-drop"},"devDependencies":{"@semcore/badge":"*","@semcore/icon":"*","@semcore/testing-utils":"1.0.0","@semcore/tab-panel":"*","@types/react":"18.0.21"}}