@worksafevictoria/wcl7.5 1.1.0-beta.4 → 1.1.0-beta.40

package/src/components/SubComponents/FormInstance/stories/mocks/table-select.json

@@ -0,0 +1,472 @@
+{
+  "rer": {
+    "#type": "tableselect",
+    "#title": "Single Select",
+    "#multiple": false,
+    "#title_display": "before",
+    "#options": {
+      "test 2": [
+        {
+          "value": "test 2"
+        }
+      ],
+      "test1": [
+        {
+          "value": "test1"
+        }
+      ]
+    },
+    "#webform": "test",
+    "#webform_id": "test--rer",
+    "#webform_key": "rer",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_children": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#webform_parents": ["rer"],
+    "#admin_title": "Single Select",
+    "#webform_plugin_id": "tableselect",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#element_validate": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#attributes": {
+      "data-drupal-selector": "edit-rer",
+      "multiple": false
+    },
+    "#header": [""],
+    "#theme_wrappers": ["form_element"],
+    "#label_attributes": {
+      "webform-remove-for-attribute": true
+    },
+    "#_webform_access": true,
+    "#_webform_states": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#input": true,
+    "#js_select": false,
+    "#responsive": true,
+    "#sticky": false,
+    "#empty": "",
+    "#theme": "table__tableselect",
+    "#defaults_loaded": true,
+    "#tree": true,
+    "#parents": ["rer"],
+    "#array_parents": ["elements", "rer"],
+    "#weight": 0,
+    "#processed": true,
+    "#required": false,
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-rer",
+    "#name": "rer",
+    "#value": "",
+    "#default_value": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "test 2": {
+      "#type": "radio",
+      "#title": "test 2",
+      "#return_value": "test 2",
+      "#default_value": null,
+      "#attributes": {
+        "class": ["tableselect"],
+        "data-drupal-selector": "edit-rer-test-2"
+      },
+      "#parents": ["rer"],
+      "#id": "edit-rer-test-2",
+      "#ajax": null,
+      "#title_display": "invisible",
+      "#error_no_message": true,
+      "#input": true,
+      "#theme": "input__radio",
+      "#theme_wrappers": ["form_element"],
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#array_parents": ["elements", "rer", "test 2"],
+      "#weight": 0,
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#name": "rer",
+      "#value": "",
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "test1": {
+      "#type": "radio",
+      "#title": "test1",
+      "#return_value": "test1",
+      "#default_value": null,
+      "#attributes": {
+        "class": ["tableselect"],
+        "data-drupal-selector": "edit-rer-test1"
+      },
+      "#parents": ["rer"],
+      "#id": "edit-rer-test1",
+      "#ajax": null,
+      "#title_display": "invisible",
+      "#error_no_message": true,
+      "#input": true,
+      "#theme": "input__radio",
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.001,
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#name": "rer",
+      "#value": "",
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "rer2": {
+    "#type": "tableselect",
+    "#title": "Multi-Select",
+    "#title_display": "before",
+    "#options": {
+      "test 2": [
+        {
+          "value": "Allows the end user to enter rich text such as headings, paragraphs and bolding. Submits it as HTML and which then can be sent in a submission email"
+        }
+      ],
+      "test1": [
+        {
+          "value": "test1"
+        }
+      ]
+    },
+    "#webform": "test",
+    "#webform_id": "test--rer2",
+    "#webform_key": "rer2",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_children": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#webform_multiple": true,
+    "#webform_composite": false,
+    "#webform_parents": ["rer2"],
+    "#admin_title": "Multi-Select",
+    "#webform_plugin_id": "tableselect",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#attributes": {
+      "class": ["tableselect", "webform-tableselect", "js-webform-tableselect"],
+      "data-drupal-selector": "edit-rer2",
+      "multiple": true
+    },
+    "#_webform_access": true,
+    "#_webform_states": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#input": true,
+    "#js_select": true,
+    "#multiple": true,
+    "#responsive": true,
+    "#sticky": false,
+    "#empty": "",
+    "#theme": "table__tableselect",
+    "#defaults_loaded": true,
+    "#tree": true,
+    "#weight": 0.001,
+    "#processed": true,
+    "#required": false,
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-rer2",
+    "#name": "rer2",
+    "#default_value": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#value": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "test 2": {
+      "#type": "checkbox",
+      "#title": "Allows the end user to enter rich text such as headings, paragraphs and bolding. Submits it as HTML and which then can be sent in a submission email",
+      "#title_display": "invisible",
+      "#return_value": "test 2",
+      "#default_value": null,
+      "#attributes": {
+        "class": ["tableselect"],
+        "data-drupal-selector": "edit-rer2-test-2"
+      },
+      "#ajax": null,
+      "#error_no_message": true,
+      "#input": true,
+      "#theme": "input__checkbox",
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0,
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-rer2-test-2",
+      "#name": "rer2[test 2]",
+      "#value": 0,
+      "#checked": false,
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "test1": {
+      "#type": "checkbox",
+      "#title": "test1",
+      "#title_display": "invisible",
+      "#return_value": "test1",
+      "#default_value": null,
+      "#attributes": {
+        "class": ["tableselect"],
+        "data-drupal-selector": "edit-rer2-test1"
+      },
+      "#ajax": null,
+      "#error_no_message": true,
+      "#input": true,
+      "#theme": "input__checkbox",
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.001,
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-rer2-test1",
+      "#name": "rer2[test1]",
+      "#value": 0,
+      "#checked": false,
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "lim": {
+    "#type": "tableselect",
+    "#title": "Select only 2",
+    "#multiple": 2,
+    "#title_display": "before",
+    "#options": {
+      "test 2": [
+        {
+          "value": "Allows the end user to enter rich text such as headings, paragraphs and bolding. Submits it as HTML and which then can be sent in a submission email"
+        }
+      ],
+      "test1": [
+        {
+          "value": "test1"
+        }
+      ],
+      "aaa": [
+        {
+          "value": "aaa dddd"
+        }
+      ]
+    },
+    "#webform": "test",
+    "#webform_id": "test--lim",
+    "#webform_key": "lim",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": 2,
+    "#webform_composite": false,
+    "#admin_title": "Select only 2",
+    "#webform_plugin_id": "tableselect",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#label_attributes": {
+      "webform-remove-for-attribute": true
+    },
+    "#_webform_access": true,
+    "#_webform_states": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#input": true,
+    "#js_select": true,
+    "#responsive": true,
+    "#sticky": false,
+    "#empty": "",
+    "#theme": "table__tableselect",
+    "#defaults_loaded": true,
+    "#tree": true,
+    "#weight": 0.002,
+    "#processed": true,
+    "#required": false,
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-lim",
+    "#name": "lim",
+    "#default_value": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#value": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "test 2": {
+      "#type": "checkbox",
+      "#title": "Allows the end user to enter rich text such as headings, paragraphs and bolding. Submits it as HTML and which then can be sent in a submission email",
+      "#title_display": "invisible",
+      "#return_value": "test 2",
+      "#default_value": null,
+      "#attributes": {
+        "class": ["tableselect"],
+        "data-drupal-selector": "edit-lim-test-2"
+      },
+      "#ajax": null,
+      "#error_no_message": true,
+      "#input": true,
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0,
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-lim-test-2",
+      "#name": "lim[test 2]",
+      "#value": 0,
+      "#checked": false,
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "test1": {
+      "#type": "checkbox",
+      "#title": "test1",
+      "#title_display": "invisible",
+      "#return_value": "test1",
+      "#default_value": null,
+      "#attributes": {
+        "class": ["tableselect"],
+        "data-drupal-selector": "edit-lim-test1"
+      },
+      "#ajax": null,
+      "#error_no_message": true,
+      "#input": true,
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.001,
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-lim-test1",
+      "#name": "lim[test1]",
+      "#value": 0,
+      "#checked": false,
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "aaa": {
+      "#type": "checkbox",
+      "#title": "aaa dddd",
+      "#title_display": "invisible",
+      "#return_value": "aaa",
+      "#default_value": null,
+      "#attributes": {
+        "class": ["tableselect"],
+        "data-drupal-selector": "edit-lim-aaa"
+      },
+      "#ajax": null,
+      "#error_no_message": true,
+      "#input": true,
+      "#theme": "input__checkbox",
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.002,
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-lim-aaa",
+      "#name": "lim[aaa]",
+      "#value": 0,
+      "#checked": false,
+      "#ajax_processed": false,
+      "#groups": {
+        "footer": {
+          "#group_exists": true
+        },
+        "rer2][test 2": {
+          "#group_exists": true
+        },
+        "rer2][test1": {
+          "#group_exists": true
+        },
+        "lim][test 2": {
+          "#group_exists": true
+        },
+        "lim][test1": {
+          "#group_exists": true
+        },
+        "lim][aaa": {
+          "#group_exists": true
+        }
+      },
+      "#sorted": true
+    },
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "#tree": false,
+  "#parents": ["elements"],
+  "#array_parents": ["elements"],
+  "#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/table.json

@@ -0,0 +1,154 @@
+{
+  "t1": {
+    "#type": "webform_table",
+    "#title": "t1",
+    "#header": [
+      {
+        "data": {
+          "#markup": "table header 1"
+        }
+      },
+      {
+        "data": {
+          "#markup": "table header 2"
+        }
+      }
+    ],
+    "#caption": "caption1",
+    "t1_01": {
+      "#type": "webform_table_row",
+      "#title": "t1 (1)",
+      "t1_01_txt1": {
+        "#type": "textfield",
+        "#title": "txt1",
+        "#webform": "kitchen_sink_formio_v1",
+        "#webform_id": "kitchen_sink_formio_v1--t1_01_txt1",
+        "#webform_key": "t1_01_txt1",
+        "#webform_parent_key": "t1_01",
+        "#webform_parent_flexbox": false,
+        "#webform_depth": 2,
+        "#webform_multiple": false,
+        "#webform_composite": false,
+        "#admin_title": "txt1",
+        "#webform_plugin_id": "textfield",
+        "#maxlength": 255,
+        "#webform_submission": null,
+        "#access": true,
+        "#webform_element": true,
+        "#input": true,
+        "#size": 60,
+        "#autocomplete_route_name": false,
+        "#theme": "input__textfield",
+        "#defaults_loaded": true,
+        "#tree": false,
+        "#weight": 0,
+        "#processed": true,
+        "#required": false,
+        "#attributes": {
+          "data-drupal-selector": "edit-t1-01-txt1"
+        },
+        "#title_display": "before",
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-t1-01-txt1",
+        "#name": "t1_01_txt1",
+        "#value": "",
+        "#ajax_processed": false,
+        "#sorted": true,
+        "#after_build_done": true
+      },
+      "t1_01_txt2": {
+        "#type": "textfield",
+        "#title": "txt2",
+        "#webform": "kitchen_sink_formio_v1",
+        "#webform_id": "kitchen_sink_formio_v1--t1_01_txt2",
+        "#webform_key": "t1_01_txt2",
+        "#webform_parent_key": "t1_01",
+        "#webform_parent_flexbox": false,
+        "#webform_depth": 2,
+        "#webform_multiple": false,
+        "#webform_composite": false,
+        "#admin_title": "txt2",
+        "#webform_plugin_id": "textfield",
+        "#maxlength": 255,
+        "#webform_submission": null,
+        "#access": true,
+        "#webform_element": true,
+        "#_webform_access": true,
+        "#input": true,
+        "#size": 60,
+        "#autocomplete_route_name": false,
+        "#defaults_loaded": true,
+        "#tree": false,
+        "#weight": 0.001,
+        "#processed": true,
+        "#required": false,
+        "#title_display": "before",
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-t1-01-txt2",
+        "#name": "t1_01_txt2",
+        "#value": "",
+        "#sorted": true,
+        "#after_build_done": true
+      },
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--t1_01",
+      "#webform_key": "t1_01",
+      "#webform_parent_key": "t1",
+      "#webform_parent_flexbox": false,
+      "#webform_depth": 1,
+      "#webform_multiple": false,
+      "#webform_composite": false,
+      "#admin_title": "t1 (1)",
+      "#webform_plugin_id": "webform_table_row",
+      "#webform_submission": null,
+      "#access": true,
+      "#webform_element": true,
+      "#_webform_access": true,
+      "#optional": false,
+      "#defaults_loaded": true,
+      "#tree": false,
+      "#weight": 0,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-t1-01",
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--t1",
+    "#webform_key": "t1",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#admin_title": "t1",
+    "#webform_plugin_id": "webform_table",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#empty": "",
+    "#input": true,
+    "#tree": false,
+    "#tableselect": false,
+    "#sticky": false,
+    "#responsive": true,
+    "#multiple": true,
+    "#js_select": true,
+    "#tabledrag": false,
+    "#weight": 0,
+    "#processed": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-t1",
+    "#name": "t1",
+    "#value": ""
+  }
+}

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

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

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

@@ -0,0 +1,22 @@
+{
+  "textarea1": {
+    "#type": "textarea",
+    "#title": "textarea1",
+    "#prepopulate": true,
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textarea1",
+    "#webform_key": "textarea1",
+    "#webform_element": true,
+    "#input": true,
+    "#cols": 60,
+    "#rows": 5,
+    "#resizable": "vertical",
+    "#weight": 0.001,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textarea1",
+    "#name": "textarea1",
+    "#value": ""
+  }
+}