@worksafevictoria/wcl7.5 1.1.0-beta.7 → 1.1.0-beta.70

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

@@ -0,0 +1,134 @@
+{
+  "c1": {
+    "#type": "container",
+    "textfield1": {
+      "#type": "textfield",
+      "#title": "Container textbox",
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--textbox1",
+      "#webform_key": "textbox1",
+      "#maxlength": 255,
+      "#webform_element": true,
+      "#states_clear": false,
+      "#input": true,
+      "#weight": 0.002,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#id": "edit-textbox1",
+      "#name": "textbox1",
+      "#value": ""
+    },
+    "container2radio": {
+      "#type": "radios",
+      "#title": "Container radio",
+      "#options": {
+        "Yes": "Yes",
+        "No": "No"
+      },
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--container2radio",
+      "#webform_key": "container2radio",
+      "#webform_multiple": false,
+      "#webform_composite": false,
+      "#access": true,
+      "#webform_element": true,
+      "#options_description_display": "description",
+      "#options_display": "one_column",
+      "#_webform_access": true,
+      "#input": true,
+      "#defaults_loaded": true,
+      "#tree": false,
+      "#weight": 0,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-container2radio",
+      "#name": "container2radio",
+      "#has_garbage_value": true,
+      "#value": null,
+      "Yes": {
+        "#type": "radio",
+        "#title": "Yes",
+        "#return_value": "Yes",
+        "#default_value": false,
+        "#id": "edit-container2radio-yes",
+        "#ajax": null,
+        "#error_no_message": true,
+        "#weight": 0.001,
+        "#input": true,
+        "#title_display": "after",
+        "#defaults_loaded": true,
+        "#tree": false,
+        "#processed": true,
+        "#required": false,
+        "#description_display": "after",
+        "#errors": null,
+        "#name": "container2radio",
+        "#value": false,
+        "#ajax_processed": false,
+        "#sorted": true
+      },
+      "No": {
+        "#type": "radio",
+        "#title": "No",
+        "#return_value": "No",
+        "#default_value": false,
+        "#attributes": {
+          "data-drupal-selector": "edit-container2radio-no"
+        },
+        "#id": "edit-container2radio-no",
+        "#ajax": null,
+        "#error_no_message": true,
+        "#weight": 0.002,
+        "#input": true,
+        "#theme": "input__radio",
+        "#theme_wrappers": ["form_element"],
+        "#title_display": "after",
+        "#defaults_loaded": true,
+        "#tree": false,
+        "#processed": true,
+        "#required": false,
+        "#description_display": "after",
+        "#errors": null,
+        "#name": "container2radio",
+        "#value": false,
+        "#ajax_processed": false,
+        "#sorted": true
+      },
+      "#after_build_done": true
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--container_01",
+    "#webform_key": "container_01",
+    "#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,
+    "#attributes": {
+      "data-drupal-selector": "edit-container-01"
+    },
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-container-01",
+    "#sorted": true,
+    "#after_build_done": true
+  }
+}

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

@@ -0,0 +1,469 @@
+{
+  "person": {
+    "#type": "webform_custom_composite",
+    "#title": "Enter all guest names?",
+    "#element": {
+      "firstname": {
+        "#type": "textfield",
+        "#title": "first name",
+        "#title_display": "invisible",
+        "#admin_title": "first name",
+        "#maxlength": 255,
+        "#webform": "kitchen_sink_formio_v1",
+        "#webform_submission": null,
+        "#access": true,
+        "#webform_element": true
+      },
+      "coming": {
+        "#type": "checkbox",
+        "#title": "vegeterian?",
+        "#title_display": "invisible",
+        "#admin_title": "is coming?",
+        "#webform": "kitchen_sink_formio_v1",
+        "#webform_submission": null,
+        "#access": true,
+        "#webform_element": true
+      }
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--person",
+    "#webform_key": "person",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": true,
+    "#webform_composite": true,
+    "#admin_title": "person",
+    "#webform_plugin_id": "webform_custom_composite",
+    "#webform_composite_elements": {
+      "firstname": {
+        "#type": "textfield",
+        "#title": "first name",
+        "#admin_title": "first name",
+        "#webform_composite_id": "kitchen_sink_formio_v1--person--firstname",
+        "#webform_composite_key": "person__firstname",
+        "#webform_composite_parent_key": "person"
+      },
+      "coming": {
+        "#type": "checkbox",
+        "#title": "is coming?",
+        "#admin_title": "is coming?",
+        "#webform_composite_id": "kitchen_sink_formio_v1--person--coming",
+        "#webform_composite_key": "person__coming",
+        "#webform_composite_parent_key": "person"
+      }
+    },
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#flexbox": false,
+    "#header": true,
+    "#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,
+    "#cardinality": false,
+    "#defaults_loaded": true,
+    "#tree": true,
+    "#weight": 0,
+    "#processed": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-person",
+    "#name": "person",
+    "#value": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#prefix": "<div id=\"person_table\">",
+    "#suffix": "</div>",
+    "#ajax_prefix": "<div id=\"person_table\">",
+    "#ajax_suffix": "</div>",
+    "#child_keys": ["firstname", "coming"],
+    "items": {
+      "0": {
+        "_handle_": {
+          "#weight": 0,
+          "#processed": false,
+          "#required": false,
+          "#title_display": "before",
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-person-items-0-handle-",
+          "#sorted": true
+        },
+        "firstname": {
+          "#type": "textfield",
+          "#title": "first name",
+          "#title_display": "invisible",
+          "#admin_title": "first name",
+          "#maxlength": 255,
+          "#webform": "kitchen_sink_formio_v1",
+          "#webform_submission": null,
+          "#access": true,
+          "#webform_element": true,
+          "#input": true,
+          "#size": 60,
+          "#autocomplete_route_name": false,
+          "#theme": "input__textfield",
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#weight": 0.001,
+          "#processed": true,
+          "#required": false,
+          "#attributes": {
+            "data-drupal-selector": "edit-person-items-0-firstname"
+          },
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-person-items-0-firstname",
+          "#name": "person[items][0][firstname]",
+          "#value": "",
+          "#ajax_processed": false,
+          "#sorted": true,
+          "#after_build_done": true
+        },
+        "coming": {
+          "#type": "checkbox",
+          "#title": "is coming?",
+          "#title_display": "invisible",
+          "#admin_title": "is coming?",
+          "#webform": "kitchen_sink_formio_v1",
+          "#webform_submission": null,
+          "#access": true,
+          "#webform_element": true,
+          "#input": true,
+          "#return_value": 1,
+          "#defaults_loaded": true,
+          "#tree": true,
+          "#weight": 0.002,
+          "#processed": true,
+          "#required": false,
+          "#attributes": {
+            "data-drupal-selector": "edit-person-items-0-coming"
+          },
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-person-items-0-coming",
+          "#name": "person[items][0][coming]",
+          "#value": 0,
+          "#checked": false,
+          "#ajax_processed": false,
+          "#sorted": true,
+          "#after_build_done": true
+        },
+        "weight": {
+          "#type": "number",
+          "#delta": 1000,
+          "#title": "Item weight",
+          "#title_display": "invisible",
+          "#default_value": 0,
+          "#input": true,
+          "#weight": 0.003,
+          "#processed": true,
+          "#required": false,
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-person-items-0-weight",
+          "#name": "person[items][0][weight]",
+          "#value": 0,
+          "#step": 1,
+          "#theme": "input__number",
+          "#theme_wrappers": ["form_element"],
+          "#is_weight": true,
+          "#size": 10,
+          "#ajax_processed": false,
+          "#sorted": true
+        },
+        "_operations_": {
+          "#wrapper_attributes": {
+            "class": [
+              "webform-multiple-table--operations",
+              "webform-multiple-table--operations-two"
+            ]
+          },
+          "add": {
+            "#type": "image_button",
+            "#title": "Add new item after item 1",
+            "#src": "modules/contrib/webform/images/icons/plus.svg",
+            "#row_index": 0,
+            "#name": "person_table_add_0",
+            "#return_value": true,
+            "#has_garbage_value": true,
+            "#executes_submit_callback": true,
+            "#input": true,
+            "#is_button": true,
+            "#defaults_loaded": true,
+            "#tree": true,
+            "#weight": 0,
+            "#processed": true,
+            "#required": false,
+            "#attributes": {
+              "data-drupal-selector": "edit-person-items-0-operations-add",
+              "formnovalidate": "formnovalidate"
+            },
+            "#title_display": "before",
+            "#description_display": "after",
+            "#errors": null,
+            "#id": "edit-person-items-0-operations-add",
+            "#value": null,
+            "#ajax_processed": true,
+            "#cache": {
+              "contexts": ["route"],
+              "tags": {
+                "content": "[]",
+                "headers": {
+                  "Content-Type": "application/json; type="
+                }
+              },
+              "max-age": -1
+            },
+            "#sorted": true
+          },
+          "remove": {
+            "#type": "image_button",
+            "#title": "Remove item 1",
+            "#src": "modules/contrib/webform/images/icons/minus.svg",
+            "#limit_validation_errors": {
+              "content": "[]",
+              "headers": {
+                "Content-Type": "application/json; type="
+              }
+            },
+            "#row_index": 0,
+            "#name": "person_table_remove_0",
+            "#return_value": true,
+            "#has_garbage_value": true,
+            "#executes_submit_callback": true,
+            "#input": true,
+            "#is_button": true,
+            "#defaults_loaded": true,
+            "#tree": true,
+            "#weight": 0.001,
+            "#processed": true,
+            "#required": false,
+            "#title_display": "before",
+            "#description_display": "after",
+            "#errors": null,
+            "#id": "edit-person-items-0-operations-remove",
+            "#value": null,
+            "#ajax_processed": true,
+            "#attached": {
+              "library": ["core/jquery.form", "core/drupal.ajax"]
+            },
+            "#cache": {
+              "contexts": ["route"],
+              "tags": {
+                "content": "[]",
+                "headers": {
+                  "Content-Type": "application/json; type="
+                }
+              },
+              "max-age": -1
+            },
+            "#sorted": true
+          },
+          "#tree": true,
+          "#parents": ["person", "items", 0, "_operations_"],
+          "#array_parents": ["elements", "person", "items", 0, "_operations_"],
+          "#weight": 0.004,
+          "#processed": false,
+          "#required": false,
+          "#attributes": {
+            "data-drupal-selector": "edit-person-items-0-operations-"
+          },
+          "#title_display": "before",
+          "#description_display": "after",
+          "#errors": null,
+          "#id": "edit-person-items-0-operations-",
+          "#sorted": true
+        },
+        "#attributes": {
+          "class": ["draggable"],
+          "data-drupal-selector": "edit-person-items-0"
+        },
+        "#weight": 0,
+        "#tree": true,
+        "#parents": ["person", "items", 0],
+        "#array_parents": ["elements", "person", "items", 0],
+        "#processed": false,
+        "#required": false,
+        "#title_display": "before",
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-person-items-0",
+        "#sorted": true
+      },
+      "#prefix": "<div class=\"webform-multiple-table webform-multiple-table-responsive\">",
+      "#suffix": "</div>",
+      "#type": "table",
+      "#header": {
+        "_handle_": {
+          "data": {
+            "#markup": "Re-order",
+            "#prefix": "<span class=\"visually-hidden\">",
+            "#suffix": "</span>"
+          },
+          "class": ["person-table--handle", "webform-multiple-table--handle"]
+        },
+        "firstname": {
+          "data": {
+            "title": {
+              "#markup": "first name"
+            }
+          },
+          "class": [
+            "person-table--firstname",
+            "webform-multiple-table--firstname"
+          ]
+        },
+        "coming": {
+          "data": {
+            "title": {
+              "#markup": "is coming?"
+            }
+          },
+          "class": ["person-table--coming", "webform-multiple-table--coming"]
+        },
+        "weight": {
+          "data": "Weight",
+          "class": ["person-table--weight", "webform-multiple-table--weight"]
+        },
+        "_operations_": {
+          "data": {
+            "#markup": "Operations",
+            "#prefix": "<span class=\"visually-hidden\">",
+            "#suffix": "</span>"
+          },
+          "class": [
+            "person-table--operations",
+            "webform-multiple-table--operations"
+          ]
+        }
+      },
+      "#empty": "",
+      "#input": true,
+      "#tree": true,
+      "#tableselect": false,
+      "#sticky": false,
+      "#responsive": true,
+      "#multiple": true,
+      "#js_select": true,
+      "#theme": "table",
+      "#weight": 0,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-person-items",
+      "#name": "person[items]",
+      "#value": ""
+    },
+    "add": {
+      "#prefix": "<div class=\"webform-multiple-add js-webform-multiple-add container-inline\">",
+      "#suffix": "</div>",
+      "submit": {
+        "#type": "submit",
+        "#value": "Add",
+        "#name": "person_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-person-add-submit",
+        "#ajax_processed": true,
+        "#attached": {
+          "drupalSettings": {
+            "ajaxTrustedUrl": {
+              "/webform_rest/kitchen_sink_formio_v1/elements?ajax_form=1": true
+            }
+          }
+        },
+        "#cache": {
+          "contexts": ["route"],
+          "tags": {
+            "content": "[]",
+            "headers": {
+              "Content-Type": "application/json; type="
+            }
+          },
+          "max-age": -1
+        },
+        "#sorted": true
+      },
+      "more_items": {
+        "#type": "number",
+        "#title": "Add more items",
+        "#title_display": "invisible",
+        "#min": 1,
+        "#max": 100,
+        "#default_value": 1,
+        "#field_suffix": "more items",
+        "#error_no_message": true,
+        "#access": true,
+        "#input": true,
+        "#step": 1,
+        "#theme": "input__number",
+        "#defaults_loaded": true,
+        "#tree": true,
+        "#weight": 0.001,
+        "#processed": true,
+        "#required": false,
+        "#attributes": {
+          "data-drupal-selector": "edit-person-add-more-items"
+        },
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-person-add-more-items",
+        "#name": "person[add][more_items]",
+        "#value": 1,
+        "#ajax_processed": false,
+        "#sorted": true
+      },
+      "#tree": true,
+      "#parents": ["person", "add"],
+      "#array_parents": ["elements", "person", "add"],
+      "#weight": 0.001,
+      "#processed": false,
+      "#required": false,
+      "#attributes": {
+        "data-drupal-selector": "edit-person-add"
+      },
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-person-add",
+      "#sorted": true
+    },
+    "#attached": {
+      "library": ["webform/webform.element.multiple"]
+    },
+    "#sorted": true,
+    "#after_build_done": true
+  }
+}

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

@@ -0,0 +1,19 @@
+{
+  "c1": {
+    "#type": "date",
+    "#title": "date1",
+    "#date_days": ["0", "1", "2", "3", "4", "6"],
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--date1",
+    "#webform_key": "date1",
+    "#webform_element": true,
+    "#input": true,
+    "#date_date_format": "Y-m-d",
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-date1",
+    "#name": "date1",
+    "#value": ""
+  }
+}