@react-x11/components 0.4.0 → 0.6.0

package/dist/reorder/index.d.ts

@@ -0,0 +1,314 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { DragEndEvent, DragEvent, DragSourceProps, DropAccept, DropEvent } from 'react-x11';
+import type { Style } from 'react-x11/style';
+import type { ReorderEdge, ReorderId, ReorderOrientation } from './model.js';
+export { arrayMove, closestSlot, insertAtSlot, insertManyAtSlot, isNoopSlot, moveManyToSlot, moveToSlot, slotMark, } from './model.js';
+export type { ReorderEdge, ReorderId, ReorderOrientation, ReorderPoint, ReorderRect, ReorderSlot, } from './model.js';
+/** What `style` props here accept, matching the rest of the package. */
+type StyleInput = Style | Style[];
+/**
+ * The private payload type every item offers. The scope suffix is what
+ * `dropAccept` matches on — see the header. Exported because it is the one
+ * string only this component writes (the tree-shaking guard keys on it),
+ * and because an app's own dropzone may want to refuse or take a list item
+ * by name.
+ */
+export declare const REORDER_TYPE = "application/x-react-x11-reorder";
+/** Where a drag is being driven from. */
+export type ReorderInput = 'pointer' | 'keyboard';
+/** A move within one list. `items` is the ids in their new order — what an
+ *  app holding ids sets its state to — and `from`/`to` are what one holding
+ *  objects hands to `arrayMove`. `ids` is everything that moved, which is
+ *  `[id]` unless a multi-drag carried a selection. */
+export interface ReorderChange {
+    items: ReorderId[];
+    id: ReorderId;
+    ids: ReorderId[];
+    from: number;
+    to: number;
+}
+/** An item from another `<ReorderList>` in the group landed here. `items` is
+ *  this list's ids with `id` already in place; `source` is where it came
+ *  from — hello-pangea's `{ droppableId, index }`, by other names. `action`
+ *  is `'copy'` when the source offered a copy, and then it keeps its own. */
+export interface ReorderInsert {
+    items: ReorderId[];
+    id: ReorderId;
+    ids: ReorderId[];
+    index: number;
+    action: 'move' | 'copy';
+    source: {
+        list: string | undefined;
+        index: number;
+    };
+    event: DropEvent;
+}
+/** An item of this list was taken by something else: another list in the
+ *  group (`to` says which, and where), or — `to: null` — a plain
+ *  `dropAccept` node in the app, or another application, that accepted a
+ *  `move`. Fires only for a move; a copy leaves the item where it is. */
+export interface ReorderRemove {
+    items: ReorderId[];
+    id: ReorderId;
+    ids: ReorderId[];
+    index: number;
+    to: {
+        list: string | undefined;
+        index: number;
+    } | null;
+    event: DragEndEvent;
+}
+/** A drop *onto* an item rather than between two — `combine` on the list
+ *  that took it. The dragged item is still the source list's until the app
+ *  removes it: a merge is the app's operation, so nothing is reordered and
+ *  `onRemove` fires on the source exactly as it does for a cross-list move. */
+export interface ReorderCombine {
+    id: ReorderId;
+    ids: ReorderId[];
+    /** The item it was dropped onto, and where that item is. */
+    into: ReorderId;
+    index: number;
+    source: {
+        list: string | undefined;
+        index: number;
+    };
+    event: DropEvent;
+}
+/** A foreign payload — files, text, anything `accept` took — dropped at a
+ *  slot. The event is core's, so `files`, `text` and `getData` are on it. */
+export interface ReorderDrop {
+    index: number;
+    event: DropEvent;
+}
+/** What `canDrop` is asked, once per pointer position and again at the drop.
+ *  A list item drag names `id`/`ids`/`source`; a foreign payload leaves them
+ *  undefined and empty, and `event.types` is what it is offering. */
+export interface ReorderDropQuery {
+    id?: ReorderId;
+    ids: ReorderId[];
+    source: {
+        list: string | undefined;
+        index: number;
+    } | null;
+    /** The slot it would land at. */
+    index: number;
+    /** The item it would merge into, when the pointer is in a combine band. */
+    combine: ReorderId | null;
+    event: DragEvent;
+}
+/** The drag started — a press past the threshold, or a keyboard lift. Fires
+ *  on the list the item belongs to. */
+export interface ReorderDragStart {
+    id: ReorderId;
+    ids: ReorderId[];
+    index: number;
+    input: ReorderInput;
+}
+/** Where the drag is now. Fires on the list the item belongs to, whichever
+ *  list the pointer is over — `over` is null over anything that is not a
+ *  list in the group. `over.index` is the index the item would **land at**,
+ *  which is what `onReorder`'s `to` and `onInsert`'s `index` will say, not
+ *  the raw gap it is hovering. */
+export interface ReorderDragUpdate {
+    id: ReorderId;
+    ids: ReorderId[];
+    from: number;
+    over: {
+        list: string | undefined;
+        index: number;
+    } | null;
+    combine: ReorderId | null;
+    input: ReorderInput;
+}
+/** The gesture is over, however it ended. Fires on the list the item
+ *  belongs to, after `onReorder`/`onInsert`/`onRemove`. */
+export interface ReorderDragEnd {
+    id: ReorderId;
+    ids: ReorderId[];
+    from: number;
+    to: {
+        list: string | undefined;
+        index: number;
+    } | null;
+    combine: ReorderId | null;
+    reason: 'drop' | 'cancel';
+    input: ReorderInput;
+}
+/** What `styles.item` and `renderPreview` are handed. */
+export interface ReorderItemState {
+    id: ReorderId;
+    /** The pointer is dragging this item. */
+    dragging: boolean;
+    /** The keyboard has lifted this item. */
+    lifted: boolean;
+    disabled: boolean;
+    /** Which of this item's edges the indicator is on, while a drag is over
+     *  the list. */
+    edge: ReorderEdge | null;
+    /** A drop here would merge into this item rather than land beside it —
+     *  the list's `combine`, and the pointer in this item's middle band. */
+    combining: boolean;
+    /** While the pointer drags this item: whether whatever is under the
+     *  pointer would take it — a list in the group, a dropzone in the app,
+     *  another application. False otherwise, the keyboard's lift included. */
+    accepted: boolean;
+    /** This render is the ghost's copy of the item, not the item in the list.
+     *  What a child that renders in both asks before it draws its lighter
+     *  version. */
+    preview: boolean;
+    /** Everything travelling with this item — `[id]`, unless the list's
+     *  `selected` held it and a multi-drag picked the set up. */
+    ids: readonly ReorderId[];
+}
+export interface ReorderStyles {
+    /** The state seam: merged over the item's own `style`, so it can replace
+     *  the wash a held item wears. */
+    item?: (state: ReorderItemState) => StyleInput | null | undefined | false;
+    handle?: StyleInput;
+    /** The insertion line, and the outline a combining item wears — the state
+     *  tells them apart. */
+    indicator?: StyleInput;
+    /** The card the default preview draws the item's children in. */
+    preview?: StyleInput;
+}
+/** How big the ghost is. A function is asked once, at the drag's start. */
+export type ReorderPreviewSize = {
+    width: number;
+    height: number;
+} | ((state: ReorderItemState) => {
+    width: number;
+    height: number;
+});
+export interface ReorderListProps {
+    /** Names this list in the events other lists receive (`source.list`,
+     *  `to.list`). */
+    id?: string;
+    /** Lists sharing a group accept each other's items. Without one a list
+     *  takes only its own. */
+    group?: string;
+    /** Which way the items run. Decides the indicator's edge and the arrow
+     *  keys; the root's `flexDirection` follows it. Default `'vertical'`. */
+    orientation?: ReorderOrientation;
+    /** Nothing drags, nothing lifts, nothing lands. */
+    disabled?: boolean;
+    /** The ids a multi-drag picks up together: dragging one of them carries
+     *  all of them, in this list's own order. The app holds the selection. */
+    selected?: readonly ReorderId[];
+    /** An item moved within this list. */
+    onReorder?: (change: ReorderChange) => void;
+    /** An item arrived from another list in the group. */
+    onInsert?: (change: ReorderInsert) => void;
+    /** An item of this list was moved elsewhere. */
+    onRemove?: (change: ReorderRemove) => void;
+    /** A drop *onto* one of this list's items. Needs `combine`. */
+    onCombine?: (change: ReorderCombine) => void;
+    /** Whether the middle of an item is a merge target rather than an edge.
+     *  Without `onCombine` it is inert. Default false. */
+    combine?: boolean;
+    /** The last word on whether a drop lands here, asked per pointer position
+     *  and again at the drop. It can only *refuse* what `group`/`accept`
+     *  already matched — see the header. */
+    canDrop?: (query: ReorderDropQuery) => boolean;
+    /** Foreign payloads the list takes, in core's `dropAccept` vocabulary —
+     *  `['files']`, `'text/plain'`, a predicate. Without it every drag that is
+     *  not a list item is refused. */
+    accept?: DropAccept;
+    /** A foreign payload landed, at `index`. */
+    onDrop?: (drop: ReorderDrop) => void;
+    /** The drag started: a press past the threshold, or a keyboard lift. */
+    onDragStart?: (ev: ReorderDragStart) => void;
+    /** Where the drag is now — one per pointer position that changed the
+     *  answer, and one per keyboard step. */
+    onDragUpdate?: (ev: ReorderDragUpdate) => void;
+    /** The gesture is over, after the change events. */
+    onDragEnd?: (ev: ReorderDragEnd) => void;
+    /**
+     * The ghost that follows the pointer while an item is held.
+     *
+     * `'auto'` (the default, and what `true` means) is a `<popup>`: a window
+     * of its own, so it follows the pointer out of the list, out of the
+     * window, and over other applications, on both backends.
+     *
+     * `'inline'` draws it as a box inside the list instead — no second window
+     * per drag, which a remote display may prefer, at the cost of a ghost
+     * that stops at the window's edge. `false` leaves only the cursor and the
+     * indicator.
+     */
+    preview?: boolean | 'auto' | 'popup' | 'inline';
+    /** What the ghost shows. Default: the item's children again, on a card. */
+    renderPreview?: (state: ReorderItemState) => ReactNode;
+    /** How big the ghost is. Default: the item's own size. */
+    previewSize?: ReorderPreviewSize;
+    /** Whether the ghost flies to where the item landed instead of vanishing,
+     *  and for how long (default 180ms). Off under the desktop's reduced
+     *  motion, whatever this says. */
+    dropAnimation?: boolean | number;
+    styles?: ReorderStyles;
+    style?: StyleInput;
+    'data-testname'?: string;
+    children?: ReactNode;
+}
+export interface ReorderItemProps {
+    id: ReorderId;
+    /** Not draggable and not liftable — but still a slot others land beside. */
+    disabled?: boolean;
+    /** Offered beside the reorder payload, for other targets in the app and
+     *  for other applications — core's `dragData`, thunks and all. */
+    dragData?: DragSourceProps['dragData'];
+    /** What the drag offers. Default `['move']`; `['copy']` makes this list a
+     *  palette — the item stays, and the list that takes it gets
+     *  `onInsert({ action: 'copy' })`. */
+    dragActions?: Array<'copy' | 'move' | 'link'>;
+    /** Let a press on a control inside the item start a drag anyway. Off by
+     *  default, so a text field, a slider or a button inside a card keeps the
+     *  press — see the header. Moot when the item has a handle. */
+    dragFromInteractive?: boolean;
+    /** What a screen reader calls the item. Default: its own text. */
+    'aria-label'?: string;
+    style?: StyleInput;
+    'data-testname'?: string;
+    /** The content — or a function of the item's state, for content that
+     *  reacts to the drag. `useReorderItem()` is the same thing for a
+     *  component deeper inside. */
+    children?: ReactNode | ((state: ReorderItemState) => ReactNode);
+}
+export interface ReorderHandleProps {
+    /** Default "Drag to reorder". */
+    'aria-label'?: string;
+    style?: StyleInput;
+    'data-testname'?: string;
+    /** Default: a grip of six dots. */
+    children?: ReactNode;
+}
+/**
+ * The state of the `<ReorderItem>` a component is rendered inside — what
+ * function `children` are handed, for a component deeper in the item. Reads
+ * `preview` to tell the ghost's copy from the item in the list.
+ */
+export declare function useReorderItem(): ReorderItemState;
+/**
+ * `<ReorderList onReorder>` around `<ReorderItem id>`s.
+ *
+ *   <ReorderList onReorder={(e) => setTodos((l) => arrayMove(l, e.from, e.to))}>
+ *     {todos.map((t) => (
+ *       <ReorderItem key={t.id} id={t.id}><text>{t.title}</text></ReorderItem>
+ *     ))}
+ *   </ReorderList>
+ *
+ * The order is read from the tree the list rendered, so it is written once —
+ * there is no `items` array to keep beside the children.
+ */
+export declare function ReorderList(props: ReorderListProps): ReactElement;
+/**
+ * `<ReorderItem id>` — one item. Draggable by any part of itself, unless a
+ * `<ReorderHandle>` inside it takes that over; a tab stop, with the keyboard
+ * model on it, for the same "unless".
+ */
+export declare function ReorderItem(props: ReorderItemProps): ReactElement;
+/**
+ * `<ReorderHandle>` — the one part of an item that drags it. Rendering one
+ * inside a `<ReorderItem>` is the whole opt-in: the item stops being the
+ * press target and the tab stop, and this is both.
+ */
+export declare function ReorderHandle(props: ReorderHandleProps): ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/reorder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/reorder/index.ts"],"names":[],"mappings":"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"}