Add notice renderer

Author: styczynski

src/renderers/StringNotice.tsx

@@ -0,0 +1,31 @@
+import * as React from "react";
+
+import { SimpleNode } from "@blinkforms/core/simpleNodes";
+
+import {
+    FormContext,
+    NodeError,
+    NodeStringSchema,
+} from "@blinkforms/core/schemaTypes";
+
+export default class StringNotice extends SimpleNode<string, NodeStringSchema> {
+    getInitialValue() {
+        return "null";
+    }
+
+    isOutputAvailable(): boolean {
+        return false;
+    }
+
+    validateCustom(): Array<NodeError> {
+        return [];
+    }
+
+    renderSimple(value: string, context: FormContext) {
+        return (
+            <div>
+                {this.getSchema().value}
+            </div>
+        );
+    }
+}

src/renderers/defaultReactHandlerProvider.tsx

@@ -1,5 +1,7 @@
 import ObjectDefault from "./ObjectDefault";
+
 import StringDefault from "./StringDefault";
+import StringNotice from "./StringNotice";
 
 import ArrayDefault from "./ArrayDefault";
 import ArrayTuple from "./ArrayTuple";
@@ -10,6 +12,7 @@ export default {
     },
     STRING: {
         default: StringDefault,
+        notice: StringNotice,
     },
     OBJECT: {
         default: ObjectDefault,

stories/basicForm.stories.js

@@ -26,6 +26,11 @@ storiesOf('Basic form', module)
                     title: "Your last name",
                     minLength: 3,
                 },
+                "notice": {
+                    type: "string",
+                    ui: "notice",
+                    value: "Hello!",
+                },
                 "array": {
                     type: "array",
                     ui: "tuple",