New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

kuali-ui

Package Overview
Dependencies
Maintainers
1
Versions
87
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

kuali-ui - npm Package Compare versions

Comparing version 2.0.6 to 2.0.8

dist/index.js

55

package.json
{
"name": "kuali-ui",
"version": "2.0.6",
"license": "MIT",
"private": false,
"version": "2.0.8",
"description": "Boilerplate for creating React Npm packages with ES2015",
"repository": {
"type": "git",
"url": "https://github.com/KualiCo/kuali-ui.git"
},
"author": "Matt Newman",
"license": "MIT",
"bugs": {
"url": "https://github.com/KualiCo/kuali-ui/issues"
},
"homepage": "https://github.com/KualiCo/kuali-ui",
"keywords": [
"react-component",
"react"
],
"options": {
"mocha": "--require scripts/mocha_runner src/**/__tests__/**/*.js"
},
"scripts": {
"prepublish": "babel --plugins 'transform-es2015-modules-umd' src --ignore __tests__ --out-dir ./dist",
"lint": "eslint ./src",
"lintfix": "eslint ./src --fix",
"testonly": "mocha $npm_package_options_mocha",
"test": "npm run lint && npm run testonly",
"test-watch": "npm run testonly -- --watch --watch-extensions js"
},
"devDependencies": {
"babel-cli": "^6.6.4",
"babel-core": "^6.7.4",
"babel-eslint": "^6.0.2",
"babel-plugin-transform-es2015-modules-umd": "^6.6.5",
"babel-polyfill": "^6.7.4",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-2": "^6.5.0",
"chai": "^3.5.0",
"enzyme": "^2.2.0",
"eslint": "^2.7.0",
"eslint-plugin-babel": "^3.1.0",
"eslint-plugin-react": "^4.2.3",
"jsdom": "^8.1.0",
"mocha": "^2.4.5",
"nodemon": "^1.9.1",
"react-addons-test-utils": "^15.0.0",
"react": "^15.0.0",
"react-dom": "^15.0.0",
"sinon": "^1.17.3"
},
"peerDependencies": {
"react": "~0.14.8 || ^15.0.0",
"react-dom": "~0.14.8 || ^15.0.0"
},
"dependencies": {
"babel-runtime": "^6.6.1"
}
}

50

README.md

@@ -1,34 +0,28 @@

## Kuali UI
# Boilerplate for creating React Npm packages with ES2015
This is kuali-ui, which is shared components used in Kuali projects. It is based on material-ui, but with added styling, grid components, etc. for Kuali's uses.
The package is based on [npm-base](https://github.com/kadirahq/npm-base) package by [Kadira](https://github.com/kadirahq) which is really great when you want to prepare Npm package. This one is prepared to be used as a starter point for React components which needs to be published on Npm.
To use in your project do:
```
npm install kuali-ui --save
```
It includes linting with [ESLint](http://eslint.org/) and testing with [Mocha](https://mochajs.org/), [Enzyme](http://airbnb.io/enzyme/) and [JSDOM](https://github.com/tmpvar/jsdom).
Then
```
import {KualiTextField} from 'kuali-ui'
Also there is of course ES6 transpilation.
export default class App extends Component {
## Usage
constructor(props) {
super(props)
this.state = {
value: 3,
open: false
}
}
1. Clone this repo
2. Inside cloned repo run `npm install`
3. If you want to run tests: `npm test` or `npm run testonly` or `npm run test-watch`. You need to write tests in `__tests__` folder. You need at least Node 4 on your machine to run tests.
4. If you want to run linting: `npm test` or `npm run lint`. Fix bugs: `npm run lint-fix`. You can adjust your `.eslintrc` config file.
5. If you want to run transpilation to ES5 in `dist` folder: `npm run prepublish` (standard npm hook).
render() {
return (
<MuiThemeProvider>
<KualiTextField
floatingLabelText="Value"
floatingLabelFixed={false} />
</MuiThemeProvider>
)
}
}
```
## Blog post about it:
- [Creating React NPM packages with ES2015](http://julian.io/creating-react-npm-packages-with-es2015/)
## Also check out
- [React Alert UI component](https://github.com/juliancwirko/react-s-alert)
- [React project boilerplate with Webpack, HMR, React Router](https://github.com/juliancwirko/react-boilerplate)
## License
MIT

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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