intergalactic 15.126.1 → 15.127.0-prerelease.0

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

@@ -1,16 +1,16 @@
-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 h from "@babel/runtime/helpers/esm/assertThisInitialized";
-import q from "@babel/runtime/helpers/esm/inherits";
+import N from "@babel/runtime/helpers/esm/objectSpread2";
+import z from "@babel/runtime/helpers/esm/toConsumableArray";
+import W from "@babel/runtime/helpers/esm/classCallCheck";
+import L from "@babel/runtime/helpers/esm/createClass";
+import p from "@babel/runtime/helpers/esm/assertThisInitialized";
+import U from "@babel/runtime/helpers/esm/inherits";
 import J from "@babel/runtime/helpers/esm/createSuper";
 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 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 Y, { sstyled as F, assignProps as Z, Component as j } from 'intergalactic/core';
+import q from "react";
+import { Box as O, ScreenReaderOnly as G } from 'intergalactic/flex-box';
+import { localizedMessages as R } from "./translations/__intergalactic-dynamic-locales.mjs";
 import Q from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import V from 'intergalactic/utils/lib/use/useEnhancedEffect';
 import $ from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
@@ -20,39 +20,39 @@ var ne = (
   /*__reshadow_css_start__*/
   (X.insert(
     /*__inner_css_start__*/
-    '.___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_1qul7_gg_.__draggable_1qul7_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1qul7_gg_.__draggable_1qul7_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_1qul7_gg_.__draggable_1qul7_gg_:hover::before{display:block}}.___SDraggable_1qul7_gg_.__draggable_1qul7_gg_.__hideHoverEffect_1qul7_gg_:not(._role_menuitemcheckbox_1qul7_gg_)::before{display:none}.___SDraggable_1qul7_gg_._placement_right_1qul7_gg_::before{right:0}.___SDraggable_1qul7_gg_._placement_bottom_1qul7_gg_::before{bottom:0}.___SDraggable_1qul7_gg_._placement_left_1qul7_gg_::before{left:0}.___SDraggable_1qul7_gg_._placement_top_1qul7_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1qul7_gg_._placement_bottom_1qul7_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1qul7_gg_._placement_left_1qul7_gg_::before,.___SDraggable_1qul7_gg_._placement_right_1qul7_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1qul7_gg_{position:relative}.___SDraggable_1qul7_gg_.__dropPreview_1qul7_gg_,.___SDropZone_1qul7_gg_.__dropPreview_1qul7_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1qul7_gg_.__dark_1qul7_gg_.__dropPreview_1qul7_gg_,.___SDropZone_1qul7_gg_.__dark_1qul7_gg_.__dropPreview_1qul7_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1qul7_gg_:focus{outline:0}.___SDraggable_1qul7_gg_.__keyboardFocused_1qul7_gg_:focus{box-shadow:none}.___SDraggable_1qul7_gg_.__keyboardFocused_1qul7_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_1qul7_gg_.__keyboardDragging_1qul7_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_1qul7_gg_.__keyboardDragging_1qul7_gg_.__hideHoverEffect_1qul7_gg_::before,.___SDraggable_1qul7_gg_.__keyboardDragging_1qul7_gg_::before{display:block}.___SDraggable_1qul7_gg_.__keyboardDragging_1qul7_gg_.__reversedScaling_1qul7_gg_{scale:.95}.___SDraggable_1qul7_gg_.__animatedScaling_1qul7_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1qul7_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1qul7_gg_{transition:none}}',
+    "1qul7_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_"
+    __SDraggable: "___SDraggable_1qul7_gg_",
+    _placement_top: "_placement_top_1qul7_gg_",
+    _placement_right: "_placement_right_1qul7_gg_",
+    _placement_left: "_placement_left_1qul7_gg_",
+    _placement_bottom: "_placement_bottom_1qul7_gg_",
+    __SDropZone: "___SDropZone_1qul7_gg_",
+    _dropPreview: "__dropPreview_1qul7_gg_",
+    _dark: "__dark_1qul7_gg_",
+    _keyboardFocused: "__keyboardFocused_1qul7_gg_",
+    _keyboardDragging: "__keyboardDragging_1qul7_gg_",
+    _reversedScaling: "__reversedScaling_1qul7_gg_",
+    _animatedScaling: "__animatedScaling_1qul7_gg_",
+    __SA11yHint: "___SA11yHint_1qul7_gg_",
+    _draggable: "__draggable_1qul7_gg_",
+    _hideHoverEffect: "__hideHoverEffect_1qul7_gg_",
+    _role_menuitemcheckbox: "_role_menuitemcheckbox_1qul7_gg_"
   })
-), M = function() {
-}, B = /* @__PURE__ */ x.createContext({
-  attach: M,
-  detach: M
-}), C = /* @__PURE__ */ function(A) {
-  q(p, A);
-  var c = J(p);
-  function p() {
+), T = function() {
+}, K = /* @__PURE__ */ q.createContext({
+  attach: T,
+  detach: T
+}), P = /* @__PURE__ */ function(H) {
+  U(b, H);
+  var c = J(b);
+  function b() {
     var e;
-    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", {
+    W(this, b);
+    for (var h = arguments.length, u = new Array(h), D = 0; D < h; D++)
+      u[D] = arguments[D];
+    return e = c.call.apply(c, [this].concat(u)), s(p(e), "state", {
       items: [],
       dragging: null,
       dragOver: null,
@@ -62,17 +62,17 @@ var ne = (
       keyboardDraggingIndex: null,
       animatedScaling: null,
       reversedScaling: !1
-    }), s(h(e), "containerRef", /* @__PURE__ */ x.createRef()), s(h(e), "clearA11yHintTimeout", 0), s(h(e), "handleItemDragStart", function(t) {
+    }), s(p(e), "containerRef", /* @__PURE__ */ q.createRef()), s(p(e), "clearA11yHintTimeout", 0), s(p(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(l) {
           return (l == null ? void 0 : l.zoneName) === i;
-        }) : r, o = g.length, u = g.findIndex(function(l) {
+        }) : r, o = g.length, _ = 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: u + 1,
+          itemPosition: _ + 1,
           itemsCount: o,
           zoneName: i || ""
         }), e.setState(function(l) {
@@ -86,51 +86,51 @@ var ne = (
           };
         });
       }
-    }), s(h(e), "handleItemDragEnd", function(t) {
+    }), s(p(e), "handleItemDragEnd", function(t) {
       t.preventDefault(), e.setState({
         dragging: null,
         dragOver: null,
         reversedScaling: !1,
         keyboardDraggingIndex: null
       });
-    }), s(h(e), "handleItemDragOver", function(t) {
+    }), s(p(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(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) {
+        }), o = n[g], _ = n[a.index];
+        if (!(!o || !_ || g === i)) {
+          var l = o.isDropZone ? _.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) {
+          }) : n, y = 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, {
+          }), S = m ? o.isDropZone ? "grabbingJustWithZone" : "grabbingFullWithZone" : "grabbing";
+          e.setA11yHint(S, {
             itemText: f,
             itemPosition: k + 1,
-            itemsCount: w,
+            itemsCount: y,
             zoneName: m || ""
           }), e.setState({
             dragOver: g
           }, e.swapElements);
         }
       }
-    }), s(h(e), "handleItemDrop", function() {
+    }), s(p(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 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;
+            var _ = g.isDropZone ? o.node : g.node, l = _.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, y = 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;
             }), k = f ? g.isDropZone ? "droppedJustWithZone" : "droppedFullWithZone" : "dropped";
             if (e.setA11yHint(k, {
               itemText: l,
-              itemPosition: w + 1,
+              itemPosition: y + 1,
               itemsCount: v,
               zoneName: f || ""
             }), e.setState({
@@ -140,31 +140,31 @@ var ne = (
               hideHoverEffect: !0,
               reversedScaling: !1
             }), a && n[a.index]) {
-              var y = n[a.index];
-              y && t({
-                fromId: y.id,
+              var S = n[a.index];
+              S && t({
+                fromId: S.id,
                 fromIndex: a.index,
                 toId: g.id,
                 toIndex: i ?? a.index
               });
             }
             if (g.draggingAllowed) {
-              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);
+              var I, A, C;
+              (I = (A = e.asProps).onSwapDraggable) === null || I === void 0 || I.call(A, (C = n[a.index]) === null || C === void 0 ? void 0 : C.children, g.children);
             } else {
-              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);
+              var d, w, E;
+              (d = (w = e.asProps).onInsertDroppable) === null || d === void 0 || d.call(w, (E = n[a.index]) === null || E === void 0 ? void 0 : E.children, g.children);
             }
           }
         }
       }
-    }), s(h(e), "handleItemDragEnter", function(t) {
+    }), s(p(e), "handleItemDragEnter", function(t) {
       t.preventDefault();
-    }), s(h(e), "handleItemMouseMove", function() {
+    }), s(p(e), "handleItemMouseMove", function() {
       e.state.hideHoverEffect && e.setState({
         hideHoverEffect: !1
       });
-    }), s(h(e), "updateItemScaling", function() {
+    }), s(p(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,17 +182,17 @@ var ne = (
           reversedScaling: a
         });
       }
-    }), 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;
+    }), s(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 l = (r = i[_]) === 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);
+          if (_ === o) {
+            var m, v, y, k = (m = (v = i[o + 1]) === null || v === void 0 ? void 0 : v.node) !== null && m !== void 0 ? m : null;
+            (y = e.containerRef.current) === null || y === void 0 || y.insertBefore(l, k);
+          } else if (_ > o) {
+            var S;
+            (S = e.containerRef.current) === null || S === void 0 || S.insertBefore(l, f);
           } else {
             var d;
             (d = e.containerRef.current) === null || d === void 0 || d.insertBefore(l, f.nextSibling);
@@ -200,7 +200,7 @@ var ne = (
           l.focus();
         }
       }
-    }), s(h(e), "handleItemKeyDown", function(t, r) {
+    }), s(p(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,7 +222,7 @@ var ne = (
             hideHoverEffect: !0
           });
           for (var a = e.state.items, i = a.length - 1; i >= 0; i--) {
-            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;
+            var g, o, _, l = (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 (l) {
               var m;
               (m = e.containerRef.current) === null || m === void 0 || m.insertBefore(l, f);
@@ -236,26 +236,26 @@ var ne = (
           var v = t.currentTarget;
           if (!v || v !== document.activeElement) return;
           t.preventDefault(), t.stopPropagation(), requestAnimationFrame(function() {
-            var w;
+            var y;
             if (!(!(v instanceof HTMLElement) || v !== document.activeElement)) {
-              var k = [], y = {
+              var k = [], S = {
                 top: 0,
                 right: 0,
                 bottom: 0,
                 left: 0
               };
-              (w = e.containerRef.current) === null || w === void 0 || w.childNodes.forEach(function(E, H) {
-                if (E instanceof HTMLElement && E.getAttribute("draggable") !== null) {
-                  var I = E.getBoundingClientRect(), P = {
+              (y = e.containerRef.current) === null || y === void 0 || y.childNodes.forEach(function(w, E) {
+                if (w instanceof HTMLElement && w.getAttribute("draggable") !== null) {
+                  var I = w.getBoundingClientRect(), A = {
                     top: Math.round(I.top),
                     right: Math.round(I.right),
                     bottom: Math.round(I.bottom),
                     left: Math.round(I.left)
                   };
-                  k.push(P), E === v && (y = P);
+                  k.push(A), w === v && (S = A);
                 }
               });
-              var d = re(k, y, t.key);
+              var d = re(k, S, t.key);
               return d === -1 || v && e.state.dragging !== null && (e.setA11yHint("grabbing", {
                 itemPosition: d + 1,
                 itemsCount: e.state.items.length
@@ -268,23 +268,23 @@ var ne = (
           });
         }
       }
-    }), s(h(e), "handleItemFocus", function() {
+    }), s(p(e), "handleItemFocus", function() {
       e.state.dragging && e.updateItemScaling();
-    }), s(h(e), "makeItemDragStartHandler", function(t) {
+    }), s(p(e), "makeItemDragStartHandler", function(t) {
       return function() {
         return e.handleItemDragStart(t);
       };
-    }), s(h(e), "makeItemKeyDownHandler", function(t) {
+    }), s(p(e), "makeItemKeyDownHandler", function(t) {
       return function(r) {
         return e.handleItemKeyDown(r, t);
       };
-    }), s(h(e), "handlePageKeyDown", function(t) {
+    }), s(p(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);
       }
-    }), 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;
+    }), s(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(l) {
         var f, m;
         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;
@@ -295,20 +295,20 @@ var ne = (
           id: i,
           draggingAllowed: g,
           zoneName: o,
-          isDropZone: u
+          isDropZone: _
         }, {
-          items: T(v)
+          items: z(v)
         };
       });
-    }), s(h(e), "detach", function(t) {
+    }), s(p(e), "detach", function(t) {
       e.setState(function(r) {
         if (!r.items[t]) return r;
         var n = r.items;
         return n[t] = void 0, {
-          items: T(n)
+          items: z(n)
         };
       });
-    }), s(h(e), "getCustomFocusItemIndex", function(t) {
+    }), s(p(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;
       }
-    }), s(h(e), "setA11yHint", function(t) {
+    }), s(p(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(p, [{
+  return L(b, [{
     key: "getDraggableProps",
-    value: function(b, _) {
+    value: function(h, u) {
       var D = this.asProps.uid;
       return {
         uid: D,
-        index: _,
-        onDragStart: this.makeItemDragStartHandler(_),
+        index: u,
+        onDragStart: this.makeItemDragStartHandler(u),
         onDragEnd: this.handleItemDragEnd,
         onDragOver: this.handleItemDragOver,
         onDragEnter: this.handleItemDragEnter,
         onDrop: this.handleItemDrop,
         onMouseMove: this.handleItemMouseMove,
-        onKeyDown: this.makeItemKeyDownHandler(_),
+        onKeyDown: this.makeItemKeyDownHandler(u),
         onFocus: this.handleItemFocus,
-        dropPreview: _ === this.state.dragOver,
-        keyboardDragging: _ === this.state.keyboardDraggingIndex,
+        dropPreview: u === this.state.dragOver,
+        keyboardDragging: u === this.state.keyboardDraggingIndex,
         reversedScaling: this.state.reversedScaling,
         dark: this.asProps.theme === "dark",
         hideHoverEffect: this.state.hideHoverEffect,
-        animatedScaling: _ === this.state.animatedScaling
+        animatedScaling: u === this.state.animatedScaling
       };
     }
   }, {
@@ -368,122 +368,122 @@ var ne = (
     }
   }, {
     key: "componentDidUpdate",
-    value: function(b) {
-      if (b.customFocus !== this.asProps.customFocus) {
-        var _ = this.getCustomFocusItemIndex(this.asProps.customFocus);
-        this.state.items[_] && this.handleItemFocus();
+    value: function(h) {
+      if (h.customFocus !== this.asProps.customFocus) {
+        var u = this.getCustomFocusItemIndex(this.asProps.customFocus);
+        this.state.items[u] && this.handleItemFocus();
       }
     }
   }, {
     key: "render",
     value: function() {
-      var b = this.asProps, _, D = this.attach, t = this.detach, r = "div", n = this.state, a = n.a11yHint;
+      var h = this.asProps, u, D = this.attach, t = this.detach, r = "div", n = this.state, a = n.a11yHint;
       n.dragging;
       var i = {
         attach: D,
         detach: t
-      }, g = this.asProps, o = g.getI18nText, u = g.uid;
-      return _ = Z(this.asProps.styles), /* @__PURE__ */ x.createElement(B.Provider, {
+      }, g = this.asProps, o = g.getI18nText, _ = g.uid;
+      return u = F(this.asProps.styles), /* @__PURE__ */ q.createElement(K.Provider, {
         value: i
-      }, a && /* @__PURE__ */ x.createElement(r, _.cn("SA11yHint", {
+      }, a && /* @__PURE__ */ q.createElement(r, u.cn("SA11yHint", {
         role: "alert",
         "aria-live": "assertive"
-      }), a), /* @__PURE__ */ x.createElement(R, z({
+      }), a), /* @__PURE__ */ q.createElement(O, Z({
         role: "group",
         ref: this.containerRef
-      }, b)), /* @__PURE__ */ x.createElement(G, _.cn("ScreenReaderOnly", {
-        id: "describe-draggable-".concat(u),
+      }, h)), /* @__PURE__ */ q.createElement(G, u.cn("ScreenReaderOnly", {
+        id: "describe-draggable-".concat(_),
         "aria-hidden": "true"
       }), o("describe", {
         control: "Space"
       })));
     }
-  }]), p;
+  }]), b;
 }(j);
-s(C, "displayName", "DragAndDrop");
-s(C, "enhance", [Q(K), ee()]);
-s(C, "defaultProps", {
+s(P, "displayName", "DragAndDrop");
+s(P, "enhance", [Q(R), ee()]);
+s(P, "defaultProps", {
   theme: "default",
-  i18n: K,
+  i18n: R,
   locale: "en"
 });
-s(C, "style", ne);
-var W = function(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() {
+s(P, "style", ne);
+var B = function(c) {
+  var b = arguments[0], e, h = O, u = q.useRef(), D = q.useContext(K), 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, _ = c.index, l = c.children, f = c.Children, m = c.id, v = c.zoneName, y = c.isDropZone, k = y === void 0 ? !1 : y, S = c.uid, d = c.isCustomFocus, w = d === void 0 ? !1 : d, E = c.keyboardFocused, I = q.useMemo(function() {
     return typeof l == "function" ? l(c) : l;
   }, [l, c]);
   return V(function() {
     return t({
-      index: u,
+      index: _,
       children: I,
-      node: _.current,
+      node: u.current,
       id: m,
       draggingAllowed: !o,
       zoneName: v,
       isDropZone: k
     }), function() {
-      return r(u);
+      return r(_);
     };
-  }, [u, I, t, r, m]), e = Z(n), /* @__PURE__ */ x.createElement(b, e.cn("SDraggable", O({}, z({
-    ref: _,
+  }, [_, I, t, r, m]), e = F(n), /* @__PURE__ */ q.createElement(h, e.cn("SDraggable", N({}, Z({
+    ref: u,
     draggable: !o,
     placement: i,
     role: "group",
-    "aria-describedby": "describe-draggable-".concat(y),
-    "use:keyboardFocused": E ? !1 : H
-  }, p))), /* @__PURE__ */ x.createElement(f, e.cn("Children", {})));
+    "aria-describedby": "describe-draggable-".concat(S),
+    "use:keyboardFocused": w ? !1 : E
+  }, b))), /* @__PURE__ */ q.createElement(f, e.cn("Children", {})));
 };
-W.enhance = [$()];
-var re = function(c, p, e) {
-  for (var b = null, _ = 1 / 0, D = 0; D < c.length; D++) {
+B.enhance = [$()];
+var re = function(c, b, e) {
+  for (var h = null, u = 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 (t && t !== b) {
+      var r = b.top <= t.bottom && b.bottom >= t.top, n = b.left <= t.right && b.right >= t.left;
       if (!(!r && !n))
         switch (e) {
           case "ArrowRight": {
             if (!r) continue;
-            var a = t.left - p.right;
-            if (a < 0 || a >= _) continue;
-            b = t, _ = a;
+            var a = t.left - b.right;
+            if (a < 0 || a >= u) continue;
+            h = t, u = a;
             break;
           }
           case "ArrowLeft": {
             if (!r) continue;
-            var i = p.left - t.right;
-            if (i < 0 || i >= _) continue;
-            b = t, _ = i;
+            var i = b.left - t.right;
+            if (i < 0 || i >= u) continue;
+            h = t, u = i;
             break;
           }
           case "ArrowUp": {
             if (!n) continue;
-            var g = p.top - t.bottom;
-            if (g < 0 || g >= _) continue;
-            b = t, _ = g;
+            var g = b.top - t.bottom;
+            if (g < 0 || g >= u) continue;
+            h = t, u = g;
             break;
           }
           case "ArrowDown": {
             if (!n) continue;
-            var o = t.top - p.bottom;
-            if (o < 0 || o >= _) continue;
-            b = t, _ = o;
+            var o = t.top - b.bottom;
+            if (o < 0 || o >= u) continue;
+            h = t, u = o;
             break;
           }
         }
     }
   }
-  return c.indexOf(b);
-}, N = function(c) {
-  var p = arguments[0], e, b = ae.Draggable, _ = c.styles;
-  return e = Z(_), /* @__PURE__ */ x.createElement(b, e.cn("SDropZone", O({}, z({
+  return c.indexOf(h);
+}, M = function(c) {
+  var b = arguments[0], e, h = ae.Draggable, u = c.styles;
+  return e = F(u), /* @__PURE__ */ q.createElement(h, e.cn("SDropZone", N({}, Z({
     noDrag: !0,
     isDropZone: !0,
     "aria-describedby": null
-  }, p))));
-}, ae = Y(C, {
-  Draggable: W,
-  DropZone: N,
-  Dropable: N
+  }, b))));
+}, ae = Y(P, {
+  Draggable: B,
+  DropZone: M,
+  Dropable: M
 });
 export {
   ae as default

package/drag-and-drop/package.json

@@ -1 +1 @@
-{"name":"intergalactic/drag-and-drop","description":"Semrush DragAndDrop Component","version":"3.47.1","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","@semcore/flex-box":"5.41.1","@semcore/grid":"5.40.1","@semcore/utils":"4.48.1"},"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.48.0-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.47.0-prerelease.0","@semcore/flex-box":"5.41.1","@semcore/grid":"5.40.1","@semcore/utils":"4.48.1"},"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"}}