@worksafevictoria/wcl7.5 1.1.0-beta.9 → 1.1.0-beta.91

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

@@ -0,0 +1,353 @@
+{
+  "p1": {
+    "#type": "container",
+    "#title": "p1",
+    "t1e": {
+      "#type": "textfield",
+      "#title": "label 1",
+      "#required": true,
+      "#webform": "kitchen_sink_formio_v1e",
+      "#webform_id": "kitchen_sink_formio_v1--t1e",
+      "#webform_key": "t1e",
+      "#webform_parent_key": "p1",
+      "#webform_parent_flexbox": false,
+      "#webform_depth": 1,
+      "#webform_multiple": false,
+      "#webform_composite": false,
+      "#admin_title": "t1",
+      "#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,
+      "#processed": true,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-t1",
+      "#name": "t1",
+      "#value": "",
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "t1d": {
+      "#type": "textfield",
+      "#title": "label 2",
+      "#required": true,
+      "#webform": "kitchen_sink_formio_v1d",
+      "#webform_id": "kitchen_sink_formio_v1--t1d",
+      "#webform_key": "t1d",
+      "#webform_parent_key": "p1",
+      "#webform_parent_flexbox": false,
+      "#webform_depth": 1,
+      "#webform_multiple": false,
+      "#webform_composite": false,
+      "#admin_title": "t1",
+      "#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,
+      "#processed": true,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-t1",
+      "#name": "t1",
+      "#value": "",
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "t1c": {
+      "#type": "textfield",
+      "#title": "label 3",
+      "#required": true,
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--t1c",
+      "#webform_key": "t1c",
+      "#webform_parent_key": "p1",
+      "#webform_parent_flexbox": false,
+      "#webform_depth": 1,
+      "#webform_multiple": false,
+      "#webform_composite": false,
+      "#admin_title": "t1",
+      "#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,
+      "#processed": true,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-t1",
+      "#name": "t1",
+      "#value": "",
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "t1b": {
+      "#type": "textfield",
+      "#title": "label 4",
+      "#required": true,
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--t1b",
+      "#webform_key": "t1b",
+      "#webform_parent_key": "p1",
+      "#webform_parent_flexbox": false,
+      "#webform_depth": 1,
+      "#webform_multiple": false,
+      "#webform_composite": false,
+      "#admin_title": "t1",
+      "#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,
+      "#processed": true,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-t1",
+      "#name": "t1",
+      "#value": "",
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "t1a": {
+      "#type": "textfield",
+      "#title": "label 5",
+      "#required": true,
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--t1a",
+      "#webform_key": "t1a",
+      "#webform_parent_key": "p1",
+      "#webform_parent_flexbox": false,
+      "#webform_depth": 1,
+      "#webform_multiple": false,
+      "#webform_composite": false,
+      "#admin_title": "t1",
+      "#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,
+      "#processed": true,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-t1",
+      "#name": "t1a",
+      "#value": "",
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--p1",
+    "#webform_key": "p1",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#admin_title": "p1",
+    "#webform_plugin_id": "webform_wizard_page",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#defaults_loaded": true,
+    "#tree": false,
+    "#weight": 0,
+    "#processed": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-p1",
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "p2": {
+    "#type": "webform_wizard_page",
+    "#webform_plugin_id": "webform_wizard_page",
+    "#title": "p2",
+    "t2": {
+      "#type": "textfield",
+      "#title": "t2",
+      "#webform": "kitchen_sink_formio_v1",
+      "#webform_id": "kitchen_sink_formio_v1--t2",
+      "#webform_key": "t2",
+      "#webform_parent_key": "p2",
+      "#webform_parent_flexbox": false,
+      "#webform_depth": 1,
+      "#webform_multiple": false,
+      "#webform_composite": false,
+      "#admin_title": "t2",
+      "#webform_plugin_id": "textfield",
+      "#maxlength": 255,
+      "#webform_submission": null,
+      "#access": false,
+      "#webform_element": true,
+      "#theme": "input__textfield",
+      "#defaults_loaded": true,
+      "#tree": false,
+      "#weight": 0,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#id": "edit-t2",
+      "#name": "t2",
+      "#value": "",
+      "#sorted": true,
+      "#after_build_done": true
+    },
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--p2",
+    "#webform_key": "p2",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#admin_title": "p2",
+    "#webform_submission": null,
+    "#access": false,
+    "#webform_element": true,
+    "#_webform_access": false,
+    "#open": false,
+    "#value": null,
+    "#defaults_loaded": true,
+    "#tree": false,
+    "#weight": 0.001,
+    "#processed": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-p2",
+    "#ajax_processed": false,
+    "#sorted": true,
+    "#after_build_done": true
+  },
+  "actions": {
+    "#type": "webform_actions",
+    "#title": "Submit button(s)",
+    "#submit__label": "Go",
+    "#webform": "kitchen_sink_formio_v1",
+    "#webform_id": "kitchen_sink_formio_v1--actions",
+    "#webform_key": "actions",
+    "#webform_parent_key": "",
+    "#webform_parent_flexbox": false,
+    "#webform_depth": 0,
+    "#webform_multiple": false,
+    "#webform_composite": false,
+    "#admin_title": "Submit button(s)",
+    "#webform_plugin_id": "webform_actions",
+    "#webform_submission": null,
+    "#access": true,
+    "#webform_element": true,
+    "#defaults_loaded": true,
+    "#tree": false,
+    "#weight": 0.002,
+    "#processed": true,
+    "#required": false,
+    "#title_display": "before",
+    "#description_display": "after",
+    "#errors": null,
+    "#id": "edit-actions",
+    "wizard_next": {
+      "#type": "submit",
+      "#value": "Next Page \u003E",
+      "#webform_actions_button_custom": false,
+      "#weight": 1,
+      "#id": "edit-actions-wizard-next",
+      "#executes_submit_callback": true,
+      "#input": true,
+      "#name": "op",
+      "#is_button": true,
+      "#limit_validation_errors": false,
+      "#defaults_loaded": true,
+      "#tree": false,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "submit": {
+      "#type": "submit",
+      "#value": "Go",
+      "#button_type": "primary",
+      "#weight": 10,
+      "#access": false,
+      "#id": "edit-actions-submit",
+      "#executes_submit_callback": true,
+      "#input": true,
+      "#name": "op",
+      "#is_button": true,
+      "#limit_validation_errors": false,
+      "#defaults_loaded": true,
+      "#tree": false,
+      "#processed": true,
+      "#required": false,
+      "#title_display": "before",
+      "#description_display": "after",
+      "#errors": null,
+      "#ajax_processed": false,
+      "#sorted": true
+    },
+    "#theme": "webform_actions",
+    "#after_build_done": true
+  },
+  "#tree": false,
+  "#weight": 0.002,
+  "#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/options.stories.js

@@ -0,0 +1,98 @@
+import FormInstance from '../index.vue'
+import checkboxes from './mocks/checkboxes.json'
+import checkboxesother from './mocks/checkboxesother.json'
+import likert from './mocks/likert.json'
+import radios from './mocks/radios.json'
+import radiosother from './mocks/radiosother.json'
+import select from './mocks/select.json'
+import selectother from './mocks/selectother.json'
+import table from './mocks/table-select.json'
+
+// export default Meta('Options Controls')
+export default {
+    title: 'Form/Options Controls',
+    component: FormInstance,
+    argTypes: {
+      preview: {
+        control: 'boolean',
+        defaultValue: true,
+        table: {
+          disable: true
+        }
+      },
+      contentApiUrl: {
+        control: 'text',
+       defaultValue: process.env.CONTENT_API_URL
+      },
+      processID: {
+        control: 'text',
+        defaultValue: 'proc-id-form-options-controls',
+        table: {
+          disable: true
+        }
+      },
+      formid: {
+        control: 'string',
+        defaultValue: '',
+        table: {
+          disable: true
+        }
+      },
+      type: {
+        control: 'text',
+        defaultValue: '',
+        table: {
+          disable: true
+        }
+      },
+      webFormJson: {
+        control: 'object'
+      }
+    },
+    args: {
+      processID: 'proc-id-form-options-controls',
+      preview: true,
+      contentApiUrl:process.env.CONTENT_API_URL
+    }
+  }
+
+export const Checkboxes = {
+  args : {
+    webFormJson: checkboxes
+  }
+}
+
+export const CheckboxesOther = {}
+CheckboxesOther.args = {
+  webFormJson: checkboxesother
+}
+
+export const Likert = {}
+Likert.args = {
+  webFormJson: likert
+}
+
+export const Radios = {}
+Radios.args = {
+  webFormJson: radios
+}
+
+export const RadiosOther = {}
+RadiosOther.args = {
+  webFormJson: radiosother
+}
+
+export const Select = {}
+Select.args = {
+  webFormJson: select
+}
+
+export const SelectOther = {}
+SelectOther.args = {
+  webFormJson: selectother
+}
+
+export const TableSelect = {}
+TableSelect.args = {
+  webFormJson: table
+}

package/src/components/SubComponents/FormInstance/stories/style.stories.js

@@ -0,0 +1,55 @@
+import FormInstance from '../index.vue'
+import styles from './mocks/styles.json'
+
+export default {
+    title: 'Form/Custom Style',
+    component: FormInstance,
+    argTypes: {
+      preview: {
+        control: 'boolean',
+        defaultValue: true,
+        table: {
+          disable: true
+        }
+      },
+      contentApiUrl: {
+        control: 'text',
+       defaultValue: process.env.CONTENT_API_URL
+      },
+      processID: {
+        control: 'text',
+        defaultValue: 'proc-id-form-custom-style',
+        table: {
+          disable: true
+        }
+      },
+      formid: {
+        control: 'string',
+        defaultValue: '',
+        table: {
+          disable: true
+        }
+      },
+      type: {
+        control: 'text',
+        defaultValue: '',
+        table: {
+          disable: true
+        }
+      },
+      webFormJson: {
+        control: 'object'
+      }
+    },
+    args: {
+      processID: 'proc-id-form-custom-style',
+      preview: true,
+      contentApiUrl:process.env.CONTENT_API_URL
+    }
+  }
+
+export const Default = {
+args : {
+  webFormJson: styles
+}
+}

package/src/components/SubComponents/FormInstance/stories/wizard.stories.js

@@ -0,0 +1,55 @@
+import FormInstance from '../index.vue'
+import wizard from './mocks/wizard.json'
+
+export default {
+    title: 'Form/Wizard',
+    component: FormInstance,
+    argTypes: {
+      preview: {
+        control: 'boolean',
+        defaultValue: true,
+        table: {
+          disable: true
+        }
+      },
+      contentApiUrl: {
+        control: 'text',
+       defaultValue: process.env.CONTENT_API_URL
+      },
+      processID: {
+        control: 'text',
+        defaultValue: 'proc-id-form-wizard',
+        table: {
+          disable: true
+        }
+      },
+      formid: {
+        control: 'string',
+        defaultValue: '',
+        table: {
+          disable: true
+        }
+      },
+      type: {
+        control: 'text',
+        defaultValue: '',
+        table: {
+          disable: true
+        }
+      },
+      webFormJson: {
+        control: 'object'
+      }
+    },
+    args: {
+      processID: 'proc-id-form-wizard',
+      preview: true,
+      contentApiUrl:process.env.CONTENT_API_URL
+    }
+  }
+
+export const Default = {
+args : {
+  webFormJson: wizard
+}
+}