@worksafevictoria/wcl7.5 1.1.11 → 1.1.12

package/src/components/SubComponents/FormInstance/stories/mocks/rule-enabled-value.json

@@ -0,0 +1,43 @@
+{
+  "c1": {
+    "#type": "textfield",
+    "#title": "textfield1",
+    "#placeholder": "type 'enable' to enable textfield2",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textfield1",
+    "#webform_key": "textfield1",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield1",
+    "#name": "textfield1",
+    "#value": ""
+  },
+  "c12": {
+    "#type": "textfield",
+    "#title": "textfield2",
+    "#states": {
+      "enabled": {
+        ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textfield1\"]": {
+          "value": "enable"
+        }
+      }
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textfield2",
+    "#webform_key": "textfield2",
+    "#states_clear": false,
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield2",
+    "#name": "textfield2",
+    "#value": ""
+  }
+}

package/src/components/SubComponents/FormInstance/stories/mocks/rule-hidden-value.json

@@ -0,0 +1,68 @@
+{
+  "c1": {
+    "#type": "textfield",
+    "#title": "textfield1",
+    "#placeholder": "type 'hide' to hide textfield2 and textfield3",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textfield1",
+    "#webform_key": "textfield1",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield1",
+    "#name": "textfield1",
+    "#value": ""
+  },
+  "c12": {
+    "#type": "textfield",
+    "#title": "textfield2",
+    "#states": {
+      "invisible": {
+        ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textfield1\"]": {
+          "value": "hide"
+        }
+      }
+    },
+    "#placeholder": "will retain value on hidden",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textfield2",
+    "#webform_key": "textfield2",
+    "#states_clear": false,
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield2",
+    "#name": "textfield2",
+    "#value": ""
+  },
+  "c123": {
+    "#type": "textfield",
+    "#title": "textfield3",
+    "#states": {
+      "invisible": {
+        ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textfield1\"]": {
+          "value": "hide"
+        }
+      }
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textfield3",
+    "#webform_key": "textfield3",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#placeholder": "will NOT retain value on hidden",
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield3",
+    "#name": "textfield3",
+    "#value": ""
+  }
+}

package/src/components/SubComponents/FormInstance/stories/mocks/rule-required-value.json

@@ -0,0 +1,69 @@
+{
+  "c1": {
+    "#type": "textfield",
+    "#title": "textfield1",
+    "#placeholder": "type 'req' to require textfield2",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textfield1",
+    "#webform_key": "textfield1",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield1",
+    "#name": "textfield1",
+    "#value": ""
+  },
+  "c12": {
+    "#type": "textfield",
+    "#title": "textfield2",
+    "#placeholder": "type 'opt' to make textfield3 optional",
+    "#states": {
+      "required": {
+        ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textfield1\"]": {
+          "value": "req"
+        }
+      }
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textfield2",
+    "#webform_key": "textfield2",
+    "#states_clear": false,
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield2",
+    "#name": "textfield2",
+    "#value": ""
+  },
+
+  "c122": {
+    "#type": "textfield",
+    "#title": "textfield3",
+    "#states": {
+      "optional": {
+        ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textfield2\"]": {
+          "value": "opt"
+        }
+      }
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textfield3",
+    "#webform_key": "textfield3",
+    "#states_clear": false,
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield3",
+    "#name": "textfield3",
+    "#value": ""
+  }
+}

package/src/components/SubComponents/FormInstance/stories/mocks/rule-visible-value.json

@@ -0,0 +1,157 @@
+{
+  "textbox1": {
+    "#type": "textfield",
+    "#title": "textbox1",
+    "#placeholder": "type 'show' to show textfield2 and hide container with textbox",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textbox1",
+    "#webform_key": "textbox1",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textbox1",
+    "#name": "textbox1",
+    "#value": ""
+  },
+  "textbox2": {
+    "#type": "textfield",
+    "#title": "textfield2",
+    "#states": {
+      "visible": {
+        ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textbox1\"]": {
+          "value": "show"
+        }
+      }
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textbox2",
+    "#webform_key": "textbox2",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textbox2",
+    "#name": "textbox2",
+    "#value": ""
+  },
+  "c31": {
+    "#type": "container",
+    "#states": {
+      "visible": {
+        ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textbox1\"]": {
+          "!value": "show"
+        }
+      }
+    },
+    "textboxContainer": {
+      "#type": "textfield",
+      "#title": "Container textbox",
+      "#placeholder": "type anything to show textbox3",
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--textboxContainer",
+      "#webform_key": "textboxContainer",
+      "#maxlength": 255,
+      "#webform_element": true,
+      "#states_clear": false,
+      "#input": true,
+      "#weight": 0.002,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#id": "edit-textboxContainer",
+      "#name": "textboxContainer",
+      "#value": ""
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--c31",
+    "#webform_key": "c31",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#title": null,
+    "#admin_title": null,
+    "#webform_plugin_id": "container",
+    "#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-c31",
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "textbox3": {
+    "#type": "textfield",
+    "#title": "textfield3",
+    "#placeholder": "type a pattern ending with 'text4' to show textbox4",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textbox3",
+    "#webform_key": "textbox3",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield3",
+    "#name": "textbox3",
+    "#value": "",
+    "#states": {
+      "visible": {
+        ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textboxContainer\"]": {
+          "filled": true
+        }
+      }
+    }
+  },
+  "textbox4": {
+    "#type": "textfield",
+    "#title": "textfield4",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--textbox4",
+    "#webform_key": "textbox4",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-textfield4",
+    "#name": "textbox4",
+    "#value": "",
+    "#states": {
+      "visible": [
+        {
+          ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textbox1\"]": {
+            "value": {
+              "pattern": "text4$"
+            }
+          }
+        },
+        "or",
+        {
+          ".webform-submission-kitchen-sink-formio-v1-add-form :input[name=\"textbox3\"]": {
+            "value": {
+              "pattern": "text4$"
+            }
+          }
+        }
+      ]
+    }
+  }
+}

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

@@ -0,0 +1,66 @@
+{
+  "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": ""
+  },
+  "last_name": {
+    "#type": "textfield",
+    "#title": "Last name",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--last_name",
+    "#webform_key": "last_name",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#states": {
+      "visible": {
+        ":input[name=\"samea\"]": {
+          "checked": false
+        }
+      }
+    },
+    "#states_clear": false,
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-last-name",
+    "#name": "last_name",
+    "#value": ""
+  },
+  "samea": {
+    "#type": "webform_same",
+    "#title": "Is your first name same as last name?",
+    "#source": "full_name",
+    "#destination": "last_name",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--samea",
+    "#webform_key": "samea",
+    "#webform_element": true,
+    "#input": true,
+    "#return_value": 1,
+    "#title_display": "after",
+    "#destination_state": "visible",
+    "#required": false,
+    "#description_display": "after",
+    "#id": "edit-samea",
+    "#name": "samea",
+    "#value": 0,
+    "#checked": false
+  },
+  "#required": false,
+  "#title_display": "before",
+  "#description_display": "after",
+  "#id": "edit-elements"
+}

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

@@ -0,0 +1,200 @@
+{
+  "c1": {
+    "#type": "webform_scale",
+    "#title": "scale1",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--scale1",
+    "#webform_key": "scale1",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#admin_title": "scale1",
+    "#webform_plugin_id": "webform_scale",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#_webform_access": true,
+    "#input": true,
+    "#min": 1,
+    "#max": 5,
+    "#min_text": "",
+    "#max_text": "",
+    "#scale_size": "medium",
+    "#scale_type": "circle",
+    "#scale_text": "below",
+    "#defaults_loaded": true,
+    "#tree": false,
+    "#weight": 0.016,
+    "#processed": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-scale1",
+    "#name": "scale1",
+    "#has_garbage_value": true,
+    "#value": "3",
+    "scale": {
+      "options": {
+        "1": {
+          "#type": "radio",
+          "#title": 1,
+          "#return_value": 1,
+          "#default_value": false,
+          "#id": "edit-scale1-1",
+          "#ajax": null,
+          "#error_no_message": true,
+          "#prefix": "<div class=\"webform-scale-option\">",
+          "#suffix": "</div>",
+          "#input": true,
+          "#theme": "input__radio",
+          "#title_display": "after",
+          "#defaults_loaded": true,
+          "#tree": false,
+          "#weight": 0,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#name": "scale1",
+          "#value": false,
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "2": {
+          "#type": "radio",
+          "#title": 2,
+          "#return_value": 2,
+          "#default_value": false,
+          "#id": "edit-scale1-2",
+          "#ajax": null,
+          "#error_no_message": true,
+          "#prefix": "<div class=\"webform-scale-option\">",
+          "#suffix": "</div>",
+          "#input": true,
+          "#theme": "input__radio",
+          "#title_display": "after",
+          "#defaults_loaded": true,
+          "#tree": false,
+          "#weight": 0.001,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#name": "scale1",
+          "#value": false,
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "3": {
+          "#type": "radio",
+          "#title": 3,
+          "#return_value": 3,
+          "#default_value": false,
+          "#id": "edit-scale1-3",
+          "#ajax": null,
+          "#error_no_message": true,
+          "#prefix": "<div class=\"webform-scale-option\">",
+          "#suffix": "</div>",
+          "#input": true,
+          "#theme": "input__radio",
+          "#title_display": "after",
+          "#defaults_loaded": true,
+          "#tree": false,
+          "#weight": 0.002,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#name": "scale1",
+          "#value": false,
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "4": {
+          "#type": "radio",
+          "#title": 4,
+          "#return_value": 4,
+          "#default_value": false,
+          "#id": "edit-scale1-4",
+          "#ajax": null,
+          "#error_no_message": true,
+          "#prefix": "<div class=\"webform-scale-option\">",
+          "#suffix": "</div>",
+          "#input": true,
+          "#theme": "input__radio",
+          "#title_display": "after",
+          "#defaults_loaded": true,
+          "#tree": false,
+          "#weight": 0.003,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#name": "scale1",
+          "#value": false,
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "5": {
+          "#type": "radio",
+          "#title": 5,
+          "#return_value": 5,
+          "#default_value": false,
+          "#id": "edit-scale1-5",
+          "#ajax": null,
+          "#error_no_message": true,
+          "#prefix": "<div class=\"webform-scale-option\">",
+          "#suffix": "</div>",
+          "#input": true,
+          "#title_display": "after",
+          "#defaults_loaded": true,
+          "#tree": false,
+          "#weight": 0.004,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#name": "scale1",
+          "#value": false,
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "#tree": false,
+        "#weight": 0,
+        "#processed": false,
+        "#required": false,
+        "#title_display": "before",
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-options",
+        "#sorted": true
+      },
+      "#tree": false,
+      "#weight": 0,
+      "#processed": false,
+      "#required": false,
+      "#attributes": {
+        "data-drupal-selector": "edit-scale"
+      },
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-scale",
+      "#sorted": true
+    },
+    "#options": {
+      "1": 1,
+      "2": 2,
+      "3": 3,
+      "4": 4,
+      "5": 5
+    },
+    "#sorted": true,
+    "#after_build_done": true,
+    "#disabled": false,
+    "#readonly": false
+  }
+}

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

@@ -0,0 +1,63 @@
+{
+  "c1": {
+    "#type": "webform_section",
+    "#title": "section1",
+    "#description": {
+      "#theme": "webform_html_editor_markup",
+      "#markup": "this is a section"
+    },
+    "#title_tag": "h3",
+    "textfield1": {
+      "#type": "textfield",
+      "#title": "textfield1",
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--textfield1",
+      "#webform_key": "textfield1",
+      "#webform_parent_key": "section1",
+      "#webform_parent_flexbox": false,
+      "#webform_depth": 1,
+      "#webform_multiple": false,
+      "#webform_composite": false,
+      "#admin_title": "textfield1",
+      "#webform_plugin_id": "textfield",
+      "#maxlength": 255,
+      "#webform_submission": null,
+      "#access": true,
+      "#webform_element": true,
+      "#_webform_access": true,
+      "#_webform_states": {
+        "content": "[]",
+        "headers": {
+          "Content-Type": "application/json; type="
+        }
+      },
+      "#input": true,
+      "#size": 60,
+      "#autocomplete_route_name": false,
+      "#theme": "input__textfield",
+      "#defaults_loaded": true,
+      "#tree": false,
+      "#weight": 0,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-textfield1",
+      "#name": "textfield1",
+      "#value": "",
+      "#ajax_processed": false,
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--section1",
+    "#webform_key": "section1",
+    "#webform_element": true,
+    "#value": null,
+    "#description_display": "before",
+    "#required": false,
+    "#title_display": "before",
+    "#id": "edit-section1"
+  }
+}