@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/cjs/tabletanstack/reordering.cjs

@@ -0,0 +1,265 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ReorderColumnHeader: ()=>reordering_ReorderColumnHeader,
+    ReorderHandle: ()=>ReorderHandle,
+    ReorderItems: ()=>ReorderItems,
+    ReorderRow: ()=>reordering_ReorderRow,
+    ReorderScope: ()=>ReorderScope,
+    ReorderableColumnHeader: ()=>reordering_ReorderableColumnHeader,
+    ReorderableRow: ()=>reordering_ReorderableRow
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const core_namespaceObject = require("@dnd-kit/core");
+const sortable_namespaceObject = require("@dnd-kit/sortable");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const motion_cjs_namespaceObject = require("../shared/motion.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+const index_cjs_namespaceObject = require("../table/index.cjs");
+const key = (kind, id)=>`${kind}:${id}`;
+const HandleContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+const keyboardCoordinates = (event, { context })=>{
+    const { active, over, collisionRect, droppableContainers, droppableRects } = context;
+    if (!active || !collisionRect) return;
+    const kind = active.data.current?.kind;
+    const step = 'row' === kind ? 'ArrowDown' === event.code ? 1 : 'ArrowUp' === event.code ? -1 : 0 : 'ArrowRight' === event.code ? 1 : 'ArrowLeft' === event.code ? -1 : 0;
+    if (!step) return;
+    event.preventDefault();
+    const candidates = droppableContainers.getEnabled().filter((item)=>item.data.current?.kind === kind && item.data.current?.group === active.data.current?.group && droppableRects.has(item.id)).sort((first, second)=>{
+        const firstRect = droppableRects.get(first.id);
+        const secondRect = droppableRects.get(second.id);
+        return 'row' === kind ? (firstRect?.top ?? 0) - (secondRect?.top ?? 0) : (firstRect?.left ?? 0) - (secondRect?.left ?? 0);
+    });
+    const index = candidates.findIndex((item)=>item.id === (over?.id ?? active.id));
+    const next = candidates[index + step];
+    const rect = next && droppableRects.get(next.id);
+    return rect ? {
+        x: rect.left + (rect.width - collisionRect.width) / 2,
+        y: rect.top + (rect.height - collisionRect.height) / 2
+    } : void 0;
+};
+function ReorderScope({ enabled, ...props }) {
+    return enabled ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ActiveReorderScope, {
+        ...props
+    }) : props.children;
+}
+function ActiveReorderScope({ id, disabled, onReorder, children }) {
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const scrollable = (0, external_react_namespaceObject.useRef)(null);
+    const sensors = (0, core_namespaceObject.useSensors)((0, core_namespaceObject.useSensor)(core_namespaceObject.PointerSensor, {
+        activationConstraint: {
+            distance: 6
+        }
+    }), (0, core_namespaceObject.useSensor)(core_namespaceObject.KeyboardSensor, {
+        coordinateGetter: keyboardCoordinates,
+        scrollBehavior: 'auto'
+    }));
+    const finish = ({ active, over })=>{
+        if (!disabled && over && active.id !== over.id) {
+            const source = active.data.current;
+            const target = over.data.current;
+            if (source && target && source.kind === target.kind && source.group === target.group) onReorder(source.kind, source.itemId, target.itemId);
+        }
+        scrollable.current = null;
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DndContext, {
+        id: id,
+        sensors: sensors,
+        measuring: {
+            droppable: {
+                strategy: core_namespaceObject.MeasuringStrategy.Always
+            }
+        },
+        collisionDetection: (args)=>{
+            const scoped = {
+                ...args,
+                droppableContainers: args.droppableContainers.filter((item)=>item.data.current?.kind === args.active.data.current?.kind && item.data.current?.group === args.active.data.current?.group)
+            };
+            return args.pointerCoordinates ? (0, core_namespaceObject.pointerWithin)(scoped) : (0, core_namespaceObject.closestCenter)(scoped);
+        },
+        onDragEnd: finish,
+        onDragStart: ({ active, activatorEvent })=>{
+            const target = activatorEvent.target;
+            const viewport = target instanceof Element ? target.closest('.leaf-table__viewport') : null;
+            const overflows = viewport && (active.data.current?.kind === 'row' ? viewport.scrollHeight > viewport.clientHeight + 1 : viewport.scrollWidth > viewport.clientWidth + 1);
+            scrollable.current = overflows ? viewport : null;
+        },
+        onDragCancel: ()=>{
+            scrollable.current = null;
+        },
+        autoScroll: {
+            canScroll: (element)=>element === scrollable.current,
+            layoutShiftCompensation: false
+        },
+        accessibility: {
+            screenReaderInstructions: {
+                draggable: t('按空格开始排序，方向键移动，再按空格确认，Escape 取消。', 'Press Space to start, arrow keys to move, Space to drop, and Escape to cancel.')
+            },
+            announcements: {
+                onDragStart: ({ active })=>`${t('开始移动', 'Picked up')} ${active.data.current?.label ?? active.id}`,
+                onDragOver: ({ over })=>over ? `${t('移至', 'Move to')} ${over.data.current?.label ?? over.id}` : void 0,
+                onDragEnd: ({ active })=>`${t('已放置', 'Dropped')} ${active.data.current?.label ?? active.id}`,
+                onDragCancel: ()=>t('已取消排序', 'Reordering cancelled')
+            }
+        },
+        children: children
+    });
+}
+function ReorderItems({ enabled, kind, ids, children }) {
+    return enabled ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sortable_namespaceObject.SortableContext, {
+        items: ids.map((id)=>key(kind, id)),
+        strategy: 'row' === kind ? sortable_namespaceObject.verticalListSortingStrategy : sortable_namespaceObject.horizontalListSortingStrategy,
+        children: children
+    }) : children;
+}
+function useItem(kind, itemId, label, group, disabled) {
+    const motion = (0, motion_cjs_namespaceObject.useMotionEnabled)();
+    const sortable = (0, sortable_namespaceObject.useSortable)({
+        id: key(kind, itemId),
+        data: {
+            kind,
+            itemId,
+            label,
+            group
+        },
+        disabled
+    });
+    const transform = sortable.transform;
+    return {
+        sortable,
+        style: {
+            transform: transform ? `translate3d(${'column' === kind ? transform.x : 0}px, ${'row' === kind ? transform.y : 0}px, 0)` : void 0,
+            transition: sortable.transition ? motion ? 'transform var(--leaf-motion-duration) var(--leaf-motion-easing)' : 'none' : void 0
+        }
+    };
+}
+const reordering_ReorderableRow = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ itemId, itemLabel, disabled, style, children, ...props }, ref) {
+    const item = useItem('row', itemId, itemLabel, 'rows', disabled);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(HandleContext.Provider, {
+        value: item.sortable,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Table.Row, {
+            ...props,
+            ref: (node)=>{
+                item.sortable.setNodeRef(node);
+                (0, field_cjs_namespaceObject.assignRef)(ref, node);
+            },
+            "data-dragging": item.sortable.isDragging || void 0,
+            style: {
+                ...style,
+                ...item.style
+            },
+            children: children
+        })
+    });
+});
+const reordering_ReorderRow = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ enabled, itemId, itemLabel, disabled, ...props }, ref) {
+    return enabled ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(reordering_ReorderableRow, {
+        ...props,
+        ref: ref,
+        itemId: itemId,
+        itemLabel: itemLabel,
+        disabled: disabled
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Table.Row, {
+        ...props,
+        ref: ref
+    });
+});
+const reordering_ReorderableColumnHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ itemId, itemLabel, group, disabled, style, children, ...props }, ref) {
+    const item = useItem('column', itemId, itemLabel, group, disabled);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(HandleContext.Provider, {
+        value: item.sortable,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Table.ColumnHeader, {
+            ...props,
+            ref: (node)=>{
+                item.sortable.setNodeRef(node);
+                (0, field_cjs_namespaceObject.assignRef)(ref, node);
+            },
+            "data-dragging": item.sortable.isDragging || void 0,
+            style: {
+                ...style,
+                ...item.style
+            },
+            children: children
+        })
+    });
+});
+const reordering_ReorderColumnHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ enabled, itemId, itemLabel, group, disabled, ...props }, ref) {
+    return enabled ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(reordering_ReorderableColumnHeader, {
+        ...props,
+        ref: ref,
+        itemId: itemId,
+        itemLabel: itemLabel,
+        group: group,
+        disabled: disabled
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Table.ColumnHeader, {
+        ...props,
+        ref: ref
+    });
+});
+function ReorderHandle({ label }) {
+    const sortable = (0, external_react_namespaceObject.useContext)(HandleContext);
+    if (!sortable) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        type: "button",
+        ...sortable.attributes,
+        ...sortable.listeners,
+        ref: sortable.setActivatorNodeRef,
+        className: "leaf-data-table__drag-handle",
+        "aria-label": label,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GripVertical, {
+            size: 14,
+            "aria-hidden": "true"
+        })
+    });
+}
+exports.ReorderColumnHeader = __webpack_exports__.ReorderColumnHeader;
+exports.ReorderHandle = __webpack_exports__.ReorderHandle;
+exports.ReorderItems = __webpack_exports__.ReorderItems;
+exports.ReorderRow = __webpack_exports__.ReorderRow;
+exports.ReorderScope = __webpack_exports__.ReorderScope;
+exports.ReorderableColumnHeader = __webpack_exports__.ReorderableColumnHeader;
+exports.ReorderableRow = __webpack_exports__.ReorderableRow;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ReorderColumnHeader",
+    "ReorderHandle",
+    "ReorderItems",
+    "ReorderRow",
+    "ReorderScope",
+    "ReorderableColumnHeader",
+    "ReorderableRow"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=reordering.cjs.map

package/dist/cjs/tabletanstack/reordering.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabletanstack/reordering.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/tabletanstack/reordering.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  type KeyboardCoordinateGetter,\n  KeyboardSensor,\n  MeasuringStrategy,\n  PointerSensor,\n  pointerWithin,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  horizontalListSortingStrategy,\n  SortableContext,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { GripVertical } from 'lucide-react';\nimport { createContext, forwardRef, type ReactNode, useContext, useRef } from 'react';\nimport { assignRef } from '../shared/field';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nimport { Table, type TableColumnHeaderProps, type TableRowProps } from '../table';\n\ntype ReorderKind = 'row' | 'column';\nconst key = (kind: ReorderKind, id: string) => `${kind}:${id}`;\nconst HandleContext = createContext<ReturnType<typeof useSortable> | null>(null);\n\nconst keyboardCoordinates: KeyboardCoordinateGetter = (event, { context }) => {\n  const { active, over, collisionRect, droppableContainers, droppableRects } = context;\n  if (!active || !collisionRect) return undefined;\n  const kind = active.data.current?.kind;\n  const step =\n    kind === 'row'\n      ? event.code === 'ArrowDown'\n        ? 1\n        : event.code === 'ArrowUp'\n          ? -1\n          : 0\n      : event.code === 'ArrowRight'\n        ? 1\n        : event.code === 'ArrowLeft'\n          ? -1\n          : 0;\n  if (!step) return undefined;\n  event.preventDefault();\n  const candidates = droppableContainers\n    .getEnabled()\n    .filter(\n      (item) =>\n        item.data.current?.kind === kind &&\n        item.data.current?.group === active.data.current?.group &&\n        droppableRects.has(item.id),\n    )\n    .sort((first, second) => {\n      const firstRect = droppableRects.get(first.id);\n      const secondRect = droppableRects.get(second.id);\n      return kind === 'row'\n        ? (firstRect?.top ?? 0) - (secondRect?.top ?? 0)\n        : (firstRect?.left ?? 0) - (secondRect?.left ?? 0);\n    });\n  const index = candidates.findIndex((item) => item.id === (over?.id ?? active.id));\n  const next = candidates[index + step];\n  const rect = next && droppableRects.get(next.id);\n  return rect\n    ? {\n        x: rect.left + (rect.width - collisionRect.width) / 2,\n        y: rect.top + (rect.height - collisionRect.height) / 2,\n      }\n    : undefined;\n};\n\ninterface ReorderScopeProps {\n  id: string;\n  disabled: boolean;\n  onReorder: (kind: ReorderKind, activeId: string, overId: string) => void;\n  children: ReactNode;\n}\n\nexport function ReorderScope({ enabled, ...props }: ReorderScopeProps & { enabled: boolean }) {\n  return enabled ? <ActiveReorderScope {...props} /> : props.children;\n}\n\nfunction ActiveReorderScope({ id, disabled, onReorder, children }: ReorderScopeProps) {\n  const t = useText();\n  const scrollable = useRef<Element | null>(null);\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: keyboardCoordinates, scrollBehavior: 'auto' }),\n  );\n  const finish = ({ active, over }: DragEndEvent) => {\n    if (!disabled && over && active.id !== over.id) {\n      const source = active.data.current;\n      const target = over.data.current;\n      if (source && target && source.kind === target.kind && source.group === target.group)\n        onReorder(source.kind, source.itemId, target.itemId);\n    }\n    scrollable.current = null;\n  };\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      measuring={{ droppable: { strategy: MeasuringStrategy.Always } }}\n      collisionDetection={(args) => {\n        const scoped = {\n          ...args,\n          droppableContainers: args.droppableContainers.filter(\n            (item) =>\n              item.data.current?.kind === args.active.data.current?.kind &&\n              item.data.current?.group === args.active.data.current?.group,\n          ),\n        };\n        return args.pointerCoordinates ? pointerWithin(scoped) : closestCenter(scoped);\n      }}\n      onDragEnd={finish}\n      onDragStart={({ active, activatorEvent }) => {\n        const target = activatorEvent.target;\n        const viewport = target instanceof Element ? target.closest('.leaf-table__viewport') : null;\n        const overflows =\n          viewport &&\n          (active.data.current?.kind === 'row'\n            ? viewport.scrollHeight > viewport.clientHeight + 1\n            : viewport.scrollWidth > viewport.clientWidth + 1);\n        scrollable.current = overflows ? viewport : null;\n      }}\n      onDragCancel={() => {\n        scrollable.current = null;\n      }}\n      autoScroll={{\n        canScroll: (element) => element === scrollable.current,\n        layoutShiftCompensation: false,\n      }}\n      accessibility={{\n        screenReaderInstructions: {\n          draggable: t(\n            '按空格开始排序，方向键移动，再按空格确认，Escape 取消。',\n            'Press Space to start, arrow keys to move, Space to drop, and Escape to cancel.',\n          ),\n        },\n        announcements: {\n          onDragStart: ({ active }) =>\n            `${t('开始移动', 'Picked up')} ${active.data.current?.label ?? active.id}`,\n          onDragOver: ({ over }) =>\n            over ? `${t('移至', 'Move to')} ${over.data.current?.label ?? over.id}` : undefined,\n          onDragEnd: ({ active }) =>\n            `${t('已放置', 'Dropped')} ${active.data.current?.label ?? active.id}`,\n          onDragCancel: () => t('已取消排序', 'Reordering cancelled'),\n        },\n      }}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nexport function ReorderItems({\n  enabled,\n  kind,\n  ids,\n  children,\n}: {\n  enabled: boolean;\n  kind: ReorderKind;\n  ids: string[];\n  children: ReactNode;\n}) {\n  return enabled ? (\n    <SortableContext\n      items={ids.map((id) => key(kind, id))}\n      strategy={kind === 'row' ? verticalListSortingStrategy : horizontalListSortingStrategy}\n    >\n      {children}\n    </SortableContext>\n  ) : (\n    children\n  );\n}\n\nfunction useItem(\n  kind: ReorderKind,\n  itemId: string,\n  label: string,\n  group: string,\n  disabled: boolean,\n) {\n  const motion = useMotionEnabled();\n  const sortable = useSortable({\n    id: key(kind, itemId),\n    data: { kind, itemId, label, group },\n    disabled,\n  });\n  const transform = sortable.transform;\n  return {\n    sortable,\n    style: {\n      transform: transform\n        ? `translate3d(${kind === 'column' ? transform.x : 0}px, ${kind === 'row' ? transform.y : 0}px, 0)`\n        : undefined,\n      transition: sortable.transition\n        ? motion\n          ? 'transform var(--leaf-motion-duration) var(--leaf-motion-easing)'\n          : 'none'\n        : undefined,\n    },\n  };\n}\n\nexport const ReorderableRow = forwardRef<\n  HTMLTableRowElement,\n  TableRowProps & { itemId: string; itemLabel: string; disabled: boolean }\n>(function ReorderableRow({ itemId, itemLabel, disabled, style, children, ...props }, ref) {\n  const item = useItem('row', itemId, itemLabel, 'rows', disabled);\n  return (\n    <HandleContext.Provider value={item.sortable}>\n      <Table.Row\n        {...props}\n        ref={(node) => {\n          item.sortable.setNodeRef(node);\n          assignRef(ref, node);\n        }}\n        data-dragging={item.sortable.isDragging || undefined}\n        style={{ ...style, ...item.style }}\n      >\n        {children}\n      </Table.Row>\n    </HandleContext.Provider>\n  );\n});\n\nexport const ReorderRow = forwardRef<\n  HTMLTableRowElement,\n  TableRowProps & { enabled: boolean; itemId: string; itemLabel: string; disabled: boolean }\n>(function ReorderRow({ enabled, itemId, itemLabel, disabled, ...props }, ref) {\n  return enabled ? (\n    <ReorderableRow\n      {...props}\n      ref={ref}\n      itemId={itemId}\n      itemLabel={itemLabel}\n      disabled={disabled}\n    />\n  ) : (\n    <Table.Row {...props} ref={ref} />\n  );\n});\n\nexport const ReorderableColumnHeader = forwardRef<\n  HTMLTableCellElement,\n  TableColumnHeaderProps & { itemId: string; itemLabel: string; group: string; disabled: boolean }\n>(function ReorderableColumnHeader(\n  { itemId, itemLabel, group, disabled, style, children, ...props },\n  ref,\n) {\n  const item = useItem('column', itemId, itemLabel, group, disabled);\n  return (\n    <HandleContext.Provider value={item.sortable}>\n      <Table.ColumnHeader\n        {...props}\n        ref={(node) => {\n          item.sortable.setNodeRef(node);\n          assignRef(ref, node);\n        }}\n        data-dragging={item.sortable.isDragging || undefined}\n        style={{ ...style, ...item.style }}\n      >\n        {children}\n      </Table.ColumnHeader>\n    </HandleContext.Provider>\n  );\n});\n\nexport const ReorderColumnHeader = forwardRef<\n  HTMLTableCellElement,\n  TableColumnHeaderProps & {\n    enabled: boolean;\n    itemId: string;\n    itemLabel: string;\n    group: string;\n    disabled: boolean;\n  }\n>(function ReorderColumnHeader({ enabled, itemId, itemLabel, group, disabled, ...props }, ref) {\n  return enabled ? (\n    <ReorderableColumnHeader\n      {...props}\n      ref={ref}\n      itemId={itemId}\n      itemLabel={itemLabel}\n      group={group}\n      disabled={disabled}\n    />\n  ) : (\n    <Table.ColumnHeader {...props} ref={ref} />\n  );\n});\n\nexport function ReorderHandle({ label }: { label: string }) {\n  const sortable = useContext(HandleContext);\n  if (!sortable) return null;\n  return (\n    <button\n      type=\"button\"\n      {...sortable.attributes}\n      {...sortable.listeners}\n      ref={sortable.setActivatorNodeRef}\n      className=\"leaf-data-table__drag-handle\"\n      aria-label={label}\n    >\n      <GripVertical size={14} aria-hidden=\"true\" />\n    </button>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","id","HandleContext","createContext","keyboardCoordinates","event","context","active","over","collisionRect","droppableContainers","droppableRects","step","candidates","item","first","second","firstRect","secondRect","index","next","rect","undefined","ReorderScope","enabled","props","ActiveReorderScope","disabled","onReorder","children","t","useText","scrollable","useRef","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","finish","source","target","DndContext","MeasuringStrategy","args","scoped","pointerWithin","closestCenter","activatorEvent","viewport","Element","overflows","element","ReorderItems","ids","SortableContext","verticalListSortingStrategy","horizontalListSortingStrategy","useItem","itemId","label","group","motion","useMotionEnabled","sortable","useSortable","transform","ReorderableRow","forwardRef","itemLabel","style","ref","Table","node","assignRef","ReorderRow","ReorderableColumnHeader","ReorderColumnHeader","ReorderHandle","useContext","GripVertical"],"mappings":"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"}

package/dist/cjs/tabletanstack/reordering.d.cts

@@ -0,0 +1,47 @@
+import { type ReactNode } from 'react';
+import { type TableColumnHeaderProps, type TableRowProps } from '../table/index.cjs';
+type ReorderKind = 'row' | 'column';
+interface ReorderScopeProps {
+    id: string;
+    disabled: boolean;
+    onReorder: (kind: ReorderKind, activeId: string, overId: string) => void;
+    children: ReactNode;
+}
+export declare function ReorderScope({ enabled, ...props }: ReorderScopeProps & {
+    enabled: boolean;
+}): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+export declare function ReorderItems({ enabled, kind, ids, children, }: {
+    enabled: boolean;
+    kind: ReorderKind;
+    ids: string[];
+    children: ReactNode;
+}): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+export declare const ReorderableRow: import("react").ForwardRefExoticComponent<TableRowProps & {
+    itemId: string;
+    itemLabel: string;
+    disabled: boolean;
+} & import("react").RefAttributes<HTMLTableRowElement>>;
+export declare const ReorderRow: import("react").ForwardRefExoticComponent<TableRowProps & {
+    enabled: boolean;
+    itemId: string;
+    itemLabel: string;
+    disabled: boolean;
+} & import("react").RefAttributes<HTMLTableRowElement>>;
+export declare const ReorderableColumnHeader: import("react").ForwardRefExoticComponent<TableColumnHeaderProps & {
+    itemId: string;
+    itemLabel: string;
+    group: string;
+    disabled: boolean;
+} & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const ReorderColumnHeader: import("react").ForwardRefExoticComponent<TableColumnHeaderProps & {
+    enabled: boolean;
+    itemId: string;
+    itemLabel: string;
+    group: string;
+    disabled: boolean;
+} & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare function ReorderHandle({ label }: {
+    label: string;
+}): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=reordering.d.cts.map

package/dist/cjs/tabletanstack/reordering.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reordering.d.cts","sourceRoot":"","sources":["../../../src/tabletanstack/reordering.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAA6B,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAItF,OAAO,EAAS,KAAK,sBAAsB,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAElF,KAAK,WAAW,GAAG,KAAK,GAAG,QAAQ,CAAC;AAgDpC,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,+TAE3F;AA2ED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,GAAG,EACH,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,CAAC;IAClB,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,+TAWA;AA+BD,eAAO,MAAM,cAAc;YAEC,MAAM;eAAa,MAAM;cAAY,OAAO;uDAkBtE,CAAC;AAEH,eAAO,MAAM,UAAU;aAEM,OAAO;YAAU,MAAM;eAAa,MAAM;cAAY,OAAO;uDAaxF,CAAC;AAEH,eAAO,MAAM,uBAAuB;YAEC,MAAM;eAAa,MAAM;WAAS,MAAM;cAAY,OAAO;wDAqB9F,CAAC;AAEH,eAAO,MAAM,mBAAmB;aAGnB,OAAO;YACR,MAAM;eACH,MAAM;WACV,MAAM;cACH,OAAO;wDAenB,CAAC;AAEH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sCAezD"}