UNPKG

react-moveable

Version:

A React Component that create Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable.

858 lines (857 loc) 45.4 kB
export declare const MOVEABLE_ABLES: readonly [{ readonly isPinch: true; readonly name: "beforeRenderable"; readonly props: {}; readonly events: { readonly onBeforeRenderStart: "beforeRenderStart"; readonly onBeforeRender: "beforeRender"; readonly onBeforeRenderEnd: "beforeRenderEnd"; readonly onBeforeRenderGroupStart: "beforeRenderGroupStart"; readonly onBeforeRenderGroup: "beforeRenderGroup"; readonly onBeforeRenderGroupEnd: "beforeRenderGroupEnd"; }; readonly setTransform: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly resetTransform: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly fillDragStartParams: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => import("../types").OnBeforeRenderStart; readonly fillDragParams: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => import("../types").OnBeforeRender; readonly dragStart: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly drag: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragEnd: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragGroupStart: (moveable: import("../types").MoveableGroupInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragGroup: (moveable: import("../types").MoveableGroupInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragGroupEnd: (moveable: import("../types").MoveableGroupInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragControlStart: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragControl: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragControlEnd: (moveable: import("../types").MoveableManagerInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragGroupControlStart: (moveable: import("../types").MoveableGroupInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragGroupControl: (moveable: import("../types").MoveableGroupInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; readonly dragGroupControlEnd: (moveable: import("../types").MoveableGroupInterface<import("../types").BeforeRenderableProps, {}>, e: any) => void; }, { name: string; props: { readonly target: ObjectConstructor; readonly dragTarget: ObjectConstructor; readonly container: ObjectConstructor; readonly portalContainer: ObjectConstructor; readonly rootContainer: ObjectConstructor; readonly zoom: NumberConstructor; readonly transformOrigin: ArrayConstructor; readonly edge: BooleanConstructor; readonly ables: ArrayConstructor; readonly className: StringConstructor; readonly pinchThreshold: NumberConstructor; readonly pinchOutside: BooleanConstructor; readonly triggerAblesSimultaneously: BooleanConstructor; readonly checkInput: BooleanConstructor; readonly cspNonce: StringConstructor; readonly translateZ: NumberConstructor; readonly hideDefaultLines: BooleanConstructor; readonly props: ObjectConstructor; }; events: {}; }, { name: string; props: { readonly snappable: readonly [BooleanConstructor, ArrayConstructor]; readonly snapContainer: ObjectConstructor; readonly snapDirections: readonly [BooleanConstructor, ObjectConstructor]; readonly elementSnapDirections: readonly [BooleanConstructor, ObjectConstructor]; readonly snapGap: BooleanConstructor; readonly snapGridWidth: NumberConstructor; readonly snapGridHeight: NumberConstructor; readonly isDisplaySnapDigit: BooleanConstructor; readonly isDisplayInnerSnapDigit: BooleanConstructor; readonly snapDigit: NumberConstructor; readonly snapThreshold: NumberConstructor; readonly horizontalGuidelines: ArrayConstructor; readonly verticalGuidelines: ArrayConstructor; readonly elementGuidelines: ArrayConstructor; readonly bounds: ObjectConstructor; readonly innerBounds: ObjectConstructor; readonly snapDistFormat: FunctionConstructor; }; events: { readonly onSnap: "snap"; }; css: string[]; render(moveable: import("../types").MoveableManagerInterface<import("../types").SnappableProps, import("../types").SnappableState>, React: import("../types").Renderer): any[]; dragStart(moveable: import("../types").MoveableManagerInterface<import("../types").SnappableProps, import("../types").SnappableState>, e: any): void; drag(moveable: import("../types").MoveableManagerInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; pinchStart(moveable: import("../types").MoveableManagerInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; dragEnd(moveable: import("../types").MoveableManagerInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; dragControlCondition(moveable: import("../types").MoveableManagerInterface<{}, {}>, e: any): boolean | undefined; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; dragGroupStart(moveable: any, e: any): void; dragGroup(moveable: import("../types").MoveableGroupInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; dragGroupEnd(moveable: import("../types").MoveableGroupInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; dragGroupControlStart(moveable: import("../types").MoveableGroupInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; dragGroupControl(moveable: import("../types").MoveableManagerInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; dragGroupControlEnd(moveable: import("../types").MoveableGroupInterface<import("../types").SnappableProps, import("../types").SnappableState>): void; unset(moveable: any): void; }, { readonly events: {}; readonly props: { readonly pinchable: BooleanConstructor; }; readonly name: "pinchable"; } & { events: { readonly onPinchStart: "pinchStart"; readonly onPinch: "pinch"; readonly onPinchEnd: "pinchEnd"; readonly onPinchGroupStart: "pinchGroupStart"; readonly onPinchGroup: "pinchGroup"; readonly onPinchGroupEnd: "pinchGroupEnd"; }; dragStart(): boolean; pinchStart(moveable: import("../types").MoveableManagerInterface<import("../types").PinchableProps, import("../types").SnappableState>, e: any): any; pinch(moveable: import("../types").MoveableManagerInterface<import("../types").PinchableProps, {}>, e: any): any; pinchEnd(moveable: import("../types").MoveableManagerInterface<import("../types").PinchableProps, {}>, e: any): any; pinchGroupStart(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): any; pinchGroup(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): any; pinchGroupEnd(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): any; }, { name: string; props: { readonly draggable: BooleanConstructor; readonly throttleDrag: NumberConstructor; readonly throttleDragRotate: NumberConstructor; readonly startDragRotate: NumberConstructor; readonly edgeDraggable: BooleanConstructor; }; events: { readonly onDragStart: "dragStart"; readonly onDrag: "drag"; readonly onDragEnd: "dragEnd"; readonly onDragGroupStart: "dragGroupStart"; readonly onDragGroup: "dragGroup"; readonly onDragGroupEnd: "dragGroupEnd"; }; render(moveable: import("../types").MoveableManagerInterface<import("../types").DraggableProps, import("../types").DraggableState>, React: import("../types").Renderer): any[]; dragStart(moveable: import("../types").MoveableManagerInterface<import("../types").DraggableProps, any>, e: any): false | import("../types").OnDragStart; drag(moveable: import("../types").MoveableManagerInterface<import("../types").DraggableProps, any>, e: any): import("../types").OnDrag | undefined; dragAfter(moveable: import("../types").MoveableManagerInterface<import("../types").DraggableProps, import("../types").DraggableState>, e: any): false | import("../types").OnDrag | undefined; dragEnd(moveable: import("../types").MoveableManagerInterface<import("../types").DraggableProps, import("../types").DraggableState>, e: any): any; dragGroupStart(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): false | import("../types").OnDragStart; dragGroup(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): import("../types").OnDragGroup | undefined; dragGroupEnd(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): any; request(moveable: import("../types").MoveableManagerInterface<any, any>): { isControl: boolean; requestStart(): { datas: {}; }; request(e: import("@daybrush/utils").IObject<any>): { datas: {}; distX: number; distY: number; }; requestEnd(): { datas: {}; isDrag: boolean; }; }; unset(moveable: any): void; }, { readonly events: {}; readonly props: { readonly edgeDraggable: BooleanConstructor; }; readonly name: "edgeDraggable"; } & { dragControlCondition(moveable: import("../types").MoveableManagerInterface<import("../types").DraggableProps, {}>, e: any): boolean; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").DraggableProps, {}>, e: any): false | import("../types").OnDragStart; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").DraggableProps, {}>, e: any): import("../types").OnDrag | undefined; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").DraggableProps, any>, e: any): any; dragGroupControlCondition(moveable: import("../types").MoveableGroupInterface<import("../types").DraggableProps, {}>, e: any): boolean; dragGroupControlStart(moveable: import("../types").MoveableGroupInterface<import("../types").DraggableProps, {}>, e: any): false | import("../types").OnDragStart; dragGroupControl(moveable: import("../types").MoveableGroupInterface<import("../types").DraggableProps, {}>, e: any): import("../types").OnDragGroup | undefined; dragGroupControlEnd(moveable: import("../types").MoveableGroupInterface<import("../types").DraggableProps, any>, e: any): any; unset(moveable: any): void; }, { name: string; canPinch: boolean; props: { readonly rotatable: BooleanConstructor; readonly rotationPosition: StringConstructor; readonly throttleRotate: NumberConstructor; readonly renderDirections: ObjectConstructor; readonly rotationTarget: ObjectConstructor; }; events: { readonly onRotateStart: "rotateStart"; readonly onRotate: "rotate"; readonly onRotateEnd: "rotateEnd"; readonly onRotateGroupStart: "rotateGroupStart"; readonly onRotateGroup: "rotateGroup"; readonly onRotateGroupEnd: "rotateGroupEnd"; }; css: string[]; render(moveable: import("../types").MoveableManagerInterface<import("../types").RotatableProps, {}>, React: import("../types").Renderer): any; dragControlCondition: typeof import("./Rotatable").dragControlCondition; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").RotatableProps & import("../types").SnappableProps & import("../types").DraggableProps, import("../types").SnappableState>, e: any): false | import("../types").OnRotateStart; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").RotatableProps & import("../types").DraggableProps, {}>, e: any): import("../types").OnRotate | undefined; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").RotatableProps, {}>, e: any): any; dragGroupControlCondition: typeof import("./Rotatable").dragControlCondition; dragGroupControlStart(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): false | import("../types").OnRotateStart; dragGroupControl(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): import("../types").OnRotateGroup | undefined; dragGroupControlEnd(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): any; request(moveable: import("../types").MoveableManagerInterface<import("../types").RotatableProps, {}>): { isControl: boolean; requestStart(): { datas: {}; }; request(e: import("@daybrush/utils").IObject<any>): { datas: {}; parentDist: number; }; requestEnd(): { datas: {}; isDrag: boolean; }; }; }, { name: string; ableGroup: string; canPinch: boolean; props: { readonly resizable: BooleanConstructor; readonly throttleResize: NumberConstructor; readonly renderDirections: ArrayConstructor; readonly keepRatio: BooleanConstructor; }; events: { readonly onResizeStart: "resizeStart"; readonly onResize: "resize"; readonly onResizeEnd: "resizeEnd"; readonly onResizeGroupStart: "resizeGroupStart"; readonly onResizeGroup: "resizeGroup"; readonly onResizeGroupEnd: "resizeGroupEnd"; }; render(moveable: import("../types").MoveableManagerInterface<Partial<import("../types").ResizableProps>, {}>, React: import("../types").Renderer): any[] | undefined; dragControlCondition: typeof import("../utils").directionCondition; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").ResizableProps & import("../types").DraggableProps, import("../types").SnappableState>, e: any): false | import("../types").OnResizeStart; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").ResizableProps & import("../types").DraggableProps & import("../types").SnappableProps, {}>, e: any): import("../types").OnResize | undefined; dragControlAfter(moveable: import("../types").MoveableManagerInterface<import("../types").ResizableProps & import("../types").DraggableProps, {}>, e: any): true | undefined; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").ResizableProps & import("../types").DraggableProps, {}>, e: any): any; dragGroupControlCondition: typeof import("../utils").directionCondition; dragGroupControlStart(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): false | import("../types").OnResizeStart; dragGroupControl(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): import("../types").OnResizeGroup | undefined; dragGroupControlEnd(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): any; request(moveable: import("../types").MoveableManagerInterface<any, {}>): { isControl: boolean; requestStart(e: import("@daybrush/utils").IObject<any>): { datas: {}; parentDirection: any; }; request(e: import("@daybrush/utils").IObject<any>): { datas: {}; parentDist: number[]; }; requestEnd(): { datas: {}; isDrag: boolean; }; }; }, { name: string; ableGroup: string; canPinch: boolean; props: { readonly scalable: BooleanConstructor; readonly throttleScale: NumberConstructor; readonly renderDirections: StringConstructor; readonly keepRatio: BooleanConstructor; }; events: { readonly onScaleStart: "scaleStart"; readonly onScale: "scale"; readonly onScaleEnd: "scaleEnd"; readonly onScaleGroupStart: "scaleGroupStart"; readonly onScaleGroup: "scaleGroup"; readonly onScaleGroupEnd: "scaleGroupEnd"; }; render(moveable: import("../types").MoveableManagerInterface<Partial<import("../types").ResizableProps & import("../types").ScalableProps>, {}>, React: import("../types").Renderer): any[] | undefined; dragControlCondition: typeof import("../utils").directionCondition; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").ScalableProps & import("../types").DraggableProps, import("../types").SnappableState>, e: any): false | import("../types").OnScaleStart; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").ScalableProps & import("../types").DraggableProps & import("../types").GroupableProps, import("../types").SnappableState>, e: any): false | import("../types").OnScale; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").ScalableProps, {}>, e: any): any; dragGroupControlCondition: typeof import("../utils").directionCondition; dragGroupControlStart(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): false | import("../types").OnScaleGroupStart; dragGroupControl(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): import("../types").OnScaleGroup | undefined; dragGroupControlEnd(moveable: import("../types").MoveableGroupInterface<any, any>, e: any): any; request(): { isControl: boolean; requestStart(e: import("@daybrush/utils").IObject<any>): { datas: {}; parentDirection: any; }; request(e: import("@daybrush/utils").IObject<any>): { datas: {}; parentDist: number[]; }; requestEnd(): { datas: {}; isDrag: boolean; }; }; }, { name: string; ableGroup: string; props: { readonly warpable: BooleanConstructor; readonly renderDirections: ArrayConstructor; }; events: { readonly onWarpStart: "warpStart"; readonly onWarp: "warp"; readonly onWarpEnd: "warpEnd"; }; render(moveable: import("../types").MoveableManagerInterface<import("../types").ResizableProps & import("../types").ScalableProps & import("../types").WarpableProps, {}>, React: import("../types").Renderer): any[]; dragControlCondition(moveable: any, e: any): boolean; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").WarpableProps, import("../types").SnappableState>, e: any): any; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").WarpableProps & import("../types").SnappableProps, import("../types").SnappableState>, e: any): boolean; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").WarpableProps, {}>, e: any): any; }, { name: string; canPinch: boolean; props: { readonly scrollable: BooleanConstructor; readonly scrollContainer: ObjectConstructor; readonly scrollThreshold: NumberConstructor; readonly getScrollPosition: FunctionConstructor; }; events: { readonly onScroll: "scroll"; readonly onScrollGroup: "scrollGroup"; }; dragStart(moveable: import("../types").MoveableManagerInterface<import("../types").ScrollableProps, {}>, e: any): void; checkScroll(moveable: import("../types").MoveableManagerInterface<import("../types").ScrollableProps, {}>, e: any): true | undefined; drag(moveable: import("../types").MoveableManagerInterface<import("../types").ScrollableProps, {}>, e: any): true | undefined; dragEnd(moveable: import("../types").MoveableManagerInterface<import("../types").ScrollableProps, {}>, e: any): void; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").ScrollableProps, {}>, e: any): void; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").ScrollableProps, {}>, e: any): true | undefined; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").ScrollableProps, {}>, e: any): void; dragGroupStart(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): void; dragGroup(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): true | undefined; dragGroupEnd(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): void; dragGroupControlStart(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): void; dragGroupContro(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): true | undefined; dragGroupControEnd(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): void; }, { readonly events: {}; readonly props: { readonly padding: BooleanConstructor; }; readonly name: "padding"; } & { render(moveable: import("../types").MoveableManagerInterface<{}, {}>, React: import("../types").Renderer): any[]; }, { readonly events: {}; readonly props: { readonly origin: BooleanConstructor; }; readonly name: "origin"; } & { render(moveable: import("../types").MoveableManagerInterface<import("../types").OriginOptions, {}>, React: import("../types").Renderer): any[]; }, { name: string; props: { readonly originDraggable: BooleanConstructor; readonly originRelative: BooleanConstructor; }; events: { readonly onDragOriginStart: "dragOriginStart"; readonly onDragOrigin: "dragOrigin"; readonly onDragOriginEnd: "dragOriginEnd"; }; css: string[]; dragControlCondition(_: any, e: any): boolean; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").OriginDraggableProps & import("../types").DraggableProps, {}>, e: any): false | import("../types").OnDragOriginStart; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").OriginDraggableProps & import("../types").DraggableProps, {}>, e: any): false | import("../types").OnDragOrigin; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").OriginDraggableProps, {}>, e: any): boolean; dragGroupControlCondition(moveable: any, e: any): boolean; dragGroupControlStart(moveable: import("../types").MoveableGroupInterface<import("../types").OriginDraggableProps, {}>, e: any): boolean; dragGroupControl(moveable: import("../types").MoveableGroupInterface<import("../types").OriginDraggableProps, {}>, e: any): boolean; request(moveable: import("../types").MoveableManagerInterface<any, any>): { isControl: boolean; requestStart(): { datas: {}; }; request(e: import("@daybrush/utils").IObject<any>): { datas: {}; distX: number; distY: number; distOrigin: number[]; }; requestEnd(): { datas: {}; isDrag: boolean; }; }; }, { name: string; props: { readonly clippable: BooleanConstructor; readonly defaultClipPath: StringConstructor; readonly customClipPath: StringConstructor; readonly clipRelative: BooleanConstructor; readonly clipArea: BooleanConstructor; readonly dragWithClip: BooleanConstructor; readonly clipTargetBounds: BooleanConstructor; readonly clipVerticalGuidelines: ArrayConstructor; readonly clipHorizontalGuidelines: ArrayConstructor; readonly clipSnapThreshold: BooleanConstructor; }; events: { readonly onClipStart: "clipStart"; readonly onClip: "clip"; readonly onClipEnd: "clipEnd"; }; css: string[]; render(moveable: import("../types").MoveableManagerInterface<import("../types").ClippableProps, import("../types").ClippableState>, React: import("../types").Renderer): any[]; dragControlCondition(moveable: any, e: any): boolean; dragStart(moveable: import("../types").MoveableManagerInterface<import("../types").ClippableProps, import("../types").ClippableState>, e: any): boolean; drag(moveable: import("../types").MoveableManagerInterface<import("../types").ClippableProps, import("../types").ClippableState>, e: any): boolean; dragEnd(moveable: import("../types").MoveableManagerInterface<import("../types").ClippableProps, import("../types").ClippableState>, e: any): any; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").ClippableProps, import("../types").ClippableState>, e: any): boolean; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").ClippableProps & import("../types").DraggableProps, import("../types").ClippableState>, e: any): boolean; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").ClippableProps, import("../types").ClippableState>, e: any): any; unset(moveable: import("../types").MoveableManagerInterface<import("../types").ClippableProps, import("../types").ClippableState>): void; }, { name: string; props: { readonly roundable: BooleanConstructor; readonly roundRelative: BooleanConstructor; readonly minRoundControls: ArrayConstructor; readonly maxRoundControls: ArrayConstructor; readonly roundClickable: BooleanConstructor; }; events: { readonly onRoundStart: "roundStart"; readonly onRound: "round"; readonly onRoundEnd: "roundEnd"; }; css: string[]; render(moveable: import("../types").MoveableManagerInterface<import("../types").RoundableProps, import("../types").RoundableState>, React: import("../types").Renderer): any; dragControlCondition(moveable: any, e: any): boolean; dragControlStart(moveable: import("../types").MoveableManagerInterface<import("../types").RoundableProps, import("../types").RoundableState>, e: any): boolean; dragControl(moveable: import("../types").MoveableManagerInterface<import("../types").RoundableProps, import("../types").RoundableState>, e: any): boolean; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").RoundableProps, import("../types").RoundableState>, e: any): boolean; unset(moveable: import("../types").MoveableManagerInterface<import("../types").RoundableProps, import("../types").RoundableState>): void; }, { name: string; props: { readonly defaultGroupRotate: NumberConstructor; readonly defaultGroupOrigin: StringConstructor; readonly groupable: BooleanConstructor; }; events: {}; render(moveable: import("../types").MoveableGroupInterface<{}, {}>, React: import("../types").Renderer): any[]; }, { readonly name: "individualGroupable"; readonly props: { readonly individualGroupable: BooleanConstructor; }; readonly events: {}; }, { readonly events: {}; readonly props: {}; readonly name: "clickable"; } & { props: {}; events: { readonly onClick: "click"; readonly onClickGroup: "clickGroup"; }; always: true; dragStart(moveable: import("../types").MoveableManagerInterface<{}, {}>, e: any): void; dragControlStart(moveable: import("../types").MoveableManagerInterface<{}, {}>, e: any): void; dragGroupStart(moveable: import("../types").MoveableManagerInterface<import("../types").ClickableProps, {}>, e: any): void; dragEnd(moveable: import("../types").MoveableManagerInterface<import("../types").ClickableProps, {}>, e: any): void; dragGroupEnd(moveable: import("../types").MoveableGroupInterface<import("../types").ClickableProps, {}>, e: any): void; dragControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").ClickableProps, {}>): void; dragGroupControlEnd(moveable: import("../types").MoveableManagerInterface<import("../types").ClickableProps, {}>): void; endEvent(moveable: import("../types").MoveableManagerInterface<import("../types").ClickableProps, {}>): void; unset(moveable: import("../types").MoveableManagerInterface<import("../types").ClickableProps, {}>): void; }, { name: string; props: { readonly dragArea: BooleanConstructor; readonly passDragArea: BooleanConstructor; }; events: { readonly onClick: "click"; readonly onClickGroup: "clickGroup"; }; render(moveable: import("../types").MoveableManagerInterface<import("../types").GroupableProps, {}>, React: import("../types").Renderer): any[]; dragStart(moveable: import("../types").MoveableManagerInterface<{}, {}>, { datas, clientX, clientY, inputEvent }: any): false | undefined; drag(moveable: import("../types").MoveableManagerInterface<{}, {}>, { datas, inputEvent }: any): false | undefined; dragEnd(moveable: import("../types").MoveableManagerInterface<import("../types").DragAreaProps, {}>, e: any): false | undefined; dragGroupStart(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): false | undefined; dragGroup(moveable: import("../types").MoveableGroupInterface<{}, {}>, e: any): false | undefined; dragGroupEnd(moveable: import("../types").MoveableGroupInterface<import("../types").DragAreaProps, {}>, e: any): false | undefined; unset(moveable: import("../types").MoveableManagerInterface<import("../types").DragAreaProps, {}>): void; enableNativeEvent(moveable: import("../types").MoveableManagerInterface<import("../types").DragAreaProps, {}>): void; }, { readonly name: "renderable"; readonly props: {}; readonly events: { readonly onRenderStart: "renderStart"; readonly onRender: "render"; readonly onRenderEnd: "renderEnd"; readonly onRenderGroupStart: "renderGroupStart"; readonly onRenderGroup: "renderGroup"; readonly onRenderGroupEnd: "renderGroupEnd"; }; readonly dragStart: (moveable: import("../types").MoveableManagerInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly drag: (moveable: import("../types").MoveableManagerInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragEnd: (moveable: import("../types").MoveableManagerInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragGroupStart: (moveable: import("../types").MoveableGroupInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragGroup: (moveable: import("../types").MoveableGroupInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragGroupEnd: (moveable: import("../types").MoveableGroupInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragControlStart: (moveable: import("../types").MoveableManagerInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragControl: (moveable: import("../types").MoveableManagerInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragControlEnd: (moveable: import("../types").MoveableManagerInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragGroupControlStart: (moveable: import("../types").MoveableGroupInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragGroupControl: (moveable: import("../types").MoveableGroupInterface<import("../types").RenderableProps, {}>, e: any) => void; readonly dragGroupControlEnd: (moveable: import("../types").MoveableGroupInterface<import("../types").RenderableProps, {}>, e: any) => void; }]; export declare const MOVEABLE_EVENTS_PROPS_MAP: { readonly onPinchStart: "pinchStart"; readonly onPinch: "pinch"; readonly onPinchEnd: "pinchEnd"; readonly onPinchGroupStart: "pinchGroupStart"; readonly onPinchGroup: "pinchGroup"; readonly onPinchGroupEnd: "pinchGroupEnd"; } & { readonly onDragStart: "dragStart"; readonly onDrag: "drag"; readonly onDragEnd: "dragEnd"; readonly onDragGroupStart: "dragGroupStart"; readonly onDragGroup: "dragGroup"; readonly onDragGroupEnd: "dragGroupEnd"; } & { readonly onBeforeRenderStart: "beforeRenderStart"; readonly onBeforeRender: "beforeRender"; readonly onBeforeRenderEnd: "beforeRenderEnd"; readonly onBeforeRenderGroupStart: "beforeRenderGroupStart"; readonly onBeforeRenderGroup: "beforeRenderGroup"; readonly onBeforeRenderGroupEnd: "beforeRenderGroupEnd"; } & { readonly onRenderStart: "renderStart"; readonly onRender: "render"; readonly onRenderEnd: "renderEnd"; readonly onRenderGroupStart: "renderGroupStart"; readonly onRenderGroup: "renderGroup"; readonly onRenderGroupEnd: "renderGroupEnd"; } & { readonly onClick: "click"; readonly onClickGroup: "clickGroup"; } & { readonly onSnap: "snap"; } & { readonly onRotateStart: "rotateStart"; readonly onRotate: "rotate"; readonly onRotateEnd: "rotateEnd"; readonly onRotateGroupStart: "rotateGroupStart"; readonly onRotateGroup: "rotateGroup"; readonly onRotateGroupEnd: "rotateGroupEnd"; } & { readonly onResizeStart: "resizeStart"; readonly onResize: "resize"; readonly onResizeEnd: "resizeEnd"; readonly onResizeGroupStart: "resizeGroupStart"; readonly onResizeGroup: "resizeGroup"; readonly onResizeGroupEnd: "resizeGroupEnd"; } & { readonly onScaleStart: "scaleStart"; readonly onScale: "scale"; readonly onScaleEnd: "scaleEnd"; readonly onScaleGroupStart: "scaleGroupStart"; readonly onScaleGroup: "scaleGroup"; readonly onScaleGroupEnd: "scaleGroupEnd"; } & { readonly onWarpStart: "warpStart"; readonly onWarp: "warp"; readonly onWarpEnd: "warpEnd"; } & { readonly onScroll: "scroll"; readonly onScrollGroup: "scrollGroup"; } & { readonly onDragOriginStart: "dragOriginStart"; readonly onDragOrigin: "dragOrigin"; readonly onDragOriginEnd: "dragOriginEnd"; } & { readonly onClipStart: "clipStart"; readonly onClip: "clip"; readonly onClipEnd: "clipEnd"; } & { readonly onRoundStart: "roundStart"; readonly onRound: "round"; readonly onRoundEnd: "roundEnd"; } & { readonly onClick: "click"; readonly onClickGroup: "clickGroup"; }; export declare const MOVEABLE_PROPS_MAP: { readonly pinchable: BooleanConstructor; } & { readonly draggable: BooleanConstructor; readonly throttleDrag: NumberConstructor; readonly throttleDragRotate: NumberConstructor; readonly startDragRotate: NumberConstructor; readonly edgeDraggable: BooleanConstructor; } & { readonly defaultGroupRotate: NumberConstructor; readonly defaultGroupOrigin: StringConstructor; readonly groupable: BooleanConstructor; } & { readonly dragArea: BooleanConstructor; readonly passDragArea: BooleanConstructor; } & { readonly target: ObjectConstructor; readonly dragTarget: ObjectConstructor; readonly container: ObjectConstructor; readonly portalContainer: ObjectConstructor; readonly rootContainer: ObjectConstructor; readonly zoom: NumberConstructor; readonly transformOrigin: ArrayConstructor; readonly edge: BooleanConstructor; readonly ables: ArrayConstructor; readonly className: StringConstructor; readonly pinchThreshold: NumberConstructor; readonly pinchOutside: BooleanConstructor; readonly triggerAblesSimultaneously: BooleanConstructor; readonly checkInput: BooleanConstructor; readonly cspNonce: StringConstructor; readonly translateZ: NumberConstructor; readonly hideDefaultLines: BooleanConstructor; readonly props: ObjectConstructor; } & { readonly individualGroupable: BooleanConstructor; } & { readonly snappable: readonly [BooleanConstructor, ArrayConstructor]; readonly snapContainer: ObjectConstructor; readonly snapDirections: readonly [BooleanConstructor, ObjectConstructor]; readonly elementSnapDirections: readonly [BooleanConstructor, ObjectConstructor]; readonly snapGap: BooleanConstructor; readonly snapGridWidth: NumberConstructor; readonly snapGridHeight: NumberConstructor; readonly isDisplaySnapDigit: BooleanConstructor; readonly isDisplayInnerSnapDigit: BooleanConstructor; readonly snapDigit: NumberConstructor; readonly snapThreshold: NumberConstructor; readonly horizontalGuidelines: ArrayConstructor; readonly verticalGuidelines: ArrayConstructor; readonly elementGuidelines: ArrayConstructor; readonly bounds: ObjectConstructor; readonly innerBounds: ObjectConstructor; readonly snapDistFormat: FunctionConstructor; } & { readonly edgeDraggable: BooleanConstructor; } & { readonly rotatable: BooleanConstructor; readonly rotationPosition: StringConstructor; readonly throttleRotate: NumberConstructor; readonly renderDirections: ObjectConstructor; readonly rotationTarget: ObjectConstructor; } & { readonly resizable: BooleanConstructor; readonly throttleResize: NumberConstructor; readonly renderDirections: ArrayConstructor; readonly keepRatio: BooleanConstructor; } & { readonly scalable: BooleanConstructor; readonly throttleScale: NumberConstructor; readonly renderDirections: StringConstructor; readonly keepRatio: BooleanConstructor; } & { readonly warpable: BooleanConstructor; readonly renderDirections: ArrayConstructor; } & { readonly scrollable: BooleanConstructor; readonly scrollContainer: ObjectConstructor; readonly scrollThreshold: NumberConstructor; readonly getScrollPosition: FunctionConstructor; } & { readonly padding: BooleanConstructor; } & { readonly origin: BooleanConstructor; } & { readonly originDraggable: BooleanConstructor; readonly originRelative: BooleanConstructor; } & { readonly clippable: BooleanConstructor; readonly defaultClipPath: StringConstructor; readonly customClipPath: StringConstructor; readonly clipRelative: BooleanConstructor; readonly clipArea: BooleanConstructor; readonly dragWithClip: BooleanConstructor; readonly clipTargetBounds: BooleanConstructor; readonly clipVerticalGuidelines: ArrayConstructor; readonly clipHorizontalGuidelines: ArrayConstructor; readonly clipSnapThreshold: BooleanConstructor; } & { readonly roundable: BooleanConstructor; readonly roundRelative: BooleanConstructor; readonly minRoundControls: ArrayConstructor; readonly maxRoundControls: ArrayConstructor; readonly roundClickable: BooleanConstructor; }; export declare const MOVEABLE_EVENTS_MAP: import("framework-utils").InvertObject<{ readonly onPinchStart: "pinchStart"; readonly onPinch: "pinch"; readonly onPinchEnd: "pinchEnd"; readonly onPinchGroupStart: "pinchGroupStart"; readonly onPinchGroup: "pinchGroup"; readonly onPinchGroupEnd: "pinchGroupEnd"; } & { readonly onDragStart: "dragStart"; readonly onDrag: "drag"; readonly onDragEnd: "dragEnd"; readonly onDragGroupStart: "dragGroupStart"; readonly onDragGroup: "dragGroup"; readonly onDragGroupEnd: "dragGroupEnd"; } & { readonly onBeforeRenderStart: "beforeRenderStart"; readonly onBeforeRender: "beforeRender"; readonly onBeforeRenderEnd: "beforeRenderEnd"; readonly onBeforeRenderGroupStart: "beforeRenderGroupStart"; readonly onBeforeRenderGroup: "beforeRenderGroup"; readonly onBeforeRenderGroupEnd: "beforeRenderGroupEnd"; } & { readonly onRenderStart: "renderStart"; readonly onRender: "render"; readonly onRenderEnd: "renderEnd"; readonly onRenderGroupStart: "renderGroupStart"; readonly onRenderGroup: "renderGroup"; readonly onRenderGroupEnd: "renderGroupEnd"; } & { readonly onClick: "click"; readonly onClickGroup: "clickGroup"; } & { readonly onSnap: "snap"; } & { readonly onRotateStart: "rotateStart"; readonly onRotate: "rotate"; readonly onRotateEnd: "rotateEnd"; readonly onRotateGroupStart: "rotateGroupStart"; readonly onRotateGroup: "rotateGroup"; readonly onRotateGroupEnd: "rotateGroupEnd"; } & { readonly onResizeStart: "resizeStart"; readonly onResize: "resize"; readonly onResizeEnd: "resizeEnd"; readonly onResizeGroupStart: "resizeGroupStart"; readonly onResizeGroup: "resizeGroup"; readonly onResizeGroupEnd: "resizeGroupEnd"; } & { readonly onScaleStart: "scaleStart"; readonly onScale: "scale"; readonly onScaleEnd: "scaleEnd"; readonly onScaleGroupStart: "scaleGroupStart"; readonly onScaleGroup: "scaleGroup"; readonly onScaleGroupEnd: "scaleGroupEnd"; } & { readonly onWarpStart: "warpStart"; readonly onWarp: "warp"; readonly onWarpEnd: "warpEnd"; } & { readonly onScroll: "scroll"; readonly onScrollGroup: "scrollGroup"; } & { readonly onDragOriginStart: "dragOriginStart"; readonly onDragOrigin: "dragOrigin"; readonly onDragOriginEnd: "dragOriginEnd"; } & { readonly onClipStart: "clipStart"; readonly onClip: "clip"; readonly onClipEnd: "clipEnd"; } & { readonly onRoundStart: "roundStart"; readonly onRound: "round"; readonly onRoundEnd: "roundEnd"; } & { readonly onClick: "click"; readonly onClickGroup: "clickGroup"; }, import("framework-utils").EntriesObject<{ readonly onPinchStart: "pinchStart"; readonly onPinch: "pinch"; readonly onPinchEnd: "pinchEnd"; readonly onPinchGroupStart: "pinchGroupStart"; readonly onPinchGroup: "pinchGroup"; readonly onPinchGroupEnd: "pinchGroupEnd"; } & { readonly onDragStart: "dragStart"; readonly onDrag: "drag"; readonly onDragEnd: "dragEnd"; readonly onDragGroupStart: "dragGroupStart"; readonly onDragGroup: "dragGroup"; readonly onDragGroupEnd: "dragGroupEnd"; } & { readonly onBeforeRenderStart: "beforeRenderStart"; readonly onBeforeRender: "beforeRender"; readonly onBeforeRenderEnd: "beforeRenderEnd"; readonly onBeforeRenderGroupStart: "beforeRenderGroupStart"; readonly onBeforeRenderGroup: "beforeRenderGroup"; readonly onBeforeRenderGroupEnd: "beforeRenderGroupEnd"; } & { readonly onRenderStart: "renderStart"; readonly onRender: "render"; readonly onRenderEnd: "renderEnd"; readonly onRenderGroupStart: "renderGroupStart"; readonly onRenderGroup: "renderGroup"; readonly onRenderGroupEnd: "renderGroupEnd"; } & { readonly onClick: "click"; readonly onClickGroup: "clickGroup"; } & { readonly onSnap: "snap"; } & { readonly onRotateStart: "rotateStart"; readonly onRotate: "rotate"; readonly onRotateEnd: "rotateEnd"; readonly onRotateGroupStart: "rotateGroupStart"; readonly onRotateGroup: "rotateGroup"; readonly onRotateGroupEnd: "rotateGroupEnd"; } & { readonly onResizeStart: "resizeStart"; readonly onResize: "resize"; readonly onResizeEnd: "resizeEnd"; readonly onResizeGroupStart: "resizeGroupStart"; readonly onResizeGroup: "resizeGroup"; readonly onResizeGroupEnd: "resizeGroupEnd"; } & { readonly onScaleStart: "scaleStart"; readonly onScale: "scale"; readonly onScaleEnd: "scaleEnd"; readonly onScaleGroupStart: "scaleGroupStart"; readonly onScaleGroup: "scaleGroup"; readonly onScaleGroupEnd: "scaleGroupEnd"; } & { readonly onWarpStart: "warpStart"; readonly onWarp: "warp"; readonly onWarpEnd: "warpEnd"; } & { readonly onScroll: "scroll"; readonly onScrollGroup: "scrollGroup"; } & { readonly onDragOriginStart: "dragOriginStart"; readonly onDragOrigin: "dragOrigin"; readonly onDragOriginEnd: "dragOriginEnd"; } & { readonly onClipStart: "clipStart"; readonly onClip: "clip"; readonly onClipEnd: "clipEnd"; } & { readonly onRoundStart: "roundStart"; readonly onRound: "round"; readonly onRoundEnd: "roundEnd"; } & { readonly onClick: "click"; readonly onClickGroup: "clickGroup"; }>>; export declare const MOVEABLE_EVENTS: string[]; export declare const MOVEABLE_PROPS: string[];