🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP
Sign In

com.hydroper.reactdraggable

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

com.hydroper.reactdraggable - npm Package Compare versions

Package was removed
Sorry, it seems this package was removed from the registry
Comparing version
1.0.2
to
1.1.0
+2
-2
package.json
{
"name": "com.hydroper.reactdraggable",
"version": "1.0.2",
"version": "1.1.0",
"type": "module",

@@ -10,3 +10,3 @@ "scripts": {},

"clone": "^2.1.2",
"com.hydroper.domdraggable": "^4.2.0",
"com.hydroper.draggable": "^1.0.2",
"extend": "^3.0.2"

@@ -13,0 +13,0 @@ },

import React, { useEffect } from "react";
import ext_Draggable from "com.hydroper.domdraggable";
import ext_Draggable from "com.hydroper.draggable";

@@ -111,4 +111,2 @@ const at_browser = typeof window !== "undefined";

disabled?: boolean,
finish?: "translate" | "transform" | "position",
finishParent?: HTMLElement,
rem?: number,

@@ -133,3 +131,3 @@

if (!inset) return { left: 0, top: 0 };
const m = inset.match(/(?:\d*\.?\d+|\d+)/g);
const m = inset.match(/-?(?:\d*\.\d+|\d+)/g);
if (!m) return { left: 0, top: 0 };

@@ -146,4 +144,4 @@ return {

const { left, top } = e.style;
const m_top = top ? top.match(/(?:\d*\.?\d+|\d+)/) : "0";
const m_left = left ? left.match(/(?:\d*\.?\d+|\d+)/) : "0";
const m_top = top ? top.match(/-?(?:\d*\.\d+|\d+)/) : "0";
const m_left = left ? left.match(/-?(?:\d*\.\d+|\d+)/) : "0";
return {

@@ -150,0 +148,0 @@ left: parseFloat(m_left ? m_left[0] : "0"),

declare module "com.hydroper.domdraggable"
{
export class Draggable
{
constructor(element: Element, options?: DraggableOptions);
get(): { x: number, y: number };
set(x: number, y: number): void;
setOption(property: string, value: any): void;
destroy(): void;
}
export type DraggableOptions = {
grid?: number,
handle?: Element,
filterTarget?: (target: Element) => boolean,
limit?: Element | ((x: any, y: any, x0: any, y0: any) => { x: number, y: number }) | {
x: number | number[] | null,
y: number | number[] | null,
},
threshold?: number,
setCursor?: boolean,
setPosition?: boolean,
smoothDrag?: boolean,
useGPU?: boolean,
onDrag?: (element: Element, x: number, y: number, event: Event) => void,
onDragStart?: (element: Element, x: number, y: number, event: Event) => void,
onDragEnd?: (element: Element, x: number, y: number, event: Event) => void,
};
export default Draggable;
}