@react-querybuilder/dnd
Version:
Drag-and-drop-enabled version of react-querybuilder
22 lines (21 loc) • 836 B
text/typescript
import * as React from "react";
import type { useDrag as useDragOriginal, useDrop as useDropOriginal } from "react-dnd";
import type { RuleProps, UseRuleDnD } from "react-querybuilder";
import type { QueryBuilderDndContextProps } from "./types.mjs";
/**
* Rule component for drag-and-drop. Renders the provided rule component
* ({@link react-querybuilder!index.Rule Rule} by default), but forwards the
* drag-and-drop context.
*
* @group Components
*/
export declare const RuleDnD: (props: RuleProps) => React.JSX.Element;
type UseRuleDndParams = RuleProps & Pick<QueryBuilderDndContextProps, "canDrop" | "copyModeModifierKey" | "groupModeModifierKey"> & {
useDrag: typeof useDragOriginal;
useDrop: typeof useDropOriginal;
};
/**
* @group Hooks
*/
export declare const useRuleDnD: (params: UseRuleDndParams) => UseRuleDnD;
export {};