UNPKG

@wix/design-system

Version:

@wix/design-system

www.wixdesignsystem.com

87 lines (84 loc) • 2.8 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
### dataHook - type: string - description: No description ### items - type: NestableItemProps[] - description: No description ### readOnly - type: boolean - description: No description ### isRenderDraggingChildren - type: boolean - description: No description ### childrenProperty - type: string - description: No description ### childrenStyle - type: CSSProperties - description: No description ### onUpdate - type: (data: { items: object[]; item: object; }) => void - description: No description ### useDragHandle - type: boolean - description: No description ### maxDepth - type: number - description: No description ### threshold - type: number - description: No description ### onDragStart - type: (itemProps: any) => void - description: No description ### onDragEnd - type: (itemProps: any) => void - description: No description ### renderItem - type: (data: IRenderData) => ReactNode - description: No description ### renderAction - type: (data: IRenderData) => ReactNode - description: No description ### renderPrefix - type: (data: IRenderData) => ReactNode - description: No description ### zIndex - type: number - description: No description ### dragLayerZIndex - type: number - description: Defines the zIndex of the draggable layer ### preventChangeDepth - type: boolean - description: Allows dragging and dropping an item only on its own depth ### preventChangeParent - type: boolean - description: Allows dragging and dropping an item only on its own parent ### enforcePinnedOrder - type: boolean - description: Allows dragging and dropping an item only on its pin section ### canDrop - type: (dragItem: NestableItemProps, hoverItem: NestableItemProps) => boolean - description: Returns `false` to reject a drop while the cursor hovers over `hoverItem`. Runs after the built-in constraint flags (`preventChangeDepth`, `preventChangeParent`, `enforcePinnedOrder`). When it returns `false`, no placeholder is shown, the drop is rejected at hover time — matching the behavior of the built-in flags — and a `not-allowed` cursor is shown over the rejected target. ### virtualized - type: boolean - description: Allows windowed rendering of large lists. Requires `itemHeight` and `viewportHeight`. - default: false ### itemHeight - type: number - description: Sets the fixed row height in pixels. Required when `virtualized` is `true`. ### viewportHeight - type: number - description: Sets the scroll viewport height in pixels. Required when `virtualized` is `true`. ### offscreenRowCount - type: number - description: Sets the number of extra rows to render above and below the visible window. - default: 5 ### pinnedItemId - type: string | number - description: Sets the id of an item to keep mounted in the window even when scrolled offscreen (e.g., to preserve keyboard focus).