react-jsonschema-form-conditionals example

react-jsonschema-form-conditionals-example.js

import Engine from "json-rules-engine-simplified";

const conf = {
  schema: {
    type: "object",
    properties: {
      general: {
        type: "object",
        properties: {
          a: {
            type: "boolean",
            title: "A",
          },
          aDescription: {
            type: "string",
            title: "Description of A (if a true)",
          },
        },
      },
    },
  },
  uiSchema: {
    general: {
      "ui:order": ["a", "aDescription"],
    },
  },
  formData: {
    a: "adming",
    heightMeasure: "cms",
    weight: 117,
    weightMeasure: "Kgs",
  },
  rules: [
    {
      conditions: {
        or: [
          {
            "general.a": { is: null },
          },
          {
            "general.a": { is: undefined },
          },
          {
            "general.a": { is: false }
          }
        ]
      },
      event: {
        type: "remove",
        params: {
          field: ["general.aDescription"],
        },
      },
    },
  ],
  rulesEngine: Engine,
};

export default conf;