ui-eltoro-revip-rules

UI ElToro RevIp Rules Component

This is a Uniforms React Component.

Features

• infinite nesting capabilities for and, or, and none sets
• each "node" which is not a set supports term or regex and max and min
• expand / collapse functionality, per set and total
• 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

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 = () => (
  <AutoForm schema={schema} model={model} onSubmit={console.log}>
    <RevIpRules name="conf.revIpRules.ruleSetAnd" />
    <ErrorsField />
    <SubmitField />
  </AutoForm>
);

For more information on usage, see stories

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.