https://github.com/zeroasterisk/react-eltoro-revip-rules
UI ElToro Revip Rules Component
https://github.com/zeroasterisk/react-eltoro-revip-rules
Last synced: about 1 year ago
JSON representation
UI ElToro Revip Rules Component
- Host: GitHub
- URL: https://github.com/zeroasterisk/react-eltoro-revip-rules
- Owner: zeroasterisk
- License: mit
- Created: 2017-07-20T15:55:48.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-11-09T14:29:07.000Z (over 8 years ago)
- Last Synced: 2025-05-24T04:20:05.316Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://zeroasterisk.github.io/react-eltoro-revip-rules
- Size: 521 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# UI ElToro RevIp Rules Component
This is a [Uniforms](https://github.com/vazco/uniforms/) React Component.
### Features
- [x] infinite nesting capabilities for `and`, `or`, and `none` sets
- [x] each "node" which is not a set supports `term` or `regex` and `max` and `min`
- [x] expand / collapse functionality, per set and total
- [x] read only, collapsed UI
- [ ] bulk edit set (basically YAML support)
### Demo
See a demo at
https://zeroasterisk.github.io/react-eltoro-revip-rules
Run yourself by:
```
npm i
npm run storybook
```
Then see it at http://localhost:9010/
### Usage
```
# install peer dependancies
npm i --save react prop-types uniforms uniforms-bootstrap4 react-number-editor lodash classnames
# install package
npm i --save ui-eltoro-revip-rules
```
```jsx
import React from 'react';
import AutoForm from 'uniforms-bootstrap4/AutoForm';
import ErrorsField from 'uniforms-bootstrap4/ErrorsField';
import SubmitField from 'uniforms-bootstrap4/SubmitField';
import RevIpRules from 'ui-eltoro-revip-rules';
const MyComponent = () => (
);
```
For more information on usage, see [stories](./src/stories/index.js)
### History / Changelog
#### 0.0.3 Term/Regex only, max/min as Numbers
- no longer store `useRegex` - now just switch `term` and `regex` values (clear other, to `null`)
- now verifying that `max` and `min` values are numbers (including `0`)
#### 0.0.2 Minor Cleanup
#### 0.0.1 Initial Release
### TODO - Extend - Abstract Nesting
The infinite nesting capabilities for `and`, `or`, and `none` sets is a compelling feature.
It is likely that we could take "that" and abstract away the "node" to a generic component,
at which point, the set handling becomes a HOC wrapper for whatever you want to edit, in a nested structure.