gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/ui/sortable/overlay.tsx · v0.5.5
Source
1 0178858 Dawsh 2y ago
2 0178858 Dawsh 2y ago import {
3 0178858 Dawsh 2y ago type DropAnimation,
4 0178858 Dawsh 2y ago type UniqueIdentifier,
5 0178858 Dawsh 2y ago defaultDropAnimationSideEffects,
6 0178858 Dawsh 2y ago DragOverlay,
7 0178858 Dawsh 2y ago } from "@dnd-kit/core";
8 0178858 Dawsh 2y ago import { SortableItem} from "./item";
9 0178858 Dawsh 2y ago
10 0178858 Dawsh 2y ago const dropAnimationOpts: DropAnimation = {
11 0178858 Dawsh 2y ago sideEffects: defaultDropAnimationSideEffects({
12 0178858 Dawsh 2y ago styles: {
13 0178858 Dawsh 2y ago active: {
14 0178858 Dawsh 2y ago opacity: "0.4",
15 0178858 Dawsh 2y ago },
16 0178858 Dawsh 2y ago },
17 0178858 Dawsh 2y ago }),
18 0178858 Dawsh 2y ago }
19 0178858 Dawsh 2y ago interface SortableOverlayProps
20 0178858 Dawsh 2y ago extends React.ComponentPropsWithRef<typeof DragOverlay> {
21 0178858 Dawsh 2y ago activeId?: UniqueIdentifier | null
22 0178858 Dawsh 2y ago }
23 0178858 Dawsh 2y ago
24 0178858 Dawsh 2y ago export function SortableOverlay({
25 0178858 Dawsh 2y ago activeId,
26 0178858 Dawsh 2y ago dropAnimation = dropAnimationOpts,
27 0178858 Dawsh 2y ago children,
28 0178858 Dawsh 2y ago ...props
29 0178858 Dawsh 2y ago }: SortableOverlayProps) {
30 0178858 Dawsh 2y ago return (
31 0178858 Dawsh 2y ago <DragOverlay dropAnimation={dropAnimation} {...props}>
32 0178858 Dawsh 2y ago {activeId ? (
33 0178858 Dawsh 2y ago <SortableItem value={activeId} asChild>
34 0178858 Dawsh 2y ago {children}
35 0178858 Dawsh 2y ago </SortableItem>
36 0178858 Dawsh 2y ago ) : null}
37 0178858 Dawsh 2y ago </DragOverlay>
38 0178858 Dawsh 2y ago )
39 0178858 Dawsh 2y ago }
40 0178858 Dawsh 2y ago