Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-sortable-tree

Package Overview
Dependencies
Maintainers
1
Versions
65
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-sortable-tree - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

15

CHANGELOG.md

@@ -5,2 +5,17 @@ # Change Log

<a name="1.5.0"></a>
# [1.5.0](https://github.com/fritz-c/react-sortable-tree/compare/v1.4.0...v1.5.0) (2017-10-29)
### Bug Fixes
* Fix oblong collapse/expand button appearance on mobile safari ([62dfdec](https://github.com/fritz-c/react-sortable-tree/commit/62dfdec))
### Features
* enable the use of themes for simplified appearance customization ([d07c6a7](https://github.com/fritz-c/react-sortable-tree/commit/d07c6a7))
<a name="1.4.0"></a>

@@ -7,0 +22,0 @@ # [1.4.0](https://github.com/fritz-c/react-sortable-tree/compare/v1.3.1...v1.4.0) (2017-10-13)

48

package.json
{
"name": "react-sortable-tree",
"version": "1.4.0",
"version": "1.5.0",
"description": "Drag-and-drop sortable component for nested data and hierarchies",

@@ -57,6 +57,6 @@ "scripts": {

"prop-types": "^15.6.0",
"react-dnd": "2.5.3",
"react-dnd-html5-backend": "2.5.3",
"react-dnd": "2.5.4",
"react-dnd-html5-backend": "2.5.4",
"react-dnd-scrollzone": "^4.0.0",
"react-virtualized": "^9.10.1"
"react-virtualized": "^9.12.0"
},

@@ -68,8 +68,8 @@ "peerDependencies": {

"devDependencies": {
"@storybook/addon-actions": "^3.2.12",
"@storybook/addon-notes": "^3.2.12",
"@storybook/addon-options": "^3.2.12",
"@storybook/addon-storyshots": "^3.2.12",
"@storybook/react": "^3.2.12",
"autoprefixer": "^7.1.4",
"@storybook/addon-actions": "^3.2.13",
"@storybook/addon-notes": "^3.2.13",
"@storybook/addon-options": "^3.2.13",
"@storybook/addon-storyshots": "^3.2.13",
"@storybook/react": "^3.2.13",
"autoprefixer": "^7.1.6",
"babel-cli": "^6.26.0",

@@ -82,16 +82,16 @@ "babel-core": "^6.26.0",

"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.6.0",
"babel-preset-env": "^1.6.1",
"babel-preset-react": "^6.11.1",
"cross-env": "^5.0.5",
"cross-env": "^5.1.1",
"css-loader": "^0.28.7",
"enzyme": "^3.1.0",
"enzyme-adapter-react-16": "^1.0.1",
"eslint": "^4.8.0",
"eslint-config-airbnb": "^15.0.2",
"enzyme-adapter-react-16": "^1.0.2",
"eslint": "^4.10.0",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.6.0",
"eslint-loader": "^1.9.0",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-jsx-a11y": "^5.1.1",
"eslint-plugin-import": "^2.8.0",
"eslint-plugin-jsx-a11y": "^6.0.2",
"eslint-plugin-react": "^7.4.0",
"file-loader": "^1.1.4",
"file-loader": "^1.1.5",
"gh-pages": "^1.0.0",

@@ -101,6 +101,6 @@ "html-webpack-plugin": "^2.30.1",

"jest": "^21.2.1",
"jest-enzyme": "^4.0.0",
"jest-enzyme": "^4.0.1",
"json-loader": "^0.5.4",
"node-sass": "^4.0.0",
"postcss-loader": "^2.0.6",
"postcss-loader": "^2.0.8",
"prettier": "^1.7.4",

@@ -110,6 +110,6 @@ "react": "^16.0.0",

"react-addons-test-utils": "^15.6.2",
"react-dnd-test-backend": "^2.5.3",
"react-dnd-test-backend": "^2.5.4",
"react-dnd-touch-backend": "^0.3.15",
"react-dom": "^16.0.0",
"react-hot-loader": "^3.0.0-beta.7",
"react-hot-loader": "^3.1.1",
"react-test-renderer": "^16.0.0",

@@ -119,4 +119,4 @@ "rimraf": "^2.6.2",

"style-loader": "^0.19.0",
"webpack": "^3.6.0",
"webpack-dev-server": "^2.9.1",
"webpack": "^3.8.1",
"webpack-dev-server": "^2.9.3",
"webpack-node-externals": "^1.6.0"

@@ -123,0 +123,0 @@ },

@@ -64,2 +64,3 @@ # React Sortable Tree

reactVirtualizedListProps | object | Custom properties to hand to the [react-virtualized list](https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md#prop-types)
theme | object | Set an all-in-one packaged appearance for the tree. See the [Themes](#themes) section for more information.
rowHeight | number or func | Used by react-virtualized. Defaults to `62`. Either a fixed row height (number) or a function that returns the height of a row given its index: `({ index: number }): number`

@@ -69,4 +70,4 @@ slideRegionSize | number | Size in px of the region near the edges that initiates scrolling on dragover.Defaults to `100`.

isVirtualized | bool | Set to false to disable virtualization. Defaults to `true`. __NOTE__: Auto-scrolling while dragging, and scrolling to the `searchFocusOffset` will be disabled.
nodeContentRenderer | any | Override the default component ([`NodeRendererDefault`](https://github.com/fritz-c/react-sortable-tree/blob/master/src/node-renderer-default.js)) for rendering nodes (but keep the scaffolding generator). This is a last resort for customization - most custom styling should be able to be solved with `generateNodeProps` or CSS rules. If you must use it, is best to copy the component in `node-renderer-default.js` to use as a base, and customize as needed.
placeholderRenderer | any | Override the default placeholder component ([`PlaceholderRendererDefault`](https://github.com/fritz-c/react-sortable-tree/blob/master/src/placeholder-renderer-default.js)) which is displayed when the tree is empty. This is an advanced option, and in most cases should probably be solved with custom CSS instead.
nodeContentRenderer | any | Override the default component ([`NodeRendererDefault`](https://github.com/fritz-c/react-sortable-tree/blob/master/src/node-renderer-default.js)) for rendering nodes (but keep the scaffolding generator). This is a last resort for customization - most custom styling should be able to be solved with `generateNodeProps`, a `theme` or CSS rules. If you must use it, is best to copy the component in `node-renderer-default.js` to use as a base, and customize as needed.
placeholderRenderer | any | Override the default placeholder component ([`PlaceholderRendererDefault`](https://github.com/fritz-c/react-sortable-tree/blob/master/src/placeholder-renderer-default.js)) which is displayed when the tree is empty. This is an advanced option, and in most cases should probably be solved with a `theme` or custom CSS instead.

@@ -92,2 +93,12 @@ ## Data Helper Functions

## Themes
Using the `theme` prop along with an imported theme module, you can easily override the default appearance with another standard one.
### Featured themes
* File Explorer [Github](https://github.com/fritz-c/react-sortable-tree-theme-file-explorer) [NPM](https://www.npmjs.com/package/react-sortable-tree-theme-file-explorer)
*Help Wanted* As the themes feature has just been enabled, there are very few (only _one_ at the time of this writing) theme modules available. If you've customized the appearance of your tree to be especially cool or easy to use, I would be happy to feature it in this readme with a link to the Github repo and NPM page if you convert it to a theme. You can use my [file explorer theme repo](https://github.com/fritz-c/react-sortable-tree-theme-file-explorer) as a template to plug in your own stuff.
## Browser Compatibility

@@ -94,0 +105,0 @@

Sorry, the diff of this file is too big to display

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