@worksafevictoria/wcl7.5 1.1.0-beta.8 → 1.1.0-beta.80

package/src/components/SubComponents/FormInstance/stories/mocks/textfield.json

@@ -0,0 +1,66 @@
+{
+  "textfield1": {
+    "#type": "textfield",
+    "#title": "Title text",
+    "#description": {
+      "#theme": "webform_html_editor_markup",
+      "#markup": "Description text"
+    },
+    "#more_title": "More Title",
+    "#more": {
+      "#theme": "webform_html_editor_markup",
+      "#markup": "More Description"
+    },
+    "#description_display": "before",
+    "#placeholder": "placeholderx",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--t18",
+    "#webform_key": "t18",
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#admin_title": "Title text",
+    "#webform_plugin_id": "textfield",
+    "#maxlength": 255,
+    "#webform_submission": null,
+    "#access": true,
+    "#_webform_access": true,
+    "#input": true,
+    "#size": 60,
+    "#autocomplete_route_name": false,
+    "#weight": 0,
+    "#processed": true,
+    "#required": false,
+    "#title_display": "before",
+    "#errors": null,
+    "#id": "edit-t18",
+    "#name": "t18",
+    "#value": "",
+    "#ajax_processed": false,
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "textfield2": {
+    "#type": "textfield",
+    "#title": "textfield with pattern ab+c",
+    "#pattern": "ab+c",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textfield_regex_abc",
+    "#webform_key": "textfield_regex_abc",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#_webform_states": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#input": true,
+    "#weight": 0.003,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield-regex-abc",
+    "#name": "textfield_regex_abc",
+    "#value": ""
+  }
+}

package/src/components/SubComponents/FormInstance/stories/mocks/time.json

@@ -0,0 +1,20 @@
+{
+  "c1": {
+    "#type": "webform_time",
+    "#title": "time1",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--time1",
+    "#webform_key": "time1",
+    "#time_format": "H:i",
+    "#webform_element": true,
+    "#input": true,
+    "#timepicker": false,
+    "#maxlength": 12,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-time1",
+    "#name": "time1",
+    "#value": ""
+  }
+}

package/src/components/SubComponents/FormInstance/stories/mocks/token.json

@@ -0,0 +1,260 @@
+{
+  "p1": {
+    "#type": "webform_wizard_page",
+    "#webform_plugin_id": "webform_wizard_page",
+    "#title": "TOKEN ON NEXT PAGE",
+    "full_name": {
+      "#type": "textfield",
+      "#title": "first name",
+      "#required": true,
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--full_name",
+      "#webform_key": "full_name",
+      "#maxlength": 255,
+      "#webform_element": true,
+      "#input": true,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#id": "edit-full-name",
+      "#name": "full_name",
+      "#value": ""
+    },
+    "checkbox1": {
+      "#type": "checkbox",
+      "#title": "is coming?",
+      "#prepopulate": true,
+      "#default_value": true,
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--checkbox1",
+      "#webform_key": "checkbox1",
+      "#webform_element": true,
+      "#input": true,
+      "#return_value": 1,
+      "#title_display": "after",
+      "#required": false,
+      "#description_display": "after",
+      "#id": "edit-checkbox1",
+      "#name": "checkbox1",
+      "#value": true,
+      "#checked": true
+    },
+    "container": {
+      "#type": "webform_section",
+      "#title": "Address Section",
+      "container_textbox": {
+        "#type": "textfield",
+        "#title": "Where do you live?",
+        "#webform": "kitchen_sink_formio_v1",
+        "#webform_id": "kitchen_sink_formio_v1--container_textbox",
+        "#webform_key": "container_textbox",
+        "#maxlength": 255,
+        "#webform_element": true,
+        "#input": true,
+        "#required": false,
+        "#title_display": "before",
+        "#description_display": "after",
+        "#id": "edit-container-textbox",
+        "#name": "container_textbox",
+        "#value": ""
+      },
+      "tx1": {
+        "#type": "webform_multiple",
+        "#title": "Enter dependents?",
+        "#multiple": 3,
+        "#webform": "kitchen_sink_formio_v1",
+        "#webform_id": "kitchen_sink_formio_v1--tx1",
+        "#webform_key": "tx1",
+        "#webform_parent_key": "",
+        "#webform_parent_flexbox": false,
+        "#webform_depth": 0,
+        "#webform_multiple": true,
+        "#webform_composite": false,
+        "#admin_title": "tx1",
+        "#webform_plugin_id": "textfield",
+        "#webform_submission": null,
+        "#access": true,
+        "#webform_element": true,
+        "#element": {
+          "#type": "textfield",
+          "#title": "Child",
+          "#webform": "kitchen_sink_formio_v1",
+          "#webform_id": "kitchen_sink_formio_v1--tx1",
+          "#webform_key": "tx1",
+          "#webform_parent_key": "",
+          "#webform_parent_flexbox": false,
+          "#webform_depth": 0,
+          "#webform_multiple": 3,
+          "#webform_composite": false,
+          "#admin_title": "tx1",
+          "#webform_plugin_id": "textfield",
+          "#maxlength": 255,
+          "#webform_submission": null,
+          "#webform_element": true
+        },
+        "#cardinality": 3,
+        "#header_label": "",
+        "#min_items": 0,
+        "#empty_items": 1,
+        "#add_more": true,
+        "#add_more_items": 1,
+        "#add_more_button_label": "Add",
+        "#add_more_input": true,
+        "#add_more_input_label": "more items",
+        "#item_label": "item",
+        "#no_items_message": "No items entered. Please add items below.",
+        "#sorting": true,
+        "#operations": true,
+        "#add": true,
+        "#remove": true,
+        "#_webform_access": true,
+        "#input": true,
+        "#key": null,
+        "#header": null,
+        "#markup": "",
+        "#defaults_loaded": true,
+        "#tree": true,
+        "#weight": 0.0030000000000000001,
+        "#processed": true,
+        "#required": false,
+        "#title_display": "before",
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-tx1",
+        "#name": "tx1",
+        "#value": {
+          "content": "[]",
+          "headers": {
+            "Content-Type": "application/json; type="
+          }
+        },
+        "#prefix": "\u003Cdiv id=\u0022tx1_table\u0022\u003E",
+        "#suffix": "\u003C/div\u003E",
+        "#ajax_prefix": "\u003Cdiv id=\u0022tx1_table\u0022\u003E",
+        "#ajax_suffix": "\u003C/div\u003E",
+        "#child_keys": {
+          "content": "[]",
+          "headers": {
+            "Content-Type": "application/json; type="
+          }
+        },
+        "add": {
+          "#prefix": "\u003Cdiv class=\u0022webform-multiple-add js-webform-multiple-add container-inline\u0022\u003E",
+          "#suffix": "\u003C/div\u003E",
+          "submit": {
+            "#type": "submit",
+            "#value": "Add",
+            "#name": "tx1_table_add",
+            "#executes_submit_callback": true,
+            "#input": true,
+            "#is_button": true,
+            "#defaults_loaded": true,
+            "#tree": true,
+            "#weight": 0,
+            "#processed": true,
+            "#required": false,
+            "#title_display": "before",
+            "#description_display": "after",
+            "#errors": null,
+            "#id": "edit-tx1-add-submit",
+            "#ajax_processed": true,
+            "#sorted": true
+          },
+          "more_items": {
+            "#type": "number",
+            "#title": "Add more items",
+            "#title_display": "invisible",
+            "#min": 1,
+            "#max": 2,
+            "#default_value": 1,
+            "#field_suffix": "more items",
+            "#error_no_message": true,
+            "#access": true,
+            "#input": true,
+            "#step": 1,
+            "#defaults_loaded": true,
+            "#tree": true,
+            "#weight": 0.001,
+            "#processed": true,
+            "#required": false,
+            "#description_display": "after",
+            "#errors": null,
+            "#id": "edit-tx1-add-more-items",
+            "#name": "tx1[add][more_items]",
+            "#value": 1,
+            "#ajax_processed": false,
+            "#sorted": true
+          },
+          "#tree": true,
+          "#weight": 0.001,
+          "#processed": false,
+          "#required": false,
+          "#title_display": "before",
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-tx1-add",
+          "#sorted": true
+        },
+        "#sorted": true,
+        "#after_build_done": true
+      },
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--container",
+      "#webform_key": "container",
+      "#webform_element": true,
+      "#title_tag": "h2",
+      "#value": null,
+      "#description_display": "before",
+      "#required": false,
+      "#title_display": "before",
+      "#id": "edit-container"
+    }
+  },
+  "p2": {
+    "#type": "webform_wizard_page",
+    "#webform_plugin_id": "webform_wizard_page",
+    "#title": "Review",
+    "tokens": {
+      "#type": "item",
+      "#title": "You Entered",
+      "#webform_plugin_id": "webform_computed_token",
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--tokens",
+      "#webform_key": "tokens",
+      "#webform_element": true,
+      "#input": true,
+      "#template": "",
+      "#mode": null,
+      "#hide_empty": false,
+      "#ajax": false,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#id": "edit-tokens",
+      "#name": "tokens",
+      "#value": "",
+      "value": {
+        "#markup": "",
+        "#required": false,
+        "#title_display": "before",
+        "#description_display": "after",
+        "#id": "edit-tokens-value"
+      },
+      "hidden": {
+        "#type": "hidden",
+        "#value": {
+          "#markup": ""
+        },
+        "#input": true,
+        "#required": false,
+        "#title_display": "before",
+        "#description_display": "after",
+        "#id": "edit-tokens--2",
+        "#name": "tokens"
+      }
+    }
+  },
+  "#required": false,
+  "#title_display": "before",
+  "#description_display": "after",
+  "#id": "edit-elements"
+}

package/src/components/SubComponents/FormInstance/stories/mocks/twig.json

@@ -0,0 +1,154 @@
+{
+  "n1": {
+    "#type": "number",
+    "#default_value": 2,
+    "#title": "n1",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--n1",
+    "#webform_key": "n1",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#admin_title": "n1",
+    "#webform_plugin_id": "number",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#step": "any",
+    "#_webform_access": true,
+    "#input": true,
+    "#theme": "input__number",
+    "#defaults_loaded": true,
+    "#tree": false,
+    "#weight": 0,
+    "#processed": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-n1",
+    "#name": "n1",
+    "#value": "",
+    "#ajax_processed": false,
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "n2": {
+    "#type": "number",
+    "#default_value": 3,
+    "#title": "n2",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--n2",
+    "#webform_key": "n2",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#admin_title": "n2",
+    "#webform_plugin_id": "number",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#_webform_access": true,
+    "#input": true,
+    "#theme": "input__number",
+    "#defaults_loaded": true,
+    "#tree": false,
+    "#weight": 0.001,
+    "#processed": true,
+    "#required": false,
+    "#attributes": {
+      "data-drupal-selector": "edit-n2"
+    },
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-n2",
+    "#name": "n2",
+    "#value": "",
+    "#ajax_processed": false,
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "twig1": {
+    "#type": "item",
+    "#title": "Twig with template {{( data.n2 + data.n1 )}}",
+    "#template": "the sum of two numbers is {{( data.n2 + data.n1 )}}",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--twig1",
+    "#webform_key": "twig1",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#admin_title": "Sum",
+    "#webform_plugin_id": "webform_computed_twig",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#whitespace": "",
+    "#weight": 0.002,
+    "#processed": true,
+    "#required": false,
+    "#attributes": {
+      "data-drupal-selector": "edit-twig1"
+    },
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-twig1",
+    "#name": "twig1",
+    "#value": "",
+    "value": {
+      "#markup": "0",
+      "#weight": 0,
+      "#processed": false,
+      "#required": false,
+      "#attributes": {
+        "data-drupal-selector": "edit-twig1-value"
+      },
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-twig1-value",
+      "#sorted": true
+    },
+    "hidden": {
+      "#type": "hidden",
+      "#value": {
+        "#markup": "0"
+      },
+      "#input": true,
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.001,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-twig1--2",
+      "#name": "twig1",
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "#tree": false,
+  "#weight": 0.001,
+  "#processed": false,
+  "#required": false,
+  "#attributes": {
+    "data-drupal-selector": "edit-elements"
+  },
+  "#title_display": "before",
+  "#description_display": "after",
+  "#errors": null,
+  "#id": "edit-elements",
+  "#sorted": true
+}

package/src/components/SubComponents/FormInstance/stories/mocks/url.json

@@ -0,0 +1,18 @@
+{
+  "c1": {
+    "#type": "url",
+    "#title": "url1",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--url1",
+    "#webform_key": "url1",
+    "#webform_element": true,
+    "#input": true,
+    "#maxlength": 255,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-url1",
+    "#name": "url1",
+    "#value": ""
+  }
+}

package/src/components/SubComponents/FormInstance/stories/mocks/value.json

@@ -0,0 +1,17 @@
+{
+  "c1": {
+    "#type": "value",
+    "#title": "value1",
+    "#value": "<h1>Heading h1</h1> <p>test</p>",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--value1",
+    "#webform_key": "value1",
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-value1",
+    "#name": "value1"
+  }
+}