Merge pull request #4 from mozilla-services/fields-widgets

Fields & widgets

fixtures/ErrorList/index.js

@@ -0,0 +1,6 @@
+module.exports = {
+  errors: [
+    {stack: "error message 1"},
+    {stack: "error message 2"},
+  ]
+};

fixtures/Form/nested-formData.js

@@ -0,0 +1,47 @@
+module.exports = {
+  schema: {
+    title: "Todo Tasks",
+    description: "Tasks collection.",
+    type: "object",
+    additionalProperties: false,
+    required: [
+      "title", "tasks"
+    ],
+    properties: {
+      title: {
+        type: "string",
+        title: "Tasks list title",
+      },
+      tasks: {
+        type: "array",
+        title: "Tasks list",
+        items: {
+          type: "object",
+          properties: {
+            done: {
+              type: "boolean",
+              title: "Done?",
+              description: "Is that task done already?"
+            },
+            title: {
+              type: "string",
+              title: "Title",
+              description: "The task title.",
+              minLength: 1
+            }
+          }
+        }
+      }
+    }
+  },
+  formData: {
+    title: "My tasks",
+    tasks: [
+      {title: "Enjoying JSONSchema", done: true},
+      {title: "Enjoying React", done: true},
+      {title: "Enjoying react-jsonschema-form", done: false},
+    ]
+  },
+  onSubmit: console.log.bind(console, "submit"),
+  onError: console.log.bind(console, "errors")
+};

fixtures/Form/nested-index.js

@@ -0,0 +1,39 @@
+module.exports = {
+  schema: {
+    title: "Todo Tasks",
+    description: "Tasks collection.",
+    type: "object",
+    additionalProperties: false,
+    required: [
+      "title", "tasks"
+    ],
+    properties: {
+      title: {
+        type: "string",
+        title: "Tasks list title",
+      },
+      tasks: {
+        type: "array",
+        title: "Tasks list",
+        items: {
+          type: "object",
+          properties: {
+            done: {
+              type: "boolean",
+              title: "Done?",
+              description: "Is that task done already?"
+            },
+            title: {
+              type: "string",
+              title: "Title",
+              description: "The task title.",
+              minLength: 1
+            }
+          }
+        }
+      }
+    }
+  },
+  onSubmit: console.log.bind(console, "submit"),
+  onError: console.log.bind(console, "errors")
+};

fixtures/Form/with-form-data.js → fixtures/Form/simple-formData.js

@@ -24,5 +24,7 @@ module.exports = {
   formData: {
     title: "My task",
     done: true
-  }
+  },
+  onSubmit: console.log.bind(console, "submit"),
+  onError: console.log.bind(console, "errors")
 };

fixtures/Form/index.js → fixtures/Form/simple-index.js

@@ -22,5 +22,7 @@ module.exports = {
         default: "default value"
       }
     }
-  }
+  },
+  onSubmit: console.log.bind(console, "submit"),
+  onError: console.log.bind(console, "errors")
 };

fixtures/Form/no-default.js → fixtures/Form/simple-nodefault.js

@@ -20,5 +20,7 @@ module.exports = {
         minLength: 1
       }
     }
-  }
+  },
+  onSubmit: console.log.bind(console, "submit"),
+  onError: console.log.bind(console, "errors")
 };

fixtures/fields/ArrayField/index.js

@@ -0,0 +1,11 @@
+module.exports = {
+  schema: {
+    type: "array",
+    title: "title",
+    items: {
+      type: "string",
+      title: "item"
+    }
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/ArrayField/with-default.js

@@ -0,0 +1,12 @@
+module.exports = {
+  schema: {
+    type: "array",
+    title: "title",
+    default: ["default1", "default2"],
+    items: {
+      type: "string",
+      title: "item"
+    }
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/ArrayField/with-formData.js

@@ -0,0 +1,12 @@
+module.exports = {
+  schema: {
+    type: "array",
+    title: "title",
+    items: {
+      type: "string",
+      title: "item"
+    }
+  },
+  formData: ["item1", "item2"],
+  onChange: console.log.bind(console)
+};

fixtures/fields/BooleanField/index.js

@@ -0,0 +1,7 @@
+module.exports = {
+  schema: {
+    type: "boolean",
+    title: "My boolean",
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/BooleanField/with-default.js

@@ -0,0 +1,8 @@
+module.exports = {
+  schema: {
+    type: "boolean",
+    title: "My boolean",
+    default: true,
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/BooleanField/with-formData.js

@@ -0,0 +1,8 @@
+module.exports = {
+  schema: {
+    type: "boolean",
+    title: "My boolean",
+  },
+  formData: true,
+  onChange: console.log.bind(console)
+};

fixtures/fields/ObjectField/index.js

@@ -0,0 +1,17 @@
+module.exports = {
+  schema: {
+    type: "object",
+    title: "object title",
+    properties: {
+      string: {
+        type: "string",
+        title: "string"
+      },
+      bool: {
+        type: "boolean",
+        title: "bool"
+      }
+    }
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/ObjectField/with-default.js

@@ -0,0 +1,21 @@
+module.exports = {
+  schema: {
+    type: "object",
+    title: "object title",
+    default: {
+      string: "a default string",
+      bool: true
+    },
+    properties: {
+      string: {
+        type: "string",
+        title: "string"
+      },
+      bool: {
+        type: "boolean",
+        title: "bool"
+      }
+    }
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/ObjectField/with-formData.js

@@ -0,0 +1,21 @@
+module.exports = {
+  schema: {
+    type: "object",
+    title: "object title",
+    properties: {
+      string: {
+        type: "string",
+        title: "string"
+      },
+      bool: {
+        type: "boolean",
+        title: "bool"
+      }
+    }
+  },
+  formData: {
+    string: "an existing string",
+    bool: true
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/SchemaField/array.js

@@ -0,0 +1,11 @@
+module.exports = {
+  schema: {
+    type: "array",
+    title: "title",
+    items: {
+      type: "string",
+      title: "item"
+    }
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/SchemaField/boolean.js

@@ -0,0 +1,7 @@
+module.exports = {
+  schema: {
+    type: "boolean",
+    title: "My boolean",
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/SchemaField/date-time.js

@@ -0,0 +1,6 @@
+module.exports = {
+  schema: {
+    type: "date-time",
+    title: "date-time"
+  }
+};

fixtures/fields/SchemaField/number.js

@@ -0,0 +1,6 @@
+module.exports = {
+  schema: {
+    type: "number",
+    title: "number"
+  }
+};

fixtures/fields/SchemaField/object.js

@@ -0,0 +1,17 @@
+module.exports = {
+  schema: {
+    type: "object",
+    title: "object title",
+    properties: {
+      string: {
+        type: "string",
+        title: "string"
+      },
+      bool: {
+        type: "boolean",
+        title: "bool"
+      }
+    }
+  },
+  onChange: console.log.bind(console)
+};

fixtures/fields/SchemaField/string.js

@@ -0,0 +1,6 @@
+module.exports = {
+  schema: {
+    type: "string",
+    title: "string"
+  }
+};

fixtures/fields/StringField/index.js

@@ -0,0 +1,6 @@
+module.exports = {
+  schema: {
+    type: "string",
+    title: "string"
+  }
+};

fixtures/fields/StringField/with-default.js

@@ -0,0 +1,7 @@
+module.exports = {
+  schema: {
+    type: "string",
+    title: "string",
+    default: "a default string"
+  }
+};

fixtures/fields/StringField/with-formData.js

@@ -0,0 +1,7 @@
+module.exports = {
+  schema: {
+    type: "string",
+    title: "string",
+  },
+  formData: "an existing string"
+};

fixtures/fields/UnsupportedField/index.js

@@ -0,0 +1,6 @@
+module.exports = {
+  schema: {
+    type: "non-existent",
+    title: "blah"
+  }
+};

fixtures/widgets/CheckboxWidget/index.js

@@ -0,0 +1,5 @@
+module.exports = {
+  type: "boolean",
+  label: "foo",
+  onChange: console.log.bind(console)
+};

fixtures/widgets/RadioWidget/index.js

@@ -0,0 +1,7 @@
+module.exports = {
+  type: "string",
+  label: "foo",
+  defaultValue: "b",
+  options: ["a", "b"],
+  onChange: console.log.bind(console)
+};

fixtures/widgets/SelectWidget/index.js

@@ -0,0 +1,6 @@
+module.exports = {
+  type: "string",
+  label: "foo",
+  options: ["foo", "bar", "baz"],
+  onChange: console.log.bind(console)
+};

fixtures/widgets/TextWidget/index.js

@@ -0,0 +1,6 @@
+module.exports = {
+  type: "string",
+  label: "foo",
+  value: "plop",
+  onChange: console.log.bind(console)
+};

fixtures/widgets/Wrapper/index.js

@@ -0,0 +1,8 @@
+var React = require("react");
+
+module.exports = {
+  type: "string",
+  label: "foo",
+  required: true,
+  children: React.createElement("div", {}, "content")
+};

package.json

@@ -3,7 +3,9 @@
   "version": "0.2.0",
   "description": "A simple React component capable of building HTML forms out of a JSON schema.",
   "scripts": {
-    "dist": "babel -d lib/ src/ && rimraf dist && webpack --config webpack.config.dist.js --optimize-minimize",
+    "build:lib": "rimraf lib && babel -d lib/ src/",
+    "build:dist": "rimraf dist && webpack --config webpack.config.dist.js --optimize-minimize",
+    "dist": "npm run build:lib && npm run build:dist",
     "lint": "eslint src test",
     "publish": "npm run dist && npm publish",
     "start": "node devServer.js",