Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
Sign In

react-draggable-sortable-list

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-draggable-sortable-list - npm Package Compare versions

Comparing version
1.0.0
 to
1.0.1
+1
-1
lib/package.json
{
"name": "react-draggable-sortable-list",
"version": "1.0.0",
"version": "1.0.1",
"description": "A React Component that allows you to implement dragging lists to your app",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

+19
-23
lib/README.md

@@ -1,2 +0,2 @@

# React Draggable Sortable List
# React Draggable List

@@ -10,3 +10,3 @@ **React Component that allows you to easily use draggable lists in your application**

```
npm i --save react-draggable-sortable-list
npm i --save react-draggable-list
```

@@ -17,3 +17,3 @@

```
yarn add react-draggable-sortable-list
yarn add react-draggable-list
```

@@ -24,18 +24,18 @@

```js
import DraggableList from 'react-draggable-sortable-list'
import DraggableList from 'react-draggable-list'
const Component = () => {
return (
<DraggableList
direction="horizontal"
gap={2}
transition="0.3s"
lockY
onDragFinish={(order: string[]) =>
// when drag is finished
}
order={['A', 'B', 'C', 'D']}
>
// your list
</DraggableList>
<DraggableList
direction="horizontal"
gap={2}
transition="0.3s"
lockY
onDragFinish={(order: string[]) =>
// when drag is finished
}
order={['A', 'B', 'C', 'D']}
>
// your list
</DraggableList>
)

@@ -211,3 +211,3 @@ }

<img src={props.icon} alt="" />
{props.value}   {" "}
{props.value}   
</BlockWrapper>

@@ -253,3 +253,3 @@ );

>
      <img src={props.icon} alt="" />      {props.value}   {" "}
      <img src={props.icon} alt="" />      {props.value}   
</BlockWrapper2>

@@ -267,3 +267,3 @@ );

import styled from "styled-components";
import DraggableList from "react-draggable-sortable-list";
import DraggableList from "react-draggable-list";
import data from "./data.ts";

@@ -299,3 +299,2 @@

<Wrapper>
     {" "}
<DraggableList

@@ -311,9 +310,6 @@ direction="vertical"

>
       {" "}
{order.map((id) => {
return data[id].component({ ...data[id], key: id });
})}
     {" "}
</DraggableList>
   {" "}
</Wrapper>

@@ -320,0 +316,0 @@ );

+1
-1
package.json
{
"name": "react-draggable-sortable-list",
"version": "1.0.0",
"version": "1.0.1",
"description": "A React Component that allows you to implement dragging lists to your app",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

+17
-17
README.md

@@ -1,2 +0,2 @@

# React Draggable Sortable List
# React Draggable List

@@ -10,3 +10,3 @@ **React Component that allows you to easily use draggable lists in your application**

```
npm i --save react-draggable-sortable-list
npm i --save react-draggable-list
```

@@ -17,3 +17,3 @@

```
yarn add react-draggable-sortable-list
yarn add react-draggable-list
```

@@ -24,18 +24,18 @@

```js
import DraggableList from 'react-draggable-sortable-list'
import DraggableList from 'react-draggable-list'
const Component = () => {
return (
<DraggableList
direction="horizontal"
gap={2}
transition="0.3s"
lockY
onDragFinish={(order: string[]) =>
// when drag is finished
}
order={['A', 'B', 'C', 'D']}
>
// your list
</DraggableList>
<DraggableList
direction="horizontal"
gap={2}
transition="0.3s"
lockY
onDragFinish={(order: string[]) =>
// when drag is finished
}
order={['A', 'B', 'C', 'D']}
>
// your list
</DraggableList>
)

@@ -265,3 +265,3 @@ }

import styled from "styled-components";
import DraggableList from "react-draggable-sortable-list";
import DraggableList from "react-draggable-list";
import data from "./data.ts";

@@ -268,0 +268,0 @@