editable-dnd-list

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