Add more examples. Fix number type property

Add margin-top on TitleField

Fixes: #26

Author: agustin107

example/src/examples/alternatives/form-data.json

@@ -0,0 +1,6 @@
+{
+  "currentColor": "#00ff00",
+  "colorMask": ["#0000ff"],
+  "colorPalette": ["#ff0000"],
+  "blendMode": "screen"
+}

example/src/examples/alternatives/index.ts

@@ -0,0 +1,10 @@
+import schema from './schema.json';
+import uiSchema from './ui-schema.json';
+import formData from './form-data.json';
+
+export default {
+  title: 'Alternatives',
+  schema,
+  uiSchema,
+  formData,
+};

example/src/examples/alternatives/schema.json

@@ -0,0 +1,73 @@
+{
+  "definitions": {
+    "Color": {
+      "title": "Color",
+      "type": "string",
+      "anyOf": [
+        {
+          "type": "string",
+          "enum": ["#ff0000"],
+          "title": "Red"
+        },
+        {
+          "type": "string",
+          "enum": ["#00ff00"],
+          "title": "Green"
+        },
+        {
+          "type": "string",
+          "enum": ["#0000ff"],
+          "title": "Blue"
+        }
+      ]
+    },
+    "Toggle": {
+      "title": "Toggle",
+      "type": "boolean",
+      "oneOf": [
+        {
+          "title": "Enable",
+          "const": true
+        },
+        {
+          "title": "Disable",
+          "const": false
+        }
+      ]
+    }
+  },
+  "title": "Image editor",
+  "type": "object",
+  "required": ["currentColor", "colorMask", "blendMode"],
+  "properties": {
+    "currentColor": {
+      "$ref": "#/definitions/Color",
+      "title": "Brush color"
+    },
+    "colorMask": {
+      "type": "array",
+      "uniqueItems": true,
+      "items": {
+        "$ref": "#/definitions/Color"
+      },
+      "title": "Color mask"
+    },
+    "toggleMask": {
+      "title": "Apply color mask",
+      "$ref": "#/definitions/Toggle"
+    },
+    "colorPalette": {
+      "type": "array",
+      "title": "Color palette",
+      "items": {
+        "$ref": "#/definitions/Color"
+      }
+    },
+    "blendMode": {
+      "title": "Blend mode",
+      "type": "string",
+      "enum": ["screen", "multiply", "overlay"],
+      "enumNames": ["Screen", "Multiply", "Overlay"]
+    }
+  }
+}

example/src/examples/alternatives/ui-schema.json

@@ -0,0 +1,8 @@
+{
+  "blendMode": {
+    "ui:enumDisabled": ["multiply"]
+  },
+  "toggleMask": {
+    "ui:widget": "radio"
+  }
+}

example/src/examples/any-of/form-data.json

@@ -0,0 +1,3 @@
+{
+  "firstName": "Chuck"
+}

example/src/examples/any-of/index.ts

@@ -0,0 +1,10 @@
+import schema from './schema.json';
+import uiSchema from './ui-schema.json';
+import formData from './form-data.json';
+
+export default {
+  title: 'Any Of',
+  schema,
+  uiSchema,
+  formData,
+};

example/src/examples/any-of/schema.json

@@ -0,0 +1,56 @@
+{
+  "type": "object",
+  "properties": {
+    "age": {
+      "type": "integer",
+      "title": "Age"
+    },
+    "items": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "anyOf": [
+          {
+            "properties": {
+              "foo": {
+                "type": "string"
+              }
+            }
+          },
+          {
+            "properties": {
+              "bar": {
+                "type": "string"
+              }
+            }
+          }
+        ]
+      }
+    }
+  },
+  "anyOf": [
+    {
+      "title": "First method of identification",
+      "properties": {
+        "firstName": {
+          "type": "string",
+          "title": "First name",
+          "default": "Chuck"
+        },
+        "lastName": {
+          "type": "string",
+          "title": "Last name"
+        }
+      }
+    },
+    {
+      "title": "Second method of identification",
+      "properties": {
+        "idCode": {
+          "type": "string",
+          "title": "ID code"
+        }
+      }
+    }
+  ]
+}

example/src/examples/any-of/ui-schema.json

@@ -0,0 +1 @@
+{}

example/src/examples/custom-array/form-data.json

@@ -0,0 +1 @@
+["react", "jsonschema", "form"]

example/src/examples/custom-array/index.ts

@@ -0,0 +1,10 @@
+import schema from './schema.json';
+import uiSchema from './ui-schema.json';
+import formData from './form-data.json';
+
+export default {
+  title: 'Custom Array',
+  schema,
+  uiSchema,
+  formData,
+};