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

react-column-view

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-column-view - npm Package Compare versions

Comparing version 0.0.1-alpha.3 to 0.1.0

src/index.d.ts

103

package.json
{
"name": "react-column-view",
"version": "0.0.1-alpha.3",
"license": "MIT",
"main": "dist/index.js",
"typings": "dist/index.d.ts",
"files": [
"dist",
"src"
],
"description": "A React hooks library for creating a customizable column/tree view explorer component",
"keywords": [
"react",
"tree",
"file",
"structre",
"explorer",
"column-view",
"view"
],
"homepage": "https://github.com/riccardocaranfil/react-column-view",
"bugs": "https://github.com/riccardocaranfil/react-column-view/issues",
"repository": {
"url": "https://github.com/riccardocaranfil/react-column-view",
"type": "git"
},
"author": "Riccardo Caranfil <riccardo.caranfil@gmail.com>",
"engines": {
"node": ">=10"
},
"scripts": {
"start": "tsdx watch",
"build": "tsdx build",
"test": "tsdx test --passWithNoTests",
"lint": "tsdx lint",
"prepare": "tsdx build",
"size": "size-limit",
"analyze": "size-limit --why"
},
"peerDependencies": {
"react": ">=17.0.1",
"react-dom": ">=17.0.1"
},
"module": "dist/react-column-view.esm.js",
"size-limit": [
{
"path": "dist/react-column-view.cjs.production.min.js",
"limit": "10 KB"
},
{
"path": "dist/react-column-view.esm.js",
"limit": "10 KB"
}
],
"dependencies": {
"classnames": "^2.3.1",
"lodash": "^4.17.21",
"lodash-es": "^4.17.21",
"uuid": "^8.3.2"
},
"devDependencies": {
"@commitlint/cli": "^11.0.0",
"@commitlint/config-conventional": "^11.0.0",
"@size-limit/preset-small-lib": "^4.10.2",
"@types/lodash": "^4.14.169",
"@types/react": "^17.0.5",
"@types/react-dom": "^17.0.4",
"@types/uuid": "^8.3.0",
"husky": "^4.3.0",
"lint-staged": "^10.4.2",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"size-limit": "^4.10.2",
"tsdx": "^0.14.1",
"tslib": "^2.2.0",
"typescript": "^4.2.4"
},
"lint-staged": {
"*.{ts,tsx,js,jsx,json,css,html,md,yml}": [
"prettier --write"
]
},
"husky": {
"hooks": {
"pre-commit": "lint-staged",
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
}
"name": "react-column-view",
"version": "0.1.0",
"type": "commonjs",
"dependencies": {
"invariant": "2.2.4",
"lodash": "4.17.21",
"react": "18.2.0",
"uuid": "9.0.0"
},
"peerDependencies": {
"@swc/helpers": "0.4.14"
},
"main": "./src/index.js",
"exports": {
".": {
"require": "./src/index.js"
}
}
}

@@ -1,31 +0,11 @@

# React Column View
# react-column-view
Hooks for **easily** creating column views / file system trees in React
This library was generated with [Nx](https://nx.dev).
## Getting started
## Building
### Demo
Run `nx build react-column-view` to build the library.
Check out the main [demo](https://reactcolumnviewexample.netlify.app/) and the [development demo](reactcolumnviewexample-dev.netlify.app)
## Running unit tests
### Installing
Install using `yarn` running
yarn add react-column-view
Or with `npm` running
npm install react-column-view
### Usage
Use the main hook in this way
const { insert, root, path } = useColumnView();
## :warning: Contributing
The library is currently under development, so feel free to join the project.
**Let's code!**
Run `nx test react-column-view` to execute the unit tests via [Jest](https://jestjs.io).
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