@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/patterns/_useColumnReorder.js

@@ -1,28 +1,11 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = useColumnReorder;
+exports.default = useColumnReorder;
 var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * useColumnReorder — Portnet UI v2 (private)
  *
@@ -65,200 +48,178 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * onDrop never fires.
  */
 
-function useColumnReorder(columns, columnOrder, onColumnOrderChange) {
-  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  var resizeIsActive = options.resizeIsActive;
+function useColumnReorder(columns, columnOrder, onColumnOrderChange, options = {}) {
+  const {
+    resizeIsActive
+  } = options;
 
   // Effective order = host order, or fallback to the natural columns
   // sequence. Memoised on the input shapes; no allocation when both
   // refs are stable.
-  var effectiveOrder = React.useMemo(function () {
-    return columnOrder || columns.map(function (c) {
-      return c.key;
-    });
-  }, [columnOrder, columns]);
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    dragKey = _React$useState2[0],
-    setDragKey = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    overKey = _React$useState4[0],
-    setOverKey = _React$useState4[1];
+  const effectiveOrder = React.useMemo(() => columnOrder || columns.map(c => c.key), [columnOrder, columns]);
+  const [dragKey, setDragKey] = React.useState(null);
+  const [overKey, setOverKey] = React.useState(null);
 
   // Refs mirror state for use inside fresh-closure handlers
   // (the onDragEnd inside cellHandlers needs the latest dragKey
   // even if React hasn't yet re-rendered).
-  var dragKeyRef = React.useRef(null);
-  var reset = React.useCallback(function () {
+  const dragKeyRef = React.useRef(null);
+  const reset = React.useCallback(() => {
     dragKeyRef.current = null;
     setDragKey(null);
     setOverKey(null);
   }, []);
-  var onDragStart = React.useCallback(function (key) {
-    return function (e) {
-      // Cross-hook: if resize is active, abort the drag. Resize fires
-      // first via mousedown; this handler runs later via dragstart.
-      if (resizeIsActive) {
-        e.preventDefault();
-        return;
-      }
-      dragKeyRef.current = key;
-      setDragKey(key);
-      // Mark the data transfer with the source key. Some browsers
-      // require a non-empty payload to allow drop (Firefox).
-      try {
-        e.dataTransfer.effectAllowed = "move";
-        e.dataTransfer.setData("text/plain", key);
-      } catch (_unused) {
-        // Older Safari throws on certain MIME types; ignored.
-      }
-    };
-  }, [resizeIsActive]);
-  var onDragOver = React.useCallback(function (key) {
-    return function (e) {
-      // CRITICAL — without preventDefault, the browser refuses the
-      // drop and onDrop never fires.
+  const onDragStart = React.useCallback(key => e => {
+    // Cross-hook: if resize is active, abort the drag. Resize fires
+    // first via mousedown; this handler runs later via dragstart.
+    if (resizeIsActive) {
       e.preventDefault();
-      try {
-        e.dataTransfer.dropEffect = "move";
-      } catch (_unused2) {
-        // Some browsers throw outside a trusted dragstart→drop chain.
-      }
-      if (overKey !== key) setOverKey(key);
-    };
+      return;
+    }
+    dragKeyRef.current = key;
+    setDragKey(key);
+    // Mark the data transfer with the source key. Some browsers
+    // require a non-empty payload to allow drop (Firefox).
+    try {
+      e.dataTransfer.effectAllowed = "move";
+      e.dataTransfer.setData("text/plain", key);
+    } catch {
+      // Older Safari throws on certain MIME types; ignored.
+    }
+  }, [resizeIsActive]);
+  const onDragOver = React.useCallback(key => e => {
+    // CRITICAL — without preventDefault, the browser refuses the
+    // drop and onDrop never fires.
+    e.preventDefault();
+    try {
+      e.dataTransfer.dropEffect = "move";
+    } catch {
+      // Some browsers throw outside a trusted dragstart→drop chain.
+    }
+    if (overKey !== key) setOverKey(key);
   }, [overKey]);
-  var onDragLeave = React.useCallback(function (key) {
-    return function () {
-      // Only clear when leaving the same key we'd entered. Without
-      // this guard, fast moves between cells flicker the highlight.
-      if (overKey === key) setOverKey(null);
-    };
+  const onDragLeave = React.useCallback(key => () => {
+    // Only clear when leaving the same key we'd entered. Without
+    // this guard, fast moves between cells flicker the highlight.
+    if (overKey === key) setOverKey(null);
   }, [overKey]);
-  var onDrop = React.useCallback(function (targetKey) {
-    return function (e) {
-      e.preventDefault();
-      var sourceKey = e.dataTransfer && e.dataTransfer.getData("text/plain") || dragKeyRef.current;
-      if (!sourceKey || sourceKey === targetKey) {
-        reset();
-        return;
-      }
-      var sourceIdx = effectiveOrder.indexOf(sourceKey);
-      var targetIdx = effectiveOrder.indexOf(targetKey);
-      if (sourceIdx < 0 || targetIdx < 0) {
-        reset();
-        return;
-      }
-      var newOrder = _toConsumableArray(effectiveOrder);
-      newOrder.splice(sourceIdx, 1);
-      // After splice the target index may shift by 1 if source was
-      // before target. Recompute against the post-splice array.
-      var insertIdx = newOrder.indexOf(targetKey);
-      newOrder.splice(insertIdx, 0, sourceKey);
-      if (onColumnOrderChange) onColumnOrderChange(newOrder);
+  const onDrop = React.useCallback(targetKey => e => {
+    e.preventDefault();
+    const sourceKey = e.dataTransfer && e.dataTransfer.getData("text/plain") || dragKeyRef.current;
+    if (!sourceKey || sourceKey === targetKey) {
       reset();
-    };
+      return;
+    }
+    const sourceIdx = effectiveOrder.indexOf(sourceKey);
+    const targetIdx = effectiveOrder.indexOf(targetKey);
+    if (sourceIdx < 0 || targetIdx < 0) {
+      reset();
+      return;
+    }
+    const newOrder = [...effectiveOrder];
+    newOrder.splice(sourceIdx, 1);
+    // After splice the target index may shift by 1 if source was
+    // before target. Recompute against the post-splice array.
+    const insertIdx = newOrder.indexOf(targetKey);
+    newOrder.splice(insertIdx, 0, sourceKey);
+    if (onColumnOrderChange) onColumnOrderChange(newOrder);
+    reset();
   }, [effectiveOrder, onColumnOrderChange, reset]);
-  var onDragEnd = React.useCallback(function () {
+  const onDragEnd = React.useCallback(() => {
     // Fires whether the drop succeeded or the user cancelled (Esc /
     // drop on a non-target). Belt-and-suspenders cleanup.
     reset();
   }, [reset]);
-  var cellHandlers = React.useCallback(function (key) {
+  const cellHandlers = React.useCallback(key => ({
+    draggable: true,
+    onDragStart: onDragStart(key),
+    onDragOver: onDragOver(key),
+    onDragLeave: onDragLeave(key),
+    onDrop: onDrop(key),
+    onDragEnd
+  }), [onDragStart, onDragOver, onDragLeave, onDrop, onDragEnd]);
+  const cellSx = React.useCallback(key => {
+    const isDragSource = dragKey === key;
+    const isDropTarget = overKey === key && dragKey !== key;
+    if (!isDragSource && !isDropTarget) return undefined;
     return {
-      draggable: true,
-      onDragStart: onDragStart(key),
-      onDragOver: onDragOver(key),
-      onDragLeave: onDragLeave(key),
-      onDrop: onDrop(key),
-      onDragEnd: onDragEnd
+      ...(isDragSource && {
+        opacity: 0.5
+      }),
+      ...(isDropTarget && {
+        // Inset accent outline = "drop here" visual. boxShadow not
+        // outline so it doesn't extend beyond the cell border.
+        boxShadow: "inset 0 0 0 2px var(--accent)"
+      })
     };
-  }, [onDragStart, onDragOver, onDragLeave, onDrop, onDragEnd]);
-  var cellSx = React.useCallback(function (key) {
-    var isDragSource = dragKey === key;
-    var isDropTarget = overKey === key && dragKey !== key;
-    if (!isDragSource && !isDropTarget) return undefined;
-    return _objectSpread(_objectSpread({}, isDragSource && {
-      opacity: 0.5
-    }), isDropTarget && {
-      // Inset accent outline = "drop here" visual. boxShadow not
-      // outline so it doesn't extend beyond the cell border.
-      boxShadow: "inset 0 0 0 2px var(--accent)"
-    });
   }, [dragKey, overKey]);
 
   // ── Keyboard reorder (DG-R1) ───────────────────────────────────
   // Commit a reordered copy of effectiveOrder. All keyboard moves route
   // through here; edge/no-op cases are filtered by the callers.
-  var commitOrder = React.useCallback(function (newOrder) {
+  const commitOrder = React.useCallback(newOrder => {
     if (onColumnOrderChange) onColumnOrderChange(newOrder);
   }, [onColumnOrderChange]);
 
   // Adjacent swap toward the start (dir=-1) / end (dir=+1) of the order.
-  var swap = React.useCallback(function (key, dir) {
-    var idx = effectiveOrder.indexOf(key);
+  const swap = React.useCallback((key, dir) => {
+    const idx = effectiveOrder.indexOf(key);
     if (idx < 0) return;
-    var target = idx + dir;
+    const target = idx + dir;
     if (target < 0 || target >= effectiveOrder.length) return; // at edge
-    var newOrder = _toConsumableArray(effectiveOrder);
-    var a = newOrder[idx];
-    var b = newOrder[target];
+    const newOrder = [...effectiveOrder];
+    const a = newOrder[idx];
+    const b = newOrder[target];
     newOrder[idx] = b;
     newOrder[target] = a;
     commitOrder(newOrder);
   }, [effectiveOrder, commitOrder]);
-  var moveEarlier = React.useCallback(function (key) {
-    return swap(key, -1);
-  }, [swap]);
-  var moveLater = React.useCallback(function (key) {
-    return swap(key, 1);
-  }, [swap]);
+  const moveEarlier = React.useCallback(key => swap(key, -1), [swap]);
+  const moveLater = React.useCallback(key => swap(key, 1), [swap]);
 
   // Send the column to the first / last slot (Home / End).
-  var moveToEdge = React.useCallback(function (key, edge) {
-    var idx = effectiveOrder.indexOf(key);
+  const moveToEdge = React.useCallback((key, edge) => {
+    const idx = effectiveOrder.indexOf(key);
     if (idx < 0) return;
     if (edge === "start" && idx === 0) return;
     if (edge === "end" && idx === effectiveOrder.length - 1) return;
-    var newOrder = _toConsumableArray(effectiveOrder);
-    var moved = newOrder.splice(idx, 1)[0];
+    const newOrder = [...effectiveOrder];
+    const moved = newOrder.splice(idx, 1)[0];
     if (edge === "start") newOrder.unshift(moved);else newOrder.push(moved);
     commitOrder(newOrder);
   }, [effectiveOrder, commitOrder]);
-  var handleKeyDown = React.useCallback(function (key) {
-    return function (e) {
-      if (resizeIsActive) return;
-      var isLeft = e.key === "ArrowLeft";
-      var isRight = e.key === "ArrowRight";
-      var isHome = e.key === "Home";
-      var isEnd = e.key === "End";
-      if (!isLeft && !isRight && !isHome && !isEnd) return;
-      e.preventDefault();
-      e.stopPropagation();
-      if (isHome) {
-        moveToEdge(key, "start");
-        return;
-      }
-      if (isEnd) {
-        moveToEdge(key, "end");
-        return;
-      }
+  const handleKeyDown = React.useCallback(key => e => {
+    if (resizeIsActive) return;
+    const isLeft = e.key === "ArrowLeft";
+    const isRight = e.key === "ArrowRight";
+    const isHome = e.key === "Home";
+    const isEnd = e.key === "End";
+    if (!isLeft && !isRight && !isHome && !isEnd) return;
+    e.preventDefault();
+    e.stopPropagation();
+    if (isHome) {
+      moveToEdge(key, "start");
+      return;
+    }
+    if (isEnd) {
+      moveToEdge(key, "end");
+      return;
+    }
 
-      // RTL-aware physical-arrow mapping: in RTL the visual order is
-      // reversed, so ArrowLeft advances toward the end of the order.
-      var cell = e.currentTarget.closest("th");
-      var isRtl = !!cell && typeof window !== "undefined" && typeof window.getComputedStyle === "function" && window.getComputedStyle(cell).direction === "rtl";
-      var goLater = isRtl ? isLeft : isRight;
-      if (goLater) moveLater(key);else moveEarlier(key);
-    };
+    // RTL-aware physical-arrow mapping: in RTL the visual order is
+    // reversed, so ArrowLeft advances toward the end of the order.
+    const cell = e.currentTarget.closest("th");
+    const isRtl = !!cell && typeof window !== "undefined" && typeof window.getComputedStyle === "function" && window.getComputedStyle(cell).direction === "rtl";
+    const goLater = isRtl ? isLeft : isRight;
+    if (goLater) moveLater(key);else moveEarlier(key);
   }, [resizeIsActive, moveToEdge, moveEarlier, moveLater]);
   return {
-    cellHandlers: cellHandlers,
-    cellSx: cellSx,
+    cellHandlers,
+    cellSx,
     isReordering: dragKey != null,
-    moveEarlier: moveEarlier,
-    moveLater: moveLater,
-    handleKeyDown: handleKeyDown
+    moveEarlier,
+    moveLater,
+    handleKeyDown
   };
 }
 //# sourceMappingURL=_useColumnReorder.js.map

package/dist/v2/patterns/_useColumnReorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"_useColumnReorder.js","names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","iter","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","err","useColumnReorder","columns","columnOrder","onColumnOrderChange","options","resizeIsActive","effectiveOrder","useMemo","map","c","_React$useState","useState","_React$useState2","dragKey","setDragKey","_React$useState3","_React$useState4","overKey","setOverKey","dragKeyRef","useRef","reset","useCallback","current","onDragStart","e","preventDefault","dataTransfer","effectAllowed","setData","_unused","onDragOver","dropEffect","_unused2","onDragLeave","onDrop","targetKey","sourceKey","getData","sourceIdx","indexOf","targetIdx","newOrder","splice","insertIdx","onDragEnd","cellHandlers","draggable","cellSx","isDragSource","isDropTarget","opacity","boxShadow","commitOrder","swap","dir","idx","a","b","moveEarlier","moveLater","moveToEdge","edge","moved","unshift","handleKeyDown","isLeft","isRight","isHome","isEnd","stopPropagation","cell","currentTarget","closest","isRtl","window","getComputedStyle","direction","goLater","isReordering"],"sources":["../../../src/lib/v2/patterns/_useColumnReorder.ts"],"sourcesContent":["import * as React from \"react\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * useColumnReorder — Portnet UI v2 (private)\r\n *\r\n * Internal hook for the DataGrid + DataGridVirtualized reorder\r\n * feature. NOT exported from the patterns barrel.\r\n *\r\n *   const { cellHandlers, cellSx, isReordering, moveEarlier, moveLater, handleKeyDown } =\r\n *     useColumnReorder(\r\n *       columns,                 // for fallback order resolution\r\n *       columnOrder,             // host-controlled Array<key> | undefined\r\n *       onColumnOrderChange,     // host-controlled setter\r\n *       { resizeIsActive }       // cross-hook signal from useColumnResize\r\n *     );\r\n *\r\n * Drop semantics (pointer):\r\n *   The dragged column is INSERTED AT the target column's position.\r\n *   The remaining columns shift to accommodate. This is the standard\r\n *   Linear / Asana / GitHub Projects UX — the user thinks \"move\r\n *   column X to where Y is\", not \"swap X and Y\".\r\n *\r\n * Keyboard (DG-R1 / WCAG 2.1.1):\r\n *   moveEarlier(key) / moveLater(key) swap the column with its neighbour\r\n *   toward the start / end of the order (edge-safe, no-op at the ends).\r\n *   handleKeyDown(key) is meant for a focusable reorder control in the\r\n *   header: ArrowLeft/ArrowRight move the column (RTL-aware, so the motion\r\n *   matches the physical arrow), Home/End send it to the first/last slot.\r\n *   Every move commits immediately via onColumnOrderChange (no grab/drop\r\n *   mode). Direction-neutral names (earlier/later = toward index 0 / end)\r\n *   keep the API unambiguous under RTL; the physical-arrow mapping lives in\r\n *   handleKeyDown.\r\n *\r\n * Visual feedback during drag:\r\n *   - Dragged column header: opacity 0.5\r\n *   - Drop target column header: 2px inset accent outline\r\n *   These are returned via cellSx; the host applies them as sx\r\n *   fragments on each `<th>`.\r\n *\r\n * onDragOver MUST e.preventDefault() to allow drop. This is the\r\n * single most-forgotten step of HTML5 native drag — without it,\r\n * onDrop never fires.\r\n */\r\n\r\nexport interface UseColumnReorderOptions {\r\n  resizeIsActive?: boolean | undefined;\r\n}\r\n\r\nexport interface ColumnReorderCellHandlers {\r\n  draggable: boolean;\r\n  onDragStart: (e: React.DragEvent) => void;\r\n  onDragOver: (e: React.DragEvent) => void;\r\n  onDragLeave: () => void;\r\n  onDrop: (e: React.DragEvent) => void;\r\n  onDragEnd: () => void;\r\n}\r\n\r\nexport interface UseColumnReorderResult {\r\n  cellHandlers: (key: string) => ColumnReorderCellHandlers;\r\n  cellSx: (key: string) => SxProps<Theme> | undefined;\r\n  isReordering: boolean;\r\n  /** Move the column one slot toward the start of the order (edge-safe). */\r\n  moveEarlier: (key: string) => void;\r\n  /** Move the column one slot toward the end of the order (edge-safe). */\r\n  moveLater: (key: string) => void;\r\n  /** onKeyDown for a focusable reorder control: Arrow (RTL-aware) / Home / End. */\r\n  handleKeyDown: (key: string) => (e: React.KeyboardEvent) => void;\r\n}\r\n\r\nexport default function useColumnReorder(\r\n  columns: ReadonlyArray<{ key: string }>,\r\n  columnOrder: string[] | undefined,\r\n  onColumnOrderChange: ((order: string[]) => void) | undefined,\r\n  options: UseColumnReorderOptions = {}\r\n): UseColumnReorderResult {\r\n  const { resizeIsActive } = options;\r\n\r\n  // Effective order = host order, or fallback to the natural columns\r\n  // sequence. Memoised on the input shapes; no allocation when both\r\n  // refs are stable.\r\n  const effectiveOrder = React.useMemo(\r\n    () => columnOrder || columns.map((c) => c.key),\r\n    [columnOrder, columns]\r\n  );\r\n\r\n  const [dragKey, setDragKey] = React.useState<string | null>(null);\r\n  const [overKey, setOverKey] = React.useState<string | null>(null);\r\n\r\n  // Refs mirror state for use inside fresh-closure handlers\r\n  // (the onDragEnd inside cellHandlers needs the latest dragKey\r\n  // even if React hasn't yet re-rendered).\r\n  const dragKeyRef = React.useRef<string | null>(null);\r\n\r\n  const reset = React.useCallback(() => {\r\n    dragKeyRef.current = null;\r\n    setDragKey(null);\r\n    setOverKey(null);\r\n  }, []);\r\n\r\n  const onDragStart = React.useCallback(\r\n    (key: string) => (e: React.DragEvent) => {\r\n      // Cross-hook: if resize is active, abort the drag. Resize fires\r\n      // first via mousedown; this handler runs later via dragstart.\r\n      if (resizeIsActive) {\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n      dragKeyRef.current = key;\r\n      setDragKey(key);\r\n      // Mark the data transfer with the source key. Some browsers\r\n      // require a non-empty payload to allow drop (Firefox).\r\n      try {\r\n        e.dataTransfer.effectAllowed = \"move\";\r\n        e.dataTransfer.setData(\"text/plain\", key);\r\n      } catch {\r\n        // Older Safari throws on certain MIME types; ignored.\r\n      }\r\n    },\r\n    [resizeIsActive]\r\n  );\r\n\r\n  const onDragOver = React.useCallback(\r\n    (key: string) => (e: React.DragEvent) => {\r\n      // CRITICAL — without preventDefault, the browser refuses the\r\n      // drop and onDrop never fires.\r\n      e.preventDefault();\r\n      try {\r\n        e.dataTransfer.dropEffect = \"move\";\r\n      } catch {\r\n        // Some browsers throw outside a trusted dragstart→drop chain.\r\n      }\r\n      if (overKey !== key) setOverKey(key);\r\n    },\r\n    [overKey]\r\n  );\r\n\r\n  const onDragLeave = React.useCallback(\r\n    (key: string) => () => {\r\n      // Only clear when leaving the same key we'd entered. Without\r\n      // this guard, fast moves between cells flicker the highlight.\r\n      if (overKey === key) setOverKey(null);\r\n    },\r\n    [overKey]\r\n  );\r\n\r\n  const onDrop = React.useCallback(\r\n    (targetKey: string) => (e: React.DragEvent) => {\r\n      e.preventDefault();\r\n      const sourceKey =\r\n        (e.dataTransfer && e.dataTransfer.getData(\"text/plain\")) ||\r\n        dragKeyRef.current;\r\n\r\n      if (!sourceKey || sourceKey === targetKey) {\r\n        reset();\r\n        return;\r\n      }\r\n\r\n      const sourceIdx = effectiveOrder.indexOf(sourceKey);\r\n      const targetIdx = effectiveOrder.indexOf(targetKey);\r\n      if (sourceIdx < 0 || targetIdx < 0) {\r\n        reset();\r\n        return;\r\n      }\r\n\r\n      const newOrder = [...effectiveOrder];\r\n      newOrder.splice(sourceIdx, 1);\r\n      // After splice the target index may shift by 1 if source was\r\n      // before target. Recompute against the post-splice array.\r\n      const insertIdx = newOrder.indexOf(targetKey);\r\n      newOrder.splice(insertIdx, 0, sourceKey);\r\n\r\n      if (onColumnOrderChange) onColumnOrderChange(newOrder);\r\n      reset();\r\n    },\r\n    [effectiveOrder, onColumnOrderChange, reset]\r\n  );\r\n\r\n  const onDragEnd = React.useCallback(() => {\r\n    // Fires whether the drop succeeded or the user cancelled (Esc /\r\n    // drop on a non-target). Belt-and-suspenders cleanup.\r\n    reset();\r\n  }, [reset]);\r\n\r\n  const cellHandlers = React.useCallback(\r\n    (key: string): ColumnReorderCellHandlers => ({\r\n      draggable: true,\r\n      onDragStart: onDragStart(key),\r\n      onDragOver:  onDragOver(key),\r\n      onDragLeave: onDragLeave(key),\r\n      onDrop:      onDrop(key),\r\n      onDragEnd,\r\n    }),\r\n    [onDragStart, onDragOver, onDragLeave, onDrop, onDragEnd]\r\n  );\r\n\r\n  const cellSx = React.useCallback(\r\n    (key: string): SxProps<Theme> | undefined => {\r\n      const isDragSource = dragKey === key;\r\n      const isDropTarget = overKey === key && dragKey !== key;\r\n      if (!isDragSource && !isDropTarget) return undefined;\r\n      return {\r\n        ...(isDragSource && { opacity: 0.5 }),\r\n        ...(isDropTarget && {\r\n          // Inset accent outline = \"drop here\" visual. boxShadow not\r\n          // outline so it doesn't extend beyond the cell border.\r\n          boxShadow: \"inset 0 0 0 2px var(--accent)\",\r\n        }),\r\n      };\r\n    },\r\n    [dragKey, overKey]\r\n  );\r\n\r\n  // ── Keyboard reorder (DG-R1) ───────────────────────────────────\r\n  // Commit a reordered copy of effectiveOrder. All keyboard moves route\r\n  // through here; edge/no-op cases are filtered by the callers.\r\n  const commitOrder = React.useCallback(\r\n    (newOrder: string[]) => {\r\n      if (onColumnOrderChange) onColumnOrderChange(newOrder);\r\n    },\r\n    [onColumnOrderChange]\r\n  );\r\n\r\n  // Adjacent swap toward the start (dir=-1) / end (dir=+1) of the order.\r\n  const swap = React.useCallback(\r\n    (key: string, dir: -1 | 1) => {\r\n      const idx = effectiveOrder.indexOf(key);\r\n      if (idx < 0) return;\r\n      const target = idx + dir;\r\n      if (target < 0 || target >= effectiveOrder.length) return; // at edge\r\n      const newOrder = [...effectiveOrder];\r\n      const a = newOrder[idx] as string;\r\n      const b = newOrder[target] as string;\r\n      newOrder[idx] = b;\r\n      newOrder[target] = a;\r\n      commitOrder(newOrder);\r\n    },\r\n    [effectiveOrder, commitOrder]\r\n  );\r\n\r\n  const moveEarlier = React.useCallback((key: string) => swap(key, -1), [swap]);\r\n  const moveLater = React.useCallback((key: string) => swap(key, 1), [swap]);\r\n\r\n  // Send the column to the first / last slot (Home / End).\r\n  const moveToEdge = React.useCallback(\r\n    (key: string, edge: \"start\" | \"end\") => {\r\n      const idx = effectiveOrder.indexOf(key);\r\n      if (idx < 0) return;\r\n      if (edge === \"start\" && idx === 0) return;\r\n      if (edge === \"end\" && idx === effectiveOrder.length - 1) return;\r\n      const newOrder = [...effectiveOrder];\r\n      const moved = newOrder.splice(idx, 1)[0] as string;\r\n      if (edge === \"start\") newOrder.unshift(moved);\r\n      else newOrder.push(moved);\r\n      commitOrder(newOrder);\r\n    },\r\n    [effectiveOrder, commitOrder]\r\n  );\r\n\r\n  const handleKeyDown = React.useCallback(\r\n    (key: string) => (e: React.KeyboardEvent) => {\r\n      if (resizeIsActive) return;\r\n      const isLeft = e.key === \"ArrowLeft\";\r\n      const isRight = e.key === \"ArrowRight\";\r\n      const isHome = e.key === \"Home\";\r\n      const isEnd = e.key === \"End\";\r\n      if (!isLeft && !isRight && !isHome && !isEnd) return;\r\n\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n\r\n      if (isHome) {\r\n        moveToEdge(key, \"start\");\r\n        return;\r\n      }\r\n      if (isEnd) {\r\n        moveToEdge(key, \"end\");\r\n        return;\r\n      }\r\n\r\n      // RTL-aware physical-arrow mapping: in RTL the visual order is\r\n      // reversed, so ArrowLeft advances toward the end of the order.\r\n      const cell = (e.currentTarget as HTMLElement).closest(\"th\");\r\n      const isRtl =\r\n        !!cell &&\r\n        typeof window !== \"undefined\" &&\r\n        typeof window.getComputedStyle === \"function\" &&\r\n        window.getComputedStyle(cell).direction === \"rtl\";\r\n\r\n      const goLater = isRtl ? isLeft : isRight;\r\n      if (goLater) moveLater(key);\r\n      else moveEarlier(key);\r\n    },\r\n    [resizeIsActive, moveToEdge, moveEarlier, moveLater]\r\n  );\r\n\r\n  return {\r\n    cellHandlers,\r\n    cellSx,\r\n    isReordering: dragKey != null,\r\n    moveEarlier,\r\n    moveLater,\r\n    handleKeyDown,\r\n  };\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"_useColumnReorder.js","names":["React","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useColumnReorder","columns","columnOrder","onColumnOrderChange","options","resizeIsActive","effectiveOrder","useMemo","map","c","key","dragKey","setDragKey","useState","overKey","setOverKey","dragKeyRef","useRef","reset","useCallback","current","onDragStart","preventDefault","dataTransfer","effectAllowed","setData","onDragOver","dropEffect","onDragLeave","onDrop","targetKey","sourceKey","getData","sourceIdx","indexOf","targetIdx","newOrder","splice","insertIdx","onDragEnd","cellHandlers","draggable","cellSx","isDragSource","isDropTarget","undefined","opacity","boxShadow","commitOrder","swap","dir","idx","target","length","a","b","moveEarlier","moveLater","moveToEdge","edge","moved","unshift","push","handleKeyDown","isLeft","isRight","isHome","isEnd","stopPropagation","cell","currentTarget","closest","isRtl","window","getComputedStyle","direction","goLater","isReordering"],"sources":["../../../src/lib/v2/patterns/_useColumnReorder.ts"],"sourcesContent":["import * as React from \"react\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * useColumnReorder — Portnet UI v2 (private)\r\n *\r\n * Internal hook for the DataGrid + DataGridVirtualized reorder\r\n * feature. NOT exported from the patterns barrel.\r\n *\r\n *   const { cellHandlers, cellSx, isReordering, moveEarlier, moveLater, handleKeyDown } =\r\n *     useColumnReorder(\r\n *       columns,                 // for fallback order resolution\r\n *       columnOrder,             // host-controlled Array<key> | undefined\r\n *       onColumnOrderChange,     // host-controlled setter\r\n *       { resizeIsActive }       // cross-hook signal from useColumnResize\r\n *     );\r\n *\r\n * Drop semantics (pointer):\r\n *   The dragged column is INSERTED AT the target column's position.\r\n *   The remaining columns shift to accommodate. This is the standard\r\n *   Linear / Asana / GitHub Projects UX — the user thinks \"move\r\n *   column X to where Y is\", not \"swap X and Y\".\r\n *\r\n * Keyboard (DG-R1 / WCAG 2.1.1):\r\n *   moveEarlier(key) / moveLater(key) swap the column with its neighbour\r\n *   toward the start / end of the order (edge-safe, no-op at the ends).\r\n *   handleKeyDown(key) is meant for a focusable reorder control in the\r\n *   header: ArrowLeft/ArrowRight move the column (RTL-aware, so the motion\r\n *   matches the physical arrow), Home/End send it to the first/last slot.\r\n *   Every move commits immediately via onColumnOrderChange (no grab/drop\r\n *   mode). Direction-neutral names (earlier/later = toward index 0 / end)\r\n *   keep the API unambiguous under RTL; the physical-arrow mapping lives in\r\n *   handleKeyDown.\r\n *\r\n * Visual feedback during drag:\r\n *   - Dragged column header: opacity 0.5\r\n *   - Drop target column header: 2px inset accent outline\r\n *   These are returned via cellSx; the host applies them as sx\r\n *   fragments on each `<th>`.\r\n *\r\n * onDragOver MUST e.preventDefault() to allow drop. This is the\r\n * single most-forgotten step of HTML5 native drag — without it,\r\n * onDrop never fires.\r\n */\r\n\r\nexport interface UseColumnReorderOptions {\r\n  resizeIsActive?: boolean | undefined;\r\n}\r\n\r\nexport interface ColumnReorderCellHandlers {\r\n  draggable: boolean;\r\n  onDragStart: (e: React.DragEvent) => void;\r\n  onDragOver: (e: React.DragEvent) => void;\r\n  onDragLeave: () => void;\r\n  onDrop: (e: React.DragEvent) => void;\r\n  onDragEnd: () => void;\r\n}\r\n\r\nexport interface UseColumnReorderResult {\r\n  cellHandlers: (key: string) => ColumnReorderCellHandlers;\r\n  cellSx: (key: string) => SxProps<Theme> | undefined;\r\n  isReordering: boolean;\r\n  /** Move the column one slot toward the start of the order (edge-safe). */\r\n  moveEarlier: (key: string) => void;\r\n  /** Move the column one slot toward the end of the order (edge-safe). */\r\n  moveLater: (key: string) => void;\r\n  /** onKeyDown for a focusable reorder control: Arrow (RTL-aware) / Home / End. */\r\n  handleKeyDown: (key: string) => (e: React.KeyboardEvent) => void;\r\n}\r\n\r\nexport default function useColumnReorder(\r\n  columns: ReadonlyArray<{ key: string }>,\r\n  columnOrder: string[] | undefined,\r\n  onColumnOrderChange: ((order: string[]) => void) | undefined,\r\n  options: UseColumnReorderOptions = {}\r\n): UseColumnReorderResult {\r\n  const { resizeIsActive } = options;\r\n\r\n  // Effective order = host order, or fallback to the natural columns\r\n  // sequence. Memoised on the input shapes; no allocation when both\r\n  // refs are stable.\r\n  const effectiveOrder = React.useMemo(\r\n    () => columnOrder || columns.map((c) => c.key),\r\n    [columnOrder, columns]\r\n  );\r\n\r\n  const [dragKey, setDragKey] = React.useState<string | null>(null);\r\n  const [overKey, setOverKey] = React.useState<string | null>(null);\r\n\r\n  // Refs mirror state for use inside fresh-closure handlers\r\n  // (the onDragEnd inside cellHandlers needs the latest dragKey\r\n  // even if React hasn't yet re-rendered).\r\n  const dragKeyRef = React.useRef<string | null>(null);\r\n\r\n  const reset = React.useCallback(() => {\r\n    dragKeyRef.current = null;\r\n    setDragKey(null);\r\n    setOverKey(null);\r\n  }, []);\r\n\r\n  const onDragStart = React.useCallback(\r\n    (key: string) => (e: React.DragEvent) => {\r\n      // Cross-hook: if resize is active, abort the drag. Resize fires\r\n      // first via mousedown; this handler runs later via dragstart.\r\n      if (resizeIsActive) {\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n      dragKeyRef.current = key;\r\n      setDragKey(key);\r\n      // Mark the data transfer with the source key. Some browsers\r\n      // require a non-empty payload to allow drop (Firefox).\r\n      try {\r\n        e.dataTransfer.effectAllowed = \"move\";\r\n        e.dataTransfer.setData(\"text/plain\", key);\r\n      } catch {\r\n        // Older Safari throws on certain MIME types; ignored.\r\n      }\r\n    },\r\n    [resizeIsActive]\r\n  );\r\n\r\n  const onDragOver = React.useCallback(\r\n    (key: string) => (e: React.DragEvent) => {\r\n      // CRITICAL — without preventDefault, the browser refuses the\r\n      // drop and onDrop never fires.\r\n      e.preventDefault();\r\n      try {\r\n        e.dataTransfer.dropEffect = \"move\";\r\n      } catch {\r\n        // Some browsers throw outside a trusted dragstart→drop chain.\r\n      }\r\n      if (overKey !== key) setOverKey(key);\r\n    },\r\n    [overKey]\r\n  );\r\n\r\n  const onDragLeave = React.useCallback(\r\n    (key: string) => () => {\r\n      // Only clear when leaving the same key we'd entered. Without\r\n      // this guard, fast moves between cells flicker the highlight.\r\n      if (overKey === key) setOverKey(null);\r\n    },\r\n    [overKey]\r\n  );\r\n\r\n  const onDrop = React.useCallback(\r\n    (targetKey: string) => (e: React.DragEvent) => {\r\n      e.preventDefault();\r\n      const sourceKey =\r\n        (e.dataTransfer && e.dataTransfer.getData(\"text/plain\")) ||\r\n        dragKeyRef.current;\r\n\r\n      if (!sourceKey || sourceKey === targetKey) {\r\n        reset();\r\n        return;\r\n      }\r\n\r\n      const sourceIdx = effectiveOrder.indexOf(sourceKey);\r\n      const targetIdx = effectiveOrder.indexOf(targetKey);\r\n      if (sourceIdx < 0 || targetIdx < 0) {\r\n        reset();\r\n        return;\r\n      }\r\n\r\n      const newOrder = [...effectiveOrder];\r\n      newOrder.splice(sourceIdx, 1);\r\n      // After splice the target index may shift by 1 if source was\r\n      // before target. Recompute against the post-splice array.\r\n      const insertIdx = newOrder.indexOf(targetKey);\r\n      newOrder.splice(insertIdx, 0, sourceKey);\r\n\r\n      if (onColumnOrderChange) onColumnOrderChange(newOrder);\r\n      reset();\r\n    },\r\n    [effectiveOrder, onColumnOrderChange, reset]\r\n  );\r\n\r\n  const onDragEnd = React.useCallback(() => {\r\n    // Fires whether the drop succeeded or the user cancelled (Esc /\r\n    // drop on a non-target). Belt-and-suspenders cleanup.\r\n    reset();\r\n  }, [reset]);\r\n\r\n  const cellHandlers = React.useCallback(\r\n    (key: string): ColumnReorderCellHandlers => ({\r\n      draggable: true,\r\n      onDragStart: onDragStart(key),\r\n      onDragOver:  onDragOver(key),\r\n      onDragLeave: onDragLeave(key),\r\n      onDrop:      onDrop(key),\r\n      onDragEnd,\r\n    }),\r\n    [onDragStart, onDragOver, onDragLeave, onDrop, onDragEnd]\r\n  );\r\n\r\n  const cellSx = React.useCallback(\r\n    (key: string): SxProps<Theme> | undefined => {\r\n      const isDragSource = dragKey === key;\r\n      const isDropTarget = overKey === key && dragKey !== key;\r\n      if (!isDragSource && !isDropTarget) return undefined;\r\n      return {\r\n        ...(isDragSource && { opacity: 0.5 }),\r\n        ...(isDropTarget && {\r\n          // Inset accent outline = \"drop here\" visual. boxShadow not\r\n          // outline so it doesn't extend beyond the cell border.\r\n          boxShadow: \"inset 0 0 0 2px var(--accent)\",\r\n        }),\r\n      };\r\n    },\r\n    [dragKey, overKey]\r\n  );\r\n\r\n  // ── Keyboard reorder (DG-R1) ───────────────────────────────────\r\n  // Commit a reordered copy of effectiveOrder. All keyboard moves route\r\n  // through here; edge/no-op cases are filtered by the callers.\r\n  const commitOrder = React.useCallback(\r\n    (newOrder: string[]) => {\r\n      if (onColumnOrderChange) onColumnOrderChange(newOrder);\r\n    },\r\n    [onColumnOrderChange]\r\n  );\r\n\r\n  // Adjacent swap toward the start (dir=-1) / end (dir=+1) of the order.\r\n  const swap = React.useCallback(\r\n    (key: string, dir: -1 | 1) => {\r\n      const idx = effectiveOrder.indexOf(key);\r\n      if (idx < 0) return;\r\n      const target = idx + dir;\r\n      if (target < 0 || target >= effectiveOrder.length) return; // at edge\r\n      const newOrder = [...effectiveOrder];\r\n      const a = newOrder[idx] as string;\r\n      const b = newOrder[target] as string;\r\n      newOrder[idx] = b;\r\n      newOrder[target] = a;\r\n      commitOrder(newOrder);\r\n    },\r\n    [effectiveOrder, commitOrder]\r\n  );\r\n\r\n  const moveEarlier = React.useCallback((key: string) => swap(key, -1), [swap]);\r\n  const moveLater = React.useCallback((key: string) => swap(key, 1), [swap]);\r\n\r\n  // Send the column to the first / last slot (Home / End).\r\n  const moveToEdge = React.useCallback(\r\n    (key: string, edge: \"start\" | \"end\") => {\r\n      const idx = effectiveOrder.indexOf(key);\r\n      if (idx < 0) return;\r\n      if (edge === \"start\" && idx === 0) return;\r\n      if (edge === \"end\" && idx === effectiveOrder.length - 1) return;\r\n      const newOrder = [...effectiveOrder];\r\n      const moved = newOrder.splice(idx, 1)[0] as string;\r\n      if (edge === \"start\") newOrder.unshift(moved);\r\n      else newOrder.push(moved);\r\n      commitOrder(newOrder);\r\n    },\r\n    [effectiveOrder, commitOrder]\r\n  );\r\n\r\n  const handleKeyDown = React.useCallback(\r\n    (key: string) => (e: React.KeyboardEvent) => {\r\n      if (resizeIsActive) return;\r\n      const isLeft = e.key === \"ArrowLeft\";\r\n      const isRight = e.key === \"ArrowRight\";\r\n      const isHome = e.key === \"Home\";\r\n      const isEnd = e.key === \"End\";\r\n      if (!isLeft && !isRight && !isHome && !isEnd) return;\r\n\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n\r\n      if (isHome) {\r\n        moveToEdge(key, \"start\");\r\n        return;\r\n      }\r\n      if (isEnd) {\r\n        moveToEdge(key, \"end\");\r\n        return;\r\n      }\r\n\r\n      // RTL-aware physical-arrow mapping: in RTL the visual order is\r\n      // reversed, so ArrowLeft advances toward the end of the order.\r\n      const cell = (e.currentTarget as HTMLElement).closest(\"th\");\r\n      const isRtl =\r\n        !!cell &&\r\n        typeof window !== \"undefined\" &&\r\n        typeof window.getComputedStyle === \"function\" &&\r\n        window.getComputedStyle(cell).direction === \"rtl\";\r\n\r\n      const goLater = isRtl ? isLeft : isRight;\r\n      if (goLater) moveLater(key);\r\n      else moveEarlier(key);\r\n    },\r\n    [resizeIsActive, moveToEdge, moveEarlier, moveLater]\r\n  );\r\n\r\n  return {\r\n    cellHandlers,\r\n    cellSx,\r\n    isReordering: dragKey != null,\r\n    moveEarlier,\r\n    moveLater,\r\n    handleKeyDown,\r\n  };\r\n}\r\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA2Be,SAASkB,gBAAgBA,CACtCC,OAAuC,EACvCC,WAAiC,EACjCC,mBAA4D,EAC5DC,OAAgC,GAAG,CAAC,CAAC,EACb;EACxB,MAAM;IAAEC;EAAe,CAAC,GAAGD,OAAO;;EAElC;EACA;EACA;EACA,MAAME,cAAc,GAAG5B,KAAK,CAAC6B,OAAO,CAClC,MAAML,WAAW,IAAID,OAAO,CAACO,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,GAAG,CAAC,EAC9C,CAACR,WAAW,EAAED,OAAO,CACvB,CAAC;EAED,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGlC,KAAK,CAACmC,QAAQ,CAAgB,IAAI,CAAC;EACjE,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGrC,KAAK,CAACmC,QAAQ,CAAgB,IAAI,CAAC;;EAEjE;EACA;EACA;EACA,MAAMG,UAAU,GAAGtC,KAAK,CAACuC,MAAM,CAAgB,IAAI,CAAC;EAEpD,MAAMC,KAAK,GAAGxC,KAAK,CAACyC,WAAW,CAAC,MAAM;IACpCH,UAAU,CAACI,OAAO,GAAG,IAAI;IACzBR,UAAU,CAAC,IAAI,CAAC;IAChBG,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,WAAW,GAAG3C,KAAK,CAACyC,WAAW,CAClCT,GAAW,IAAM7B,CAAkB,IAAK;IACvC;IACA;IACA,IAAIwB,cAAc,EAAE;MAClBxB,CAAC,CAACyC,cAAc,CAAC,CAAC;MAClB;IACF;IACAN,UAAU,CAACI,OAAO,GAAGV,GAAG;IACxBE,UAAU,CAACF,GAAG,CAAC;IACf;IACA;IACA,IAAI;MACF7B,CAAC,CAAC0C,YAAY,CAACC,aAAa,GAAG,MAAM;MACrC3C,CAAC,CAAC0C,YAAY,CAACE,OAAO,CAAC,YAAY,EAAEf,GAAG,CAAC;IAC3C,CAAC,CAAC,MAAM;MACN;IAAA;EAEJ,CAAC,EACD,CAACL,cAAc,CACjB,CAAC;EAED,MAAMqB,UAAU,GAAGhD,KAAK,CAACyC,WAAW,CACjCT,GAAW,IAAM7B,CAAkB,IAAK;IACvC;IACA;IACAA,CAAC,CAACyC,cAAc,CAAC,CAAC;IAClB,IAAI;MACFzC,CAAC,CAAC0C,YAAY,CAACI,UAAU,GAAG,MAAM;IACpC,CAAC,CAAC,MAAM;MACN;IAAA;IAEF,IAAIb,OAAO,KAAKJ,GAAG,EAAEK,UAAU,CAACL,GAAG,CAAC;EACtC,CAAC,EACD,CAACI,OAAO,CACV,CAAC;EAED,MAAMc,WAAW,GAAGlD,KAAK,CAACyC,WAAW,CAClCT,GAAW,IAAK,MAAM;IACrB;IACA;IACA,IAAII,OAAO,KAAKJ,GAAG,EAAEK,UAAU,CAAC,IAAI,CAAC;EACvC,CAAC,EACD,CAACD,OAAO,CACV,CAAC;EAED,MAAMe,MAAM,GAAGnD,KAAK,CAACyC,WAAW,CAC7BW,SAAiB,IAAMjD,CAAkB,IAAK;IAC7CA,CAAC,CAACyC,cAAc,CAAC,CAAC;IAClB,MAAMS,SAAS,GACZlD,CAAC,CAAC0C,YAAY,IAAI1C,CAAC,CAAC0C,YAAY,CAACS,OAAO,CAAC,YAAY,CAAC,IACvDhB,UAAU,CAACI,OAAO;IAEpB,IAAI,CAACW,SAAS,IAAIA,SAAS,KAAKD,SAAS,EAAE;MACzCZ,KAAK,CAAC,CAAC;MACP;IACF;IAEA,MAAMe,SAAS,GAAG3B,cAAc,CAAC4B,OAAO,CAACH,SAAS,CAAC;IACnD,MAAMI,SAAS,GAAG7B,cAAc,CAAC4B,OAAO,CAACJ,SAAS,CAAC;IACnD,IAAIG,SAAS,GAAG,CAAC,IAAIE,SAAS,GAAG,CAAC,EAAE;MAClCjB,KAAK,CAAC,CAAC;MACP;IACF;IAEA,MAAMkB,QAAQ,GAAG,CAAC,GAAG9B,cAAc,CAAC;IACpC8B,QAAQ,CAACC,MAAM,CAACJ,SAAS,EAAE,CAAC,CAAC;IAC7B;IACA;IACA,MAAMK,SAAS,GAAGF,QAAQ,CAACF,OAAO,CAACJ,SAAS,CAAC;IAC7CM,QAAQ,CAACC,MAAM,CAACC,SAAS,EAAE,CAAC,EAAEP,SAAS,CAAC;IAExC,IAAI5B,mBAAmB,EAAEA,mBAAmB,CAACiC,QAAQ,CAAC;IACtDlB,KAAK,CAAC,CAAC;EACT,CAAC,EACD,CAACZ,cAAc,EAAEH,mBAAmB,EAAEe,KAAK,CAC7C,CAAC;EAED,MAAMqB,SAAS,GAAG7D,KAAK,CAACyC,WAAW,CAAC,MAAM;IACxC;IACA;IACAD,KAAK,CAAC,CAAC;EACT,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMsB,YAAY,GAAG9D,KAAK,CAACyC,WAAW,CACnCT,GAAW,KAAiC;IAC3C+B,SAAS,EAAE,IAAI;IACfpB,WAAW,EAAEA,WAAW,CAACX,GAAG,CAAC;IAC7BgB,UAAU,EAAGA,UAAU,CAAChB,GAAG,CAAC;IAC5BkB,WAAW,EAAEA,WAAW,CAAClB,GAAG,CAAC;IAC7BmB,MAAM,EAAOA,MAAM,CAACnB,GAAG,CAAC;IACxB6B;EACF,CAAC,CAAC,EACF,CAAClB,WAAW,EAAEK,UAAU,EAAEE,WAAW,EAAEC,MAAM,EAAEU,SAAS,CAC1D,CAAC;EAED,MAAMG,MAAM,GAAGhE,KAAK,CAACyC,WAAW,CAC7BT,GAAW,IAAiC;IAC3C,MAAMiC,YAAY,GAAGhC,OAAO,KAAKD,GAAG;IACpC,MAAMkC,YAAY,GAAG9B,OAAO,KAAKJ,GAAG,IAAIC,OAAO,KAAKD,GAAG;IACvD,IAAI,CAACiC,YAAY,IAAI,CAACC,YAAY,EAAE,OAAOC,SAAS;IACpD,OAAO;MACL,IAAIF,YAAY,IAAI;QAAEG,OAAO,EAAE;MAAI,CAAC,CAAC;MACrC,IAAIF,YAAY,IAAI;QAClB;QACA;QACAG,SAAS,EAAE;MACb,CAAC;IACH,CAAC;EACH,CAAC,EACD,CAACpC,OAAO,EAAEG,OAAO,CACnB,CAAC;;EAED;EACA;EACA;EACA,MAAMkC,WAAW,GAAGtE,KAAK,CAACyC,WAAW,CAClCiB,QAAkB,IAAK;IACtB,IAAIjC,mBAAmB,EAAEA,mBAAmB,CAACiC,QAAQ,CAAC;EACxD,CAAC,EACD,CAACjC,mBAAmB,CACtB,CAAC;;EAED;EACA,MAAM8C,IAAI,GAAGvE,KAAK,CAACyC,WAAW,CAC5B,CAACT,GAAW,EAAEwC,GAAW,KAAK;IAC5B,MAAMC,GAAG,GAAG7C,cAAc,CAAC4B,OAAO,CAACxB,GAAG,CAAC;IACvC,IAAIyC,GAAG,GAAG,CAAC,EAAE;IACb,MAAMC,MAAM,GAAGD,GAAG,GAAGD,GAAG;IACxB,IAAIE,MAAM,GAAG,CAAC,IAAIA,MAAM,IAAI9C,cAAc,CAAC+C,MAAM,EAAE,OAAO,CAAC;IAC3D,MAAMjB,QAAQ,GAAG,CAAC,GAAG9B,cAAc,CAAC;IACpC,MAAMgD,CAAC,GAAGlB,QAAQ,CAACe,GAAG,CAAW;IACjC,MAAMI,CAAC,GAAGnB,QAAQ,CAACgB,MAAM,CAAW;IACpChB,QAAQ,CAACe,GAAG,CAAC,GAAGI,CAAC;IACjBnB,QAAQ,CAACgB,MAAM,CAAC,GAAGE,CAAC;IACpBN,WAAW,CAACZ,QAAQ,CAAC;EACvB,CAAC,EACD,CAAC9B,cAAc,EAAE0C,WAAW,CAC9B,CAAC;EAED,MAAMQ,WAAW,GAAG9E,KAAK,CAACyC,WAAW,CAAET,GAAW,IAAKuC,IAAI,CAACvC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAACuC,IAAI,CAAC,CAAC;EAC7E,MAAMQ,SAAS,GAAG/E,KAAK,CAACyC,WAAW,CAAET,GAAW,IAAKuC,IAAI,CAACvC,GAAG,EAAE,CAAC,CAAC,EAAE,CAACuC,IAAI,CAAC,CAAC;;EAE1E;EACA,MAAMS,UAAU,GAAGhF,KAAK,CAACyC,WAAW,CAClC,CAACT,GAAW,EAAEiD,IAAqB,KAAK;IACtC,MAAMR,GAAG,GAAG7C,cAAc,CAAC4B,OAAO,CAACxB,GAAG,CAAC;IACvC,IAAIyC,GAAG,GAAG,CAAC,EAAE;IACb,IAAIQ,IAAI,KAAK,OAAO,IAAIR,GAAG,KAAK,CAAC,EAAE;IACnC,IAAIQ,IAAI,KAAK,KAAK,IAAIR,GAAG,KAAK7C,cAAc,CAAC+C,MAAM,GAAG,CAAC,EAAE;IACzD,MAAMjB,QAAQ,GAAG,CAAC,GAAG9B,cAAc,CAAC;IACpC,MAAMsD,KAAK,GAAGxB,QAAQ,CAACC,MAAM,CAACc,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAW;IAClD,IAAIQ,IAAI,KAAK,OAAO,EAAEvB,QAAQ,CAACyB,OAAO,CAACD,KAAK,CAAC,CAAC,KACzCxB,QAAQ,CAAC0B,IAAI,CAACF,KAAK,CAAC;IACzBZ,WAAW,CAACZ,QAAQ,CAAC;EACvB,CAAC,EACD,CAAC9B,cAAc,EAAE0C,WAAW,CAC9B,CAAC;EAED,MAAMe,aAAa,GAAGrF,KAAK,CAACyC,WAAW,CACpCT,GAAW,IAAM7B,CAAsB,IAAK;IAC3C,IAAIwB,cAAc,EAAE;IACpB,MAAM2D,MAAM,GAAGnF,CAAC,CAAC6B,GAAG,KAAK,WAAW;IACpC,MAAMuD,OAAO,GAAGpF,CAAC,CAAC6B,GAAG,KAAK,YAAY;IACtC,MAAMwD,MAAM,GAAGrF,CAAC,CAAC6B,GAAG,KAAK,MAAM;IAC/B,MAAMyD,KAAK,GAAGtF,CAAC,CAAC6B,GAAG,KAAK,KAAK;IAC7B,IAAI,CAACsD,MAAM,IAAI,CAACC,OAAO,IAAI,CAACC,MAAM,IAAI,CAACC,KAAK,EAAE;IAE9CtF,CAAC,CAACyC,cAAc,CAAC,CAAC;IAClBzC,CAAC,CAACuF,eAAe,CAAC,CAAC;IAEnB,IAAIF,MAAM,EAAE;MACVR,UAAU,CAAChD,GAAG,EAAE,OAAO,CAAC;MACxB;IACF;IACA,IAAIyD,KAAK,EAAE;MACTT,UAAU,CAAChD,GAAG,EAAE,KAAK,CAAC;MACtB;IACF;;IAEA;IACA;IACA,MAAM2D,IAAI,GAAIxF,CAAC,CAACyF,aAAa,CAAiBC,OAAO,CAAC,IAAI,CAAC;IAC3D,MAAMC,KAAK,GACT,CAAC,CAACH,IAAI,IACN,OAAOI,MAAM,KAAK,WAAW,IAC7B,OAAOA,MAAM,CAACC,gBAAgB,KAAK,UAAU,IAC7CD,MAAM,CAACC,gBAAgB,CAACL,IAAI,CAAC,CAACM,SAAS,KAAK,KAAK;IAEnD,MAAMC,OAAO,GAAGJ,KAAK,GAAGR,MAAM,GAAGC,OAAO;IACxC,IAAIW,OAAO,EAAEnB,SAAS,CAAC/C,GAAG,CAAC,CAAC,KACvB8C,WAAW,CAAC9C,GAAG,CAAC;EACvB,CAAC,EACD,CAACL,cAAc,EAAEqD,UAAU,EAAEF,WAAW,EAAEC,SAAS,CACrD,CAAC;EAED,OAAO;IACLjB,YAAY;IACZE,MAAM;IACNmC,YAAY,EAAElE,OAAO,IAAI,IAAI;IAC7B6C,WAAW;IACXC,SAAS;IACTM;EACF,CAAC;AACH","ignoreList":[]}