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

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

@@ -0,0 +1,298 @@
+{
+  "c1": {
+    "#type": "webform_address",
+    "#title": "address1",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--address1",
+    "#webform_key": "address1",
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": true,
+    "#webform_composite_elements": {
+      "address": {
+        "#type": "textfield",
+        "#title": "Address",
+        "#admin_title": "Address",
+        "#webform_composite_id": "kitchen_sink_formio_v1--address1--address",
+        "#webform_composite_key": "address1__address",
+        "#webform_composite_parent_key": "address1"
+      },
+      "address_2": {
+        "#type": "textfield",
+        "#title": "Address 2",
+        "#admin_title": "Address 2",
+        "#webform_composite_id": "kitchen_sink_formio_v1--address1--address_2",
+        "#webform_composite_key": "address1__address_2",
+        "#webform_composite_parent_key": "address1"
+      },
+      "city": {
+        "#type": "textfield",
+        "#title": "City/Town",
+        "#admin_title": "City/Town",
+        "#webform_composite_id": "kitchen_sink_formio_v1--address1--city",
+        "#webform_composite_key": "address1__city",
+        "#webform_composite_parent_key": "address1"
+      },
+      "state_province": {
+        "#type": "select",
+        "#title": "State/Province",
+        "#options": {
+          "Alabama": "Alabama"
+        },
+        "#admin_title": "State/Province",
+        "#webform_composite_id": "kitchen_sink_formio_v1--address1--state_province",
+        "#webform_composite_key": "address1__state_province",
+        "#webform_composite_parent_key": "address1"
+      },
+      "postal_code": {
+        "#type": "textfield",
+        "#title": "ZIP/Postal Code",
+        "#admin_title": "ZIP/Postal Code",
+        "#webform_composite_id": "kitchen_sink_formio_v1--address1--postal_code",
+        "#webform_composite_key": "address1__postal_code",
+        "#webform_composite_parent_key": "address1"
+      },
+      "country": {
+        "#type": "select",
+        "#title": "Country",
+        "#options": {
+          "Afghanistan": "Afghanistan",
+          "Albania": "Albania"
+        },
+        "#admin_title": "Country",
+        "#webform_composite_id": "kitchen_sink_formio_v1--address1--country",
+        "#webform_composite_key": "address1__country",
+        "#webform_composite_parent_key": "address1"
+      }
+    },
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#title_display": "invisible",
+    "#required": false,
+    "#theme": "webform_composite_address",
+    "#defaults_loaded": true,
+    "#tree": true,
+    "#weight": 0.001,
+    "#processed": true,
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-address1",
+    "#name": "address1",
+    "#value": {
+      "address": "",
+      "address_2": "",
+      "city": "",
+      "state_province": "",
+      "postal_code": "",
+      "country": ""
+    },
+    "#initialize": true,
+    "address": {
+      "#type": "textfield",
+      "#title": "Address",
+      "#admin_title": "Address",
+      "#default_value": "",
+      "#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,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-address1-address",
+      "#name": "address1[address]",
+      "#value": "",
+      "#ajax_processed": false,
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "address_2": {
+      "#type": "textfield",
+      "#title": "Address 2",
+      "#admin_title": "Address 2",
+      "#default_value": "",
+      "#maxlength": 255,
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_submission": null,
+      "#access": true,
+      "#webform_element": true,
+      "#input": true,
+      "#size": 60,
+      "#autocomplete_route_name": false,
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.001,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-address1-address-2",
+      "#name": "address1[address_2]",
+      "#value": "",
+      "#ajax_processed": false,
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "city": {
+      "#type": "textfield",
+      "#title": "City/Town",
+      "#admin_title": "City/Town",
+      "#default_value": "",
+      "#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.002,
+      "#processed": true,
+      "#required": false,
+      "#attributes": {
+        "data-drupal-selector": "edit-address1-city"
+      },
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-address1-city",
+      "#name": "address1[city]",
+      "#value": "",
+      "#ajax_processed": false,
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "state_province": {
+      "#type": "select",
+      "#title": "State/Province",
+      "#options": {
+        "_empty_": "- None -",
+        "Alabama": "Alabama"
+      },
+      "#admin_title": "State/Province",
+      "#default_value": "",
+      "#empty_option": "- None -",
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_submission": null,
+      "#access": true,
+      "#webform_element": true,
+      "#input": true,
+      "#multiple": false,
+      "#sort_options": false,
+      "#sort_start": 1,
+      "#theme": "select",
+      "#theme_wrappers": ["form_element"],
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.003,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-address1-state-province",
+      "#name": "address1[state_province]",
+      "#value": "",
+      "#empty_value": "",
+      "#ajax_processed": false,
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "postal_code": {
+      "#type": "textfield",
+      "#title": "ZIP/Postal Code",
+      "#admin_title": "ZIP/Postal Code",
+      "#default_value": "",
+      "#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",
+      "#theme_wrappers": ["form_element"],
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.004,
+      "#processed": true,
+      "#required": false,
+      "#attributes": {
+        "data-drupal-selector": "edit-address1-postal-code"
+      },
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-address1-postal-code",
+      "#name": "address1[postal_code]",
+      "#value": "",
+      "#ajax_processed": false,
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "country": {
+      "#type": "select",
+      "#title": "Country",
+      "#options": {
+        "_empty_": "- None -",
+        "Afghanistan": "Afghanistan",
+        "Albania": "Albania"
+      },
+      "#admin_title": "Country",
+      "#parents": ["address1", "country"],
+      "#default_value": "",
+      "#empty_option": "- None -",
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_submission": null,
+      "#access": true,
+      "#webform_element": true,
+      "#input": true,
+      "#multiple": false,
+      "#sort_options": false,
+      "#sort_start": 1,
+      "#theme": "select",
+      "#theme_wrappers": ["form_element"],
+      "#value_callback": [
+        "Drupal\\Core\\Render\\Element\\Select",
+        "valueCallback"
+      ],
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.005,
+      "#processed": true,
+      "#required": false,
+      "#attributes": {
+        "data-drupal-selector": "edit-address1-country"
+      },
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-address1-country",
+      "#name": "address1[country]",
+      "#value": "",
+      "#empty_value": "",
+      "#ajax_processed": false,
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "#ajax_processed": false,
+    "#sorted": true,
+    "#after_build_done": true
+  }
+}

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

@@ -0,0 +1,23 @@
+{
+  "c1": {
+    "#type": "processed_text",
+    "#text": "<h2>Advanced HTML Heading 2</h2><p>para</p>",
+    "#format": "rich_text",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--processed_text",
+    "#webform_key": "processed_text",
+    "#title": null,
+    "#webform_element": true,
+    "#filter_types_to_skip": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#langcode": "",
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-processed-text"
+  }
+}

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

@@ -0,0 +1,34 @@
+{
+  "a1": {
+    "#type": "webform_autocomplete",
+    "#title": "autocomplete - search worksafe content api",
+    "#autocomplete_items": "months",
+    "#autocomplete_limit": 5,
+    "#autocomplete_match": 2,
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--autocomplete1",
+    "#webform_key": "autocomplete1",
+    "#maxlength": 255,
+    "#webform_element": true,
+    "#autocomplete_route_parameters": {
+      "webform": "kitchen_sink_formio_v1",
+      "key": "autocomplete1"
+    },
+    "#attributes": {
+      "data-autocomplete-path": "/api/v2/search-content?rows=3&field_language=8671&_format=json"
+    },
+    "#storybook": {
+      "#data-autocomplete-query": "query",
+      "#data-autocomplete-select": "results",
+      "#data-autocomplete-value": "hero_header_title",
+      "#data-autocomplete-label": "hero_header_title"
+    },
+    "#input": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-autocomplete1",
+    "#name": "autocomplete1",
+    "#value": ""
+  }
+}

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

@@ -0,0 +1,15 @@
+{
+  "c1": {
+    "#type": "webform_markup",
+    "#markup": "<h2>Basic HTML Heading 2</h2><p>123</p>",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--markup1",
+    "#webform_key": "markup1",
+    "#title": null,
+    "#webform_element": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-markup1"
+  }
+}

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

@@ -0,0 +1,102 @@
+{
+  "c1": {
+    "#type": "checkboxes",
+    "#title": "checkboxes1",
+    "#options": {
+      "value1": "l1",
+      "value2": "value2"
+    },
+    "#options_display": "side_by_side",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--checkboxes1",
+    "#webform_key": "checkboxes1",
+    "#webform_element": true,
+    "#options_description_display": "description",
+    "#input": true,
+    "#legend": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#id": "edit-checkboxes1",
+    "#name": "checkboxes1",
+    "#default_value": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "#value": {
+      "content": "[]",
+      "headers": {
+        "Content-Type": "application/json; type="
+      }
+    },
+    "value1": {
+      "#type": "checkbox",
+      "#title": "value1",
+      "#return_value": "value1",
+      "#default_value": null,
+      "#attributes": {
+        "data-drupal-selector": "edit-checkboxes1-value1",
+        "aria-describedby": "edit-checkboxes1-value1--description"
+      },
+      "#ajax": null,
+      "#error_no_message": true,
+      "#weight": 0.001,
+      "#webform_element": true,
+      "#description": "l1",
+      "#input": true,
+      "#title_display": "after",
+      "#value_callback": [
+        "Drupal\\Core\\Render\\Element\\Checkbox",
+        "valueCallback"
+      ],
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#parents": ["checkboxes1", "value1"],
+      "#array_parents": ["elements", "checkboxes1", "value1"],
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-checkboxes1-value1",
+      "#name": "checkboxes1[value1]",
+      "#value": 0,
+      "#checked": false,
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "value2": {
+      "#type": "checkbox",
+      "#title": "value2",
+      "#return_value": "value2",
+      "#default_value": null,
+      "#attributes": {
+        "data-drupal-selector": "edit-checkboxes1-value2"
+      },
+      "#ajax": null,
+      "#error_no_message": true,
+      "#weight": 0.002,
+      "#input": true,
+      "#theme": "input__checkbox",
+      "#theme_wrappers": ["form_element"],
+      "#title_display": "after",
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-checkboxes1-value2",
+      "#name": "checkboxes1[value2]",
+      "#value": 0,
+      "#checked": false,
+      "#sorted": true
+    }
+  }
+}

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

@@ -0,0 +1,197 @@
+{
+  "co1": {
+    "#type": "webform_checkboxes_other",
+    "#title": "enter a number",
+    "#other__type": "number",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--co1",
+    "#webform_key": "co1",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": true,
+    "#webform_composite": false,
+    "#admin_title": "enter a number",
+    "#webform_plugin_id": "webform_checkboxes_other",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#options_description_display": "description",
+    "#options_display": "one_column",
+    "#_webform_access": true,
+    "#input": true,
+    "#other__option_delimiter": ", ",
+    "#markup": "",
+    "#defaults_loaded": true,
+    "#tree": true,
+    "#weight": 0,
+    "#processed": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-co1",
+    "#name": "co1",
+    "checkboxes": {
+      "#default_value": {
+        "content": "[]",
+        "headers": {
+          "Content-Type": "application/json; type="
+        }
+      },
+      "#type": "checkboxes",
+      "#webform_element": true,
+      "#webform_other": true,
+      "#title": "enter a number",
+      "#options": {
+        "1": 1,
+        "21": 21,
+        "_other_": "Other\u2026"
+      },
+      "#options_description_display": "description",
+      "#options_display": "one_column",
+      "#required": false,
+      "#title_display": "invisible",
+      "#error_no_message": true,
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_submission": null,
+      "#access": true,
+      "#input": true,
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0,
+      "#processed": true,
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-co1-checkboxes",
+      "#name": "co1[checkboxes]",
+      "#value": {
+        "content": "[]",
+        "headers": {
+          "Content-Type": "application/json; type="
+        }
+      },
+      "1": {
+        "#type": "checkbox",
+        "#title": "1",
+        "#return_value": 1,
+        "#default_value": null,
+        "#ajax": null,
+        "#error_no_message": true,
+        "#weight": 0.001,
+        "#input": true,
+        "#theme": "input__checkbox",
+        "#title_display": "after",
+        "#defaults_loaded": true,
+        "#tree": true,
+        "#processed": true,
+        "#required": false,
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-co1-checkboxes-1",
+        "#name": "co1[checkboxes][1]",
+        "#value": 0,
+        "#checked": false,
+        "#ajax_processed": false,
+        "#sorted": true
+      },
+      "21": {
+        "#type": "checkbox",
+        "#title": "21",
+        "#return_value": 21,
+        "#default_value": null,
+        "#ajax": null,
+        "#error_no_message": true,
+        "#weight": 0.002,
+        "#input": true,
+        "#theme": "input__checkbox",
+        "#title_display": "after",
+        "#defaults_loaded": true,
+        "#tree": true,
+        "#processed": true,
+        "#required": false,
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-co1-checkboxes-21",
+        "#name": "co1[checkboxes][21]",
+        "#value": 0,
+        "#checked": false,
+        "#ajax_processed": false,
+        "#sorted": true
+      },
+      "_other_": {
+        "#type": "checkbox",
+        "#title": "Other\u2026",
+        "#return_value": "_other_",
+        "#default_value": null,
+        "#ajax": null,
+        "#error_no_message": true,
+        "#weight": 0.0030000000000000001,
+        "#input": true,
+        "#theme": "input__checkbox",
+        "#title_display": "after",
+        "#defaults_loaded": true,
+        "#tree": true,
+        "#processed": true,
+        "#required": false,
+        "#description_display": "after",
+        "#errors": null,
+        "#id": "edit-co1-checkboxes-other-",
+        "#name": "co1[checkboxes][_other_]",
+        "#value": 0,
+        "#checked": false,
+        "#ajax_processed": false,
+        "#sorted": true
+      },
+      "#after_build_done": true
+    },
+    "#value": {
+      "checkboxes": {
+        "content": "[]",
+        "headers": {
+          "Content-Type": "application/json; type="
+        }
+      },
+      "other": null
+    },
+    "other": {
+      "#type": "number",
+      "#option_delimiter": ", ",
+      "#webform_element": true,
+      "#placeholder": "Enter other\u2026",
+      "#title": "Enter other\u2026",
+      "#title_display": "invisible",
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_submission": null,
+      "#access": true,
+      "#step": "any",
+      "#input": true,
+      "#theme": "input__number",
+      "#defaults_loaded": true,
+      "#tree": true,
+      "#weight": 0.001,
+      "#processed": true,
+      "#required": false,
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-co1-other",
+      "#name": "co1[other]",
+      "#value": "",
+      "#ajax_processed": false,
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "#ajax_processed": false,
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "#tree": false,
+  "#weight": 0.001,
+  "#processed": false,
+  "#required": false,
+  "#title_display": "before",
+  "#description_display": "after",
+  "#errors": null,
+  "#id": "edit-elements",
+  "#sorted": true
+}