editable-dnd-list
An editable DnD list.
Demo
You can access the storybook for this component here.
Props
Name | Type | Required | Default | Description |
---|---|---|---|---|
items | Task[] | no | [] | The initial list of items |
onChange | (items: Task[]) => void | yes | - | The function called when there are changes in the list of items |
Props of Task
Name | Type | Required | Default | Description |
---|---|---|---|---|
id | string | yes | - | The unique if of the item |
text | string | yes | - | The text representing the item |
Versions
EditableDndList uses | Material-ui | React |
---|---|---|
1.0.x | 16.8.0 | |
1.1.x | 16.8.0 | |
1.2.x | 4.10.12 | 16.8.0 |
1.3.x | 4.11.0 | 16.8.0 |
1.4.x | 4.11.3 | 16.9.0 or 17.0.0 |
1.5.x | 4.12.3 | 16.9.0 or 17.0.0 |
2.0.x | 5.10.17 | >=18.0.0 |
About versioning schema used for EditableDndList
- Major - it will be increased if any major version of any dependat package changes or there are breaking changes in this package
- Minor - it will be increased if any minor or patch version of any dependat package changes or there is added functionality in a backwards compatible manner
- Patch - it will be increased if there are backwards compatible bug fixes
Example
Displaying a list having initially two items:
import * as React from "react";
import EditableDndList from "editable-dnd-list";
class App extends React.Component {
private items: Task[] = [
{
id: '1',
text: 'Text 1'
},
{
id: '2',
text: 'Text 2'
}
];
render() {
return (
<div className="App">
<EditableDndList items={this.items} onChange={this.handleChange} />
</div>
);
}
handleChange = (items: Task[]) => console.log({ items });
}
export default App;
Changelog
1.0.0
- editable-dnd-list is made publicly available
1.0.1
- Fixed bug related to missing assets in lib
1.1.0
- Updated packages
1.2.0
- Updated packages
1.2.1
- Updated packages
- Moved from npm to yarn
1.2.2
- Updated packages
1.2.3
- Updated packages
1.3.0
- Updated packages
1.3.1
- Fixed crash produced by "export * from"
1.4.0
- Accepting React 17 as peerDependencies
- Fixed security warnings
1.5.0
- Updated the packages
2.0.0
- Migrated to material-ui 5
- Supports minimum React 18