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

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

@@ -0,0 +1,14 @@
+{
+  "c1": {
+    "#type": "label",
+    "#title": "Custom Label",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--custom_label",
+    "#webform_key": "custom_label",
+    "#webform_element": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-custom-label"
+  }
+}

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

@@ -0,0 +1,375 @@
+{
+  "c1": {
+    "#type": "webform_likert",
+    "#title": "likert1",
+    "#questions": {
+      "q1": "q1 -- d1",
+      "q2": "d2 -- d2"
+    },
+    "#answers": {
+      "a1": "a1 -- ad1",
+      "a2": "ad2 -- ad2",
+      "n1": "n1"
+    },
+    "#na_answer": true,
+    "#na_answer_value": "n1",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--likert1",
+    "#webform_key": "likert1",
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#required_error": "",
+    "#sticky": true,
+    "#questions_description_display": "description",
+    "#answers_description_display": "description",
+    "#na_answer_text": "",
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-likert1",
+    "#name": "likert1",
+    "#default_value": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#value": {
+      "q1": null,
+      "q2": null
+    },
+    "#label_attributes": {
+      "webform-remove-for-attribute": true
+    },
+    "table": {
+      "#type": "table",
+      "#header": {
+        "likert_question": {
+          "data": {
+            "title": {
+              "#markup": "Questions",
+              "#prefix": "<span class="visually-hidden">",
+              "#suffix": "</span>"
+            }
+          }
+        },
+        "a1": {
+          "data": {
+            "title": {
+              "#markup": "a1"
+            },
+            "description": {
+              "#type": "container",
+              "#markup": "ad1",
+              "#attributes": {
+                "class": ["description"]
+              }
+            }
+          }
+        },
+        "a2": {
+          "data": {
+            "title": {
+              "#markup": "ad2"
+            },
+            "description": {
+              "#type": "container",
+              "#markup": "ad2",
+              "#attributes": {
+                "class": ["description"]
+              }
+            }
+          }
+        },
+        "n1": {
+          "data": {
+            "title": {
+              "#markup": "n1"
+            }
+          }
+        }
+      },
+      "#sticky": true,
+      "#attributes": {
+        "class": ["webform-likert-table"],
+        "data-likert-answers-count": 3,
+        "data-drupal-selector": "edit-likert1-table"
+      },
+      "#prefix": "<div class="webform-likert-table-wrapper">",
+      "#suffix": "</div>",
+      "q1": {
+        "likert_question": {
+          "#type": "item",
+          "#title": "q1",
+          "#id": "edit-likert1-table-q1-likert-question",
+          "#value": "<span></span>",
+          "#webform_element": true,
+          "#required": false,
+          "#label_attributes": {
+            "webform-remove-for-attribute": true
+          },
+          "#description": "d1",
+          "#input": true,
+          "#markup": "",
+          "#theme_wrappers": ["form_element"],
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#weight": 0,
+          "#processed": true,
+          "#attributes": {
+            "data-drupal-selector": "edit-likert1-table-q1-likert-question",
+            "aria-describedby": "edit-likert1-table-q1-likert-question--description"
+          },
+          "#title_display": "before",
+          "#description_display": "after",
+          "#errors": null,
+          "#name": "likert1[table][q1][likert_question]",
+          "#sorted": true
+        },
+        "a1": {
+          "#parents": ["likert1", "q1"],
+          "#type": "radio",
+          "#return_value": "a1",
+          "#value": false,
+          "#attributes": {
+            "aria-labelledby": "edit-likert1-table-q1-likert-question",
+            "data-drupal-selector": "edit-likert1-q1",
+            "aria-describedby": "edit-likert1-q1--description"
+          },
+          "#title_display": "after",
+          "#title": "<span class="webform-likert-label visually-hidden">a1</span>",
+          "#description": "<span class="webform-likert-description hidden">ad1</span>",
+          "#input": true,
+          "#default_value": null,
+          "#theme": "input__radio",
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#weight": 0.001,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-likert1-q1",
+          "#name": "likert1[q1]",
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "a2": {
+          "#parents": ["likert1", "q1"],
+          "#type": "radio",
+          "#return_value": "a2",
+          "#value": false,
+          "#attributes": {
+            "aria-labelledby": "edit-likert1-table-q1-likert-question",
+            "data-drupal-selector": "edit-likert1-q1",
+            "aria-describedby": "edit-likert1-q1--2--description"
+          },
+          "#title_display": "after",
+          "#title": "<span class="webform-likert-label visually-hidden">ad2</span>",
+          "#description": "<span class="webform-likert-description hidden">ad2</span>",
+          "#input": true,
+          "#default_value": null,
+          "#theme": "input__radio",
+          "#theme_wrappers": ["form_element"],
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#weight": 0.002,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-likert1-q1--2",
+          "#name": "likert1[q1]",
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "n1": {
+          "#parents": ["likert1", "q1"],
+          "#type": "radio",
+          "#return_value": "n1",
+          "#value": false,
+          "#attributes": {
+            "aria-labelledby": "edit-likert1-table-q1-likert-question",
+            "data-drupal-selector": "edit-likert1-q1"
+          },
+          "#title_display": "after",
+          "#title": "<span class="webform-likert-label visually-hidden">n1</span>",
+          "#input": true,
+          "#default_value": null,
+          "#theme": "input__radio",
+          "#theme_wrappers": ["form_element"],
+          "#value_callback": [
+            "Drupal\\Core\\Render\\Element\\Radio",
+            "valueCallback"
+          ],
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#weight": 0.003,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-likert1-q1--3",
+          "#name": "likert1[q1]",
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "#tree": true,
+        "#weight": 0,
+        "#processed": false,
+        "#required": false,
+        "#attributes": {
+          "data-drupal-selector": "edit-likert1-table-q1"
+        },
+        "#title_display": "before",
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-likert1-table-q1",
+        "#sorted": true
+      },
+      "q2": {
+        "likert_question": {
+          "#type": "item",
+          "#title": "d2",
+          "#id": "edit-likert1-table-q2-likert-question",
+          "#value": "<span></span>",
+          "#webform_element": true,
+          "#required": false,
+          "#label_attributes": {
+            "webform-remove-for-attribute": true
+          },
+          "#description": "d2",
+          "#input": true,
+          "#markup": "",
+          "#theme_wrappers": ["form_element"],
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#weight": 0,
+          "#processed": true,
+          "#attributes": {
+            "data-drupal-selector": "edit-likert1-table-q2-likert-question",
+            "aria-describedby": "edit-likert1-table-q2-likert-question--description"
+          },
+          "#title_display": "before",
+          "#description_display": "after",
+          "#errors": null,
+          "#name": "likert1[table][q2][likert_question]",
+          "#sorted": true
+        },
+        "a1": {
+          "#parents": ["likert1", "q2"],
+          "#type": "radio",
+          "#return_value": "a1",
+          "#value": false,
+          "#attributes": {
+            "aria-labelledby": "edit-likert1-table-q2-likert-question",
+            "data-drupal-selector": "edit-likert1-q2",
+            "aria-describedby": "edit-likert1-q2--description"
+          },
+          "#title_display": "after",
+          "#title": "<span class="webform-likert-label visually-hidden">a1</span>",
+          "#description": "<span class="webform-likert-description hidden">ad1</span>",
+          "#input": true,
+          "#default_value": null,
+          "#theme": "input__radio",
+          "#theme_wrappers": ["form_element"],
+          "#value_callback": [
+            "Drupal\\Core\\Render\\Element\\Radio",
+            "valueCallback"
+          ],
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#array_parents": ["elements", "likert1", "table", "q2", "a1"],
+          "#weight": 0.001,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-likert1-q2",
+          "#name": "likert1[q2]",
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "a2": {
+          "#type": "radio",
+          "#return_value": "a2",
+          "#value": false,
+          "#title_display": "after",
+          "#title": "<span class="webform-likert-label visually-hidden">ad2</span>",
+          "#description": "<span class="webform-likert-description hidden">ad2</span>",
+          "#input": true,
+          "#default_value": null,
+          "#theme": "input__radio",
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#weight": 0.002,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-likert1-q2--2",
+          "#name": "likert1[q2]",
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "n1": {
+          "#parents": ["likert1", "q2"],
+          "#type": "radio",
+          "#return_value": "n1",
+          "#value": false,
+          "#attributes": {
+            "aria-labelledby": "edit-likert1-table-q2-likert-question",
+            "data-drupal-selector": "edit-likert1-q2"
+          },
+          "#title_display": "after",
+          "#title": "<span class="webform-likert-label visually-hidden">n1</span>",
+          "#input": true,
+          "#default_value": null,
+          "#theme": "input__radio",
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#weight": 0.003,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-likert1-q2--3",
+          "#name": "likert1[q2]",
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "#tree": true,
+        "#weight": 0.001,
+        "#processed": false,
+        "#required": false,
+        "#attributes": {
+          "data-drupal-selector": "edit-likert1-table-q2"
+        },
+        "#title_display": "before",
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-likert1-table-q2",
+        "#sorted": true
+      },
+      "#empty": "",
+      "#input": true,
+      "#tree": true,
+      "#tableselect": false,
+      "#responsive": true,
+      "#multiple": true,
+      "#js_select": true,
+      "#theme": "table",
+      "#defaults_loaded": true,
+      "#weight": 0,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-likert1-table",
+      "#name": "likert1[table]",
+      "#value": "",
+      "#sorted": true
+    }
+  }
+}

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

@@ -0,0 +1,86 @@
+{
+  "c1": {
+    "#type": "webform_message",
+    "#message_message": {
+      "#theme": "webform_html_editor_markup",
+      "#markup": "This is a status message"
+    },
+    "#message_close": true,
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--message1",
+    "#webform_key": "message1",
+    "#title": null,
+    "#webform_element": true,
+    "#message_type": "status",
+    "#message_close_effect": "slide",
+    "#message_id": "",
+    "#message_storage": "",
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-message1"
+  },
+  "c4": {
+    "#type": "webform_message",
+    "#message_message": {
+      "#theme": "webform_html_editor_markup",
+      "#markup": "This is an error message"
+    },
+    "#message_close": true,
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--message4",
+    "#webform_key": "message4",
+    "#title": null,
+    "#webform_element": true,
+    "#message_type": "error",
+    "#message_close_effect": "slide",
+    "#message_id": "",
+    "#message_storage": "",
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-message4"
+  },
+  "c3": {
+    "#type": "webform_message",
+    "#message_message": {
+      "#theme": "webform_html_editor_markup",
+      "#markup": "This is a warning message"
+    },
+    "#message_close": true,
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--message3",
+    "#webform_key": "message3",
+    "#title": null,
+    "#webform_element": true,
+    "#message_type": "warning",
+    "#message_close_effect": "slide",
+    "#message_id": "",
+    "#message_storage": "",
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-message3"
+  },
+  "c2": {
+    "#type": "webform_message",
+    "#message_message": {
+      "#theme": "webform_html_editor_markup",
+      "#markup": "This is an info message"
+    },
+    "#message_close": true,
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--message2",
+    "#webform_key": "message2",
+    "#title": null,
+    "#webform_element": true,
+    "#message_type": "info",
+    "#message_close_effect": "slide",
+    "#message_id": "",
+    "#message_storage": "",
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-message2"
+  }
+}

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

@@ -0,0 +1,19 @@
+{
+  "c1": {
+    "#type": "webform_more",
+    "#more_title": "More Content",
+    "#more": {
+      "#theme": "webform_html_editor_markup",
+      "#markup": "more content"
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--more1",
+    "#webform_key": "more1",
+    "#title": null,
+    "#webform_element": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-more1"
+  }
+}

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

@@ -0,0 +1,142 @@
+{
+  "tx1": {
+    "#type": "webform_multiple",
+    "#title": "Enter guest names?",
+    "#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": "first name",
+      "#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
+  }
+}

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

@@ -0,0 +1,35 @@
+{
+  "n1": {
+    "#type": "number",
+    "#title": "Decimal with min and max",
+    "#min": 2,
+    "#max": 10,
+    "#step": 2,
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--number1",
+    "#webform_key": "number1",
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-number1",
+    "#name": "number1",
+    "#value": ""
+  },
+  "n2": {
+    "#type": "number",
+    "#title": "Integer",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--number2",
+    "#webform_key": "number2",
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-number1",
+    "#name": "number1",
+    "#value": ""
+  }
+}