🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more

react-list-drag-and-drop

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-list-drag-and-drop - npm Package Compare versions

Comparing version

to
0.9.0

@@ -40,2 +40,3 @@ import * as React from 'react';

private findItemIndexById;
private assertValidItem;
}

@@ -23,2 +23,3 @@ "use strict";

_this.createItemComponent = function (item, i) {
_this.assertValidItem(item);
var draggedItemId = _this.state.draggedId;

@@ -30,3 +31,5 @@ return (React.createElement(RLDDItemComponent_1.default, { key: item.id, logic: _this.logic, itemId: item.id, activity: draggedItemId >= 0, dragged: draggedItemId === item.id, hovered: draggedItemId === item.id }, _this.props.itemRenderer(item, i)));

var draggedItemIndex = _this.findItemIndexById(draggedItemId);
return (React.createElement(RLDDFloatingItemComponent_1.default, { logic: _this.logic, draggedId: draggedItemId, width: _this.state.draggedItemDimensions.width, height: _this.state.draggedItemDimensions.height }, draggedItemIndex >= 0 && _this.props.itemRenderer(_this.props.items[draggedItemIndex], draggedItemIndex)));
var item = _this.props.items[draggedItemIndex];
_this.assertValidItem(item);
return (React.createElement(RLDDFloatingItemComponent_1.default, { logic: _this.logic, draggedId: draggedItemId, width: _this.state.draggedItemDimensions.width, height: _this.state.draggedItemDimensions.height }, draggedItemIndex >= 0 && _this.props.itemRenderer(item, draggedItemIndex)));
};

@@ -50,2 +53,12 @@ _this.handleDragBegin = function (draggedId, width, height) {

};
_this.assertValidItem = function (item) {
if (item) {
if (typeof item !== 'object') {
throw "RLDD Error. item must be of type 'object', but it's of type '" + typeof item + "'.";
}
if (typeof item.id !== 'number') {
throw "RLDD Error. item must have an 'id' property of type 'number'. " + JSON.stringify(item);
}
}
};
_this.logic = new RLDDLogic_1.default(props.threshold, props.dragDelay);

@@ -52,0 +65,0 @@ return _this;

{
"name": "react-list-drag-and-drop",
"version": "0.8.2",
"version": "0.9.0",
"description": "",

@@ -5,0 +5,0 @@ "repository": {

Sorry, the diff of this file is not supported yet