Socket
Socket
Sign inDemoInstall

@uiw/react-drag-event-interactive

Package Overview
Dependencies
Maintainers
1
Versions
81
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/react-drag-event-interactive - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

8

package.json
{
"name": "@uiw/react-drag-event-interactive",
"version": "1.0.6",
"version": "1.0.7",
"description": "react drag event interactive",

@@ -32,7 +32,7 @@ "homepage": "https://uiwjs.github.io/react-color/#drag-event-interactive",

"dependencies": {
"@babel/runtime": "7.15.4"
"@babel/runtime": "7.16.5"
},
"devDependencies": {
"@types/react": "17.0.27",
"@types/react-dom": "17.0.9",
"@types/react": "17.0.38",
"@types/react-dom": "17.0.11",
"@types/react-test-renderer": "17.0.1",

@@ -39,0 +39,0 @@ "react": "17.0.2",

@@ -29,10 +29,18 @@ React Drag Event Interactive

```ts
import { Interaction } from '@uiw/react-drag-event-interactive';
interface Interaction {
import React from 'react';
export declare function useEventCallback<T, K>(handler?: (value: T, event: K) => void): (value: T, event: K) => void;
export declare const isTouch: (event: MouseEvent | TouchEvent) => event is TouchEvent;
export declare const preventDefaultMove: (event: MouseEvent | TouchEvent) => void;
export declare const clamp: (number: number, min?: number, max?: number) => number;
export interface Interaction {
left: number;
top: number;
width: number;
height: number;
x: number;
y: number;
}
interface InteractiveProps extends React.HTMLAttributes<HTMLDivElement> {
export declare const getRelativePosition: (node: HTMLDivElement, event: MouseEvent | TouchEvent) => Interaction;
export interface InteractiveProps extends React.HTMLAttributes<HTMLDivElement> {
prefixCls?: string;
onMove?: (interaction: Interaction, event: MouseEvent | TouchEvent) => void;

@@ -39,0 +47,0 @@ onDown?: (offset: Interaction, event: MouseEvent | TouchEvent) => void;

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc