@bach.software/vue-dynamic-form 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/README.md +163 -163
  2. package/dist/examples.cjs.js +4 -4
  3. package/dist/examples.cjs.js.map +1 -1
  4. package/dist/examples.es.js +235 -209
  5. package/dist/examples.es.js.map +1 -1
  6. package/dist/src/components/DynamicForm.vue.d.ts +3 -0
  7. package/dist/src/components/DynamicFormItem.vue.d.ts +3 -0
  8. package/dist/src/components/DynamicFormItemArray.vue.d.ts +2 -0
  9. package/dist/src/components/DynamicFormItemChoice.vue.d.ts +2 -0
  10. package/dist/src/components/DynamicFormTemplate.vue.d.ts +5 -0
  11. package/dist/src/core/defineMetadata.d.ts +21 -10
  12. package/dist/src/core/useDynamicForm.d.ts +8 -0
  13. package/dist/src/core/useFieldArrayExtended.d.ts +2 -1
  14. package/dist/src/core/useValidatePartialForm.d.ts +8 -0
  15. package/dist/src/core/validation.d.ts +1 -0
  16. package/dist/src/examples/TestForm.vue.d.ts +1 -2
  17. package/dist/src/examples/TestFormTemplate.vue.d.ts +5 -0
  18. package/dist/src/examples/__tests__/TestFormTemplate.testcases.d.ts +1 -2
  19. package/dist/src/index.d.ts +1 -1
  20. package/dist/src/types/DynamicFormItemProps.d.ts +1 -4
  21. package/dist/src/types/DynamicFormSettings.d.ts +3 -3
  22. package/dist/src/types/GetDynamicFormSettingsType.d.ts +3 -0
  23. package/dist/src/types/MetadataConfiguration.d.ts +1 -0
  24. package/dist/src/utils/__tests__/mapEachMetadataItem.test.d.ts +1 -0
  25. package/dist/tsconfig.tsbuildinfo +1 -1
  26. package/dist/useDynamicForm-B3VHKage.js +735 -0
  27. package/dist/useDynamicForm-B3VHKage.js.map +1 -0
  28. package/dist/useDynamicForm-CIS8GwHy.cjs +6 -0
  29. package/dist/useDynamicForm-CIS8GwHy.cjs.map +1 -0
  30. package/dist/vue-dynamic-form.cjs.js +1 -1
  31. package/dist/vue-dynamic-form.es.js +7 -9
  32. package/package.json +1 -1
  33. package/dist/src/examples/__tests__/DynamicForm.test.d.ts +0 -1
  34. package/dist/src/types/KeyValue.d.ts +0 -3
  35. package/dist/useDynamicForm-C6-0mGw4.js +0 -737
  36. package/dist/useDynamicForm-C6-0mGw4.js.map +0 -1
  37. package/dist/useDynamicForm-SHyV1lLH.cjs +0 -6
  38. package/dist/useDynamicForm-SHyV1lLH.cjs.map +0 -1
package/dist/examples.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"examples.cjs.js","sources":["../src/utils/mapEachMetadataItem.ts","../src/examples/components/IconButton.vue","../src/examples/TestFormTemplate.vue","../src/examples/TestForm.vue","../src/examples/__tests__/TestFormTemplate.testcases.ts"],"sourcesContent":["import type { FieldMetadata } from '@/types/FieldMetadata';\n\n/**\n * Recursively walks a `FieldMetadata` tree (visiting `children` and `choice`) and applies\n * `callbackFunc` to every node, returning the transformed tree.\n *\n * The callback receives a shallow clone of each node, so mutations inside the callback do not\n * affect the original metadata. `children` and `choice` on the returned node are replaced with\n * the recursively-mapped results after the callback runs.\n */\nexport function mapEachMetadataItem<\n ExtendedFieldTypes extends string = string,\n ExtendedProperties extends object = object,\n>(\n metadata: FieldMetadata<ExtendedFieldTypes, ExtendedProperties>,\n callbackFunc: (item: FieldMetadata<ExtendedFieldTypes, ExtendedProperties>) => FieldMetadata<ExtendedFieldTypes, ExtendedProperties>,\n): FieldMetadata<ExtendedFieldTypes, ExtendedProperties> {\n if (!metadata || !callbackFunc)\n return metadata;\n\n metadata = callbackFunc?.({ ...metadata });\n metadata.children = metadata?.children?.map(x => mapEachMetadataItem(x, callbackFunc));\n metadata.choice = metadata?.choice?.map(x => mapEachMetadataItem(x, callbackFunc));\n return metadata;\n}\n","<script lang=\"ts\" setup>\ninterface Props {\n icon: 'plus' | 'minus'\n color?: 'blue' | 'red'\n}\ninterface Emits {\n (e: 'click'): void\n}\nconst {\n icon,\n color = 'blue',\n} = defineProps<Props>();\ndefineEmits<Emits>();\n</script>\n\n<template>\n <button\n type=\"button\"\n class=\"cursor-pointer inline-flex items-center justify-center rounded-full size-5 text-white-800 cursor-pointer\"\n :class=\"{\n 'bg-blue-200 hover:bg-blue-300': color === 'blue',\n 'bg-red-200 hover:bg-red-300': color === 'red',\n }\"\n @click=\"$emit('click')\"\n >\n <svg v-if=\"icon === 'plus'\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-3\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" />\n </svg>\n <svg v-if=\"icon === 'minus'\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-3\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14\" />\n </svg>\n </button>\n</template>\n","<script lang=\"ts\" setup>\nimport type { GetMetadataType } from '@/types/GetMetadataType';\nimport DynamicFormTemplate from '@/components/DynamicFormTemplate.vue';\nimport { defineMetadata } from '@/core/defineMetadata';\nimport IconButton from './components/IconButton.vue';\n\nexport type Metadata = GetMetadataType<typeof metadata>;\n\nconst metadata = defineMetadata<\n {\n text: string\n textBoundByVModel: string\n select: string\n selectBoundByVModel: string\n checkbox: boolean\n checkboxBoundByVModel: boolean\n heading: never\n group: never\n },\n {\n description?: string\n options?: { key: string, value: string }[]\n fullWidth?: boolean\n disabled?: boolean\n hidden?: boolean\n },\n /**\n * Free to decide what attributes you want to pass internally between your templates.\n * You can add any attribute to a <slot /> and then it will be accessible in props.slotProps.\n */\n {\n hideLabel?: boolean\n /** Example on how to keep track of the levels */\n level?: number\n /** Helps identifying that we're below a choice field, so if we're rendering an array we can adjust our layout */\n belowChoiceField?: boolean\n hidden?: boolean\n }\n>();\n</script>\n\n<template>\n <DynamicFormTemplate :metadata-configuration=\"metadata\">\n <template #heading=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, canAddItems, addItem, canRemoveItems, removeItem, slotProps }\">\n <div v-if=\"!fieldMetadata.hidden\" class=\"mt-4\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <h3 v-if=\"label\" class=\"flex text-xl font-bold gap-2 items-center mb-2\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\">\n {{ label }}\n <IconButton v-if=\"canAddItems\" icon=\"plus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-add-button`\" @click=\"addItem\" />\n <IconButton v-if=\"canRemoveItems\" icon=\"minus\" tabindex=\"-1\" color=\"red\" :data-testid=\"`${fieldMetadata.path}-remove-button`\" @click=\"removeItem\" />\n </h3>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <slot :level=\"(slotProps?.level ?? 0) + 1\" />\n </div>\n </div>\n </template>\n\n <template #heading-array>\n <!-- Don't show any extra elements for the heading -->\n <slot />\n </template>\n\n <template #default-choice=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, slotProps }\">\n <div v-if=\"!fieldMetadata.hidden\" class=\"flex flex-col gap-2\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <span class=\"flex gap-2 items-center\" :class=\"{ 'text-gray-500': disabled, 'after:content-[\\'*\\'] after:-ml-0.5 after:text-red-500': required }\">\n {{ label }}\n </span>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 ms-6\">\n <slot :level=\"(slotProps?.level ?? 0) + 1\" :below-choice-field=\"true\" />\n </div>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n </template>\n\n <template #default-array=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, canAddItems, addItem }\">\n <div v-if=\"!fieldMetadata.hidden\" class=\"flex flex-col gap-2\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <label :for=\"`${fieldMetadata.path}[0]`\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\" class=\"flex gap-2 items-center\">\n {{ label }}\n <span v-if=\"required\" class=\"-ml-0.5 text-red-500\">*</span>\n <IconButton v-if=\"canAddItems\" icon=\"plus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-add-button`\" @click=\"addItem\" />\n </label>\n <slot :hide-label=\"true\" />\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n </template>\n\n <template #default=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, canRemoveItems, removeItem, slotProps }\">\n <div v-if=\"!fieldMetadata.hidden\" class=\"flex flex-col gap-2\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <label v-if=\"!slotProps?.hideLabel\" :for=\"fieldMetadata.path\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\">\n {{ label }}\n <span v-if=\"required\" class=\"-ml-0.5 text-red-500\">*</span>\n </label>\n <div class=\"flex gap-2 items-center\">\n <div class=\"flex flex-col grow\">\n <slot />\n </div>\n <IconButton :class=\"{ invisible: !canRemoveItems }\" icon=\"minus\" tabindex=\"-1\" color=\"red\" :data-testid=\"`${fieldMetadata.path}-remove-button`\" @click=\"removeItem\" />\n </div>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n <slot name=\"attributes\" />\n </template>\n\n <template #group-array=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, canAddItems, addItem, slotProps }\">\n <template v-if=\"fieldMetadata.hidden\" />\n <!-- In case we're below a choice field, the first array item is not automatically added, so show a label with buttons -->\n <div v-else-if=\"slotProps?.belowChoiceField\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <span class=\"flex gap-2 items-center mb-2\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\">\n {{ label }}\n <span v-if=\"required\" class=\"-ml-0.5 text-red-500\">*</span>\n <IconButton v-if=\"canAddItems\" icon=\"plus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-add-button`\" @click=\"addItem\" />\n </span>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 ms-6\">\n <slot :level=\"(slotProps?.level ?? 0) + 1\" />\n </div>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n <!-- In case we show an input directly, show a label and buttons -->\n <slot v-else />\n </template>\n\n <template #group=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, canAddItems, canRemoveItems, addItem, removeItem, slotProps }\">\n <!-- In case of a grouped field we render the field differently -->\n <div v-if=\"!fieldMetadata.hidden\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <span v-if=\"!slotProps?.hideLabel\" class=\"flex gap-2 items-center mb-2\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\">\n {{ label }}\n <span v-if=\"required\" class=\"-ml-0.5 text-red-500\">*</span>\n <IconButton v-if=\"canAddItems\" icon=\"plus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-add-button`\" @click=\"addItem\" />\n <IconButton v-if=\"canRemoveItems\" icon=\"minus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-remove-button`\" color=\"red\" @click=\"removeItem\" />\n </span>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 ms-6\">\n <slot :level=\"(slotProps?.level ?? 0) + 1\" />\n </div>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n <slot name=\"attributes\" />\n </template>\n\n <template #select-input=\"{ fieldMetadata, fieldContext: { value, handleBlur, handleChange }, disabled }\">\n <select\n :id=\"fieldMetadata.path\"\n :value=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n class=\"h-9 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @change=\"handleChange\"\n @blur=\"handleBlur\"\n >\n <option v-for=\"{ key: optionKey, value: optionValue } in fieldMetadata.options\" :key=\"optionKey\" :value=\"optionKey\">\n {{ optionValue }}\n </option>\n </select>\n </template>\n\n <template #selectBoundByVModel-input=\"{ fieldMetadata, fieldContext: { value, handleBlur }, disabled }\">\n <select\n :id=\"fieldMetadata.path\"\n v-model=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n class=\"h-9 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @blur=\"handleBlur\"\n >\n <option v-for=\"{ key: optionKey, value: optionValue } in fieldMetadata.options\" :key=\"optionKey\" :value=\"optionKey\">\n {{ optionValue }}\n </option>\n </select>\n </template>\n\n <template #checkbox-input=\"{ fieldMetadata, fieldContext: { value, handleBlur, handleChange }, disabled }\">\n <input\n :id=\"fieldMetadata.path\"\n :checked=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n type=\"checkbox\"\n class=\"h-6 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @change=\"handleChange(($event.target as HTMLInputElement).checked)\"\n @blur=\"handleBlur\"\n >\n </template>\n\n <template #checkboxBoundByVModel-input=\"{ fieldMetadata, fieldContext: { value, handleBlur }, disabled }\">\n <input\n :id=\"fieldMetadata.path\"\n v-model=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n type=\"checkbox\"\n class=\"h-6 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @blur=\"handleBlur\"\n >\n </template>\n\n <template #textBoundByVModel-input=\"{ fieldMetadata, fieldContext: { value, handleBlur }, disabled }\">\n <input\n :id=\"fieldMetadata.path\"\n v-model=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n type=\"text\"\n class=\"h-9 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @blur=\"handleBlur\"\n >\n </template>\n\n <template #default-input=\"{ fieldMetadata, fieldContext: { value, handleBlur, handleChange }, disabled }\">\n <input\n :id=\"fieldMetadata.path\"\n :value=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n type=\"text\"\n class=\"h-9 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @input=\"handleChange\"\n @blur=\"handleBlur\"\n >\n </template>\n </DynamicFormTemplate>\n</template>\n","<script setup lang=\"ts\">\nimport type { GenericObject } from 'vee-validate';\n\nimport type { Metadata } from './TestFormTemplate.vue';\nimport type { DynamicFormSettings } from '@/types/DynamicFormSettings';\nimport { computed, ref } from 'vue';\nimport { checkTreeHasValue } from '@/utils/checkTreeHasValue';\nimport { mapEachMetadataItem } from '@/utils/mapEachMetadataItem';\nimport DynamicForm from '../components/DynamicForm.vue';\nimport { useDynamicForm } from '../core/useDynamicForm';\nimport TestFormTemplate from './TestFormTemplate.vue';\n\nexport interface Props {\n metadata: Metadata[]\n settings?: DynamicFormSettings\n showDebugState?: boolean\n initialEdit?: boolean\n hideFieldsWithoutValue?: boolean\n initialValues?: GenericObject\n}\n\nconst { metadata, settings: _settings, initialEdit = true, hideFieldsWithoutValue = false, showDebugState = false, initialValues } = defineProps<Props>();\n\nconst { values, handleSubmit, errors, meta } = useDynamicForm({\n initialValues,\n});\nconst manualValues = ref();\nconst editMode = ref(initialEdit);\nconst isSubmitted = ref(false);\n\n// Add edit mode functionality to the form. In case we're not in edit mode, disable all items.\nconst metadataWithEdit = computed(() => metadata?.map(x => mapEachMetadataItem(x, (item) => {\n item.computedProps = item.computedProps ?? [];\n\n // Disable all fields when not in edit mode\n item.computedProps.push((thisField) => {\n if (!editMode.value)\n thisField.disabled = true;\n });\n\n if (hideFieldsWithoutValue) {\n // In view mode, hide fields that have no value\n item.computedProps.push((thisField, fieldValue) => {\n if (!editMode.value && !checkTreeHasValue(fieldValue.value))\n thisField.hidden = true;\n });\n\n // In view mode, hide a parent field when all of its children are hidden\n item.computedProps.push((thisField, _fieldValue, childFields) => {\n if (!editMode.value && childFields.value.length > 0 && childFields.value.every(c => c.hidden))\n thisField.hidden = true;\n });\n }\n\n return item;\n})));\n\nconst settings = computed(() => ({\n analytics: true,\n messages: {\n required: '{field} is required',\n minOccurs: 'At least {min} items required',\n choiceMinOccurs: 'The following fields need to occur at least {min} time(s): {field}',\n minLength: 'The minimum length of {field} is {length}',\n maxLength: 'The maximum length of {field} is {length}',\n length: '{field} must be exactly {length} characters',\n pattern: '{field} does not match the required pattern',\n minInclusive: '{field} must be at least {min}',\n maxInclusive: '{field} must be at most {max}',\n minExclusive: '{field} must be greater than {min}',\n maxExclusive: '{field} must be less than {max}',\n enumeration: '{field} must be one of the allowed values',\n whiteSpace: '{field} contains invalid whitespace (mode: {mode})',\n fractionDigits: '{field} may have at most {digits} decimal place(s)',\n totalDigits: '{field} may have at most {digits} significant digit(s)',\n },\n ...(_settings ?? {}),\n}));\n\nfunction submit(e?: Event) {\n handleSubmit(\n (_values) => {\n isSubmitted.value = true;\n editMode.value = false;\n },\n ({ errors: _errors }) => {\n isSubmitted.value = false;\n },\n )(e);\n};\n</script>\n\n<template>\n <form @submit.prevent=\"submit\">\n <div class=\"flex justify-end gap-2\">\n <button v-if=\"!editMode\" type=\"button\" class=\"cursor-pointer mt-4 bg-blue-500 text-white px-4 py-2 rounded\" data-testid=\"submit\" @click=\"editMode = true\">\n Edit\n </button>\n <button v-if=\"editMode\" type=\"submit\" class=\"cursor-pointer mt-4 bg-blue-500 text-white px-4 py-2 rounded\" data-testid=\"submit\">\n Submit\n </button>\n <button v-if=\"editMode\" type=\"button\" class=\"cursor-pointer mt-4 bg-gray-200 text-black px-4 py-2 rounded\" data-testid=\"cancel\" @click=\"editMode = false\">\n Cancel\n </button>\n </div>\n <div v-if=\"Object.values(errors).length\" data-testid=\"errors\" class=\"col-12 text-red-600\">\n Errors:\n <ul>\n <li v-for=\"(error, key) in errors\" :key=\"key\">\n <span v-html=\"error\" />\n </li>\n </ul>\n </div>\n <DynamicForm\n :template=\"TestFormTemplate\"\n :metadata=\"metadataWithEdit\"\n :settings\n @update:model-value=\"manualValues = $event\"\n />\n <span v-if=\"isSubmitted\" data-testid=\"isSubmitted\" />\n <pre v-if=\"showDebugState\" class=\"bg-gray-100 p-4 rounded-lg text-sm overflow-auto\">\nIsDirty: {{ meta.dirty }}\nPending: {{ meta.pending }}\nTouched: {{ meta.touched }}\nValid: {{ meta.valid }}\nSubmitted: {{ isSubmitted }}\n\n// form values:\n{{ JSON.stringify(values, null, 2) }}\n </pre>\n </form>\n</template>\n","import type { GenericObject } from 'vee-validate';\nimport type { Metadata } from '@/examples/TestFormTemplate.vue';\n\nimport type { DynamicFormSettings } from '@/types/DynamicFormSettings';\nimport { defineComponent, h, markRaw } from 'vue';\nimport TestForm from '@/examples/TestForm.vue';\n\nexport const defaultTestCase = createTestCase([{\n name: 'text',\n type: 'text',\n fieldOptions: { label: 'Text Input' },\n path: 'with.custom.structure',\n restriction: { maxLength: 10 },\n}]);\n\nexport const arrayTestCase = createTestCase([{\n fieldOptions: { label: 'Array Fields' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Optional field (max 3)' }, minOccurs: 0, maxOccurs: 3 },\n { fieldOptions: { label: 'Required field (max 3)' }, maxOccurs: 3 },\n { fieldOptions: { label: '2 Fields required' }, minOccurs: 2, maxOccurs: 4 },\n { fieldOptions: { label: 'Section (2 sections required)' }, type: 'heading', minOccurs: 2, maxOccurs: 4, fullWidth: true, children: [\n { fieldOptions: { label: 'Nested field 1' } },\n { fieldOptions: { label: 'Required Nested field 2' }, type: 'select', options: [\n { key: 'option1', value: 'Option 1' },\n { key: 'option2', value: 'Option 2' },\n { key: 'option3', value: 'Option 3' },\n ] },\n { fieldOptions: { label: 'Nested field 3' }, type: 'checkbox' },\n ] },\n ],\n}]);\n\nexport const groupTestCase = createTestCase([{\n fieldOptions: { label: 'Grouped Fields' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Required group' }, type: 'group', children: [\n { fieldOptions: { label: 'Required Nested field 1' }, fullWidth: true },\n { fieldOptions: { label: 'Required Nested field 2' }, fullWidth: true },\n ] },\n { fieldOptions: { label: 'Optional group' }, type: 'group', minOccurs: 0, description: `The group is optional, therefore the children will only be required once 1 value is filled in.\n \nYou can test it by filling in one of the fields.`, children: [\n { fieldOptions: { label: 'Required Nested field 1' }, fullWidth: true },\n { fieldOptions: { label: 'Required Nested field 2' }, fullWidth: true },\n ] },\n ],\n}, {\n fieldOptions: { label: 'Grouped Array Fields' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Required group' }, type: 'group', maxOccurs: 5, fullWidth: true, children: [\n { fieldOptions: { label: 'Required Nested field 1' } },\n { fieldOptions: { label: 'Required Nested field 2' } },\n ] },\n { fieldOptions: { label: 'Optional group' }, type: 'group', minOccurs: 0, maxOccurs: 5, fullWidth: true, children: [\n { fieldOptions: { label: 'Required Nested field 1' } },\n { fieldOptions: { label: 'Required Nested field 2' } },\n ] },\n ],\n}]);\n\nexport const choiceTestCase = createTestCase([\n {\n fieldOptions: { label: 'Choice Fields (minOccurs 1, maxOccurs 1)' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Simple Choice Field' }, fullWidth: true, description: `In a choice field, only 1 of the fields can be filled in.`, choice: [\n { fieldOptions: { label: 'Nested Field 1' } },\n { fieldOptions: { label: 'Nested Field 2' } },\n ] },\n ],\n },\n {\n fieldOptions: { label: 'Choice Grouped Fields (minOccurs 1, maxOccurs 3)' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Array Choice Field' }, type: 'group', maxOccurs: 3, fullWidth: true, description: `In a choice field, only 1 of the fields can be filled in.`, choice: [\n { fieldOptions: { label: 'Nested Field 1' }, type: 'group', children: [\n { fieldOptions: { label: 'Nested Child Field 1' }, fullWidth: true },\n { fieldOptions: { label: 'Nested Child Field 2' }, fullWidth: true },\n ] },\n { fieldOptions: { label: 'Nested Field 2' }, type: 'group', children: [\n { fieldOptions: { label: 'Nested Child Field 1' }, fullWidth: true },\n { fieldOptions: { label: 'Nested Child Field 2' }, fullWidth: true },\n ] },\n ] },\n ],\n },\n {\n fieldOptions: { label: 'Choice Array Fields (minOccurs 1, maxOccurs 3)' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Array Choice Field' }, type: 'group', maxOccurs: 3, fullWidth: true, description: `In a choice field, only 1 of the fields can be filled in.`, choice: [\n { fieldOptions: { label: 'Nested Field 1' }, maxOccurs: 3 },\n { fieldOptions: { label: 'Nested Field 2' }, maxOccurs: 3 },\n ] },\n ],\n },\n]);\n\nexport const childFieldsTestCase = createTestCase([\n {\n fieldOptions: { label: 'Personal Info' },\n type: 'heading',\n name: 'person',\n description: 'Only showing the fields that have a value. Click edit to change.',\n fullWidth: true,\n children: [\n { name: 'firstName', fieldOptions: { label: 'First Name' } },\n { name: 'lastName', fieldOptions: { label: 'Last Name' } },\n { name: 'email', fieldOptions: { label: 'Email' } },\n ],\n },\n {\n fieldOptions: { label: 'Address' },\n type: 'heading',\n name: 'address',\n fullWidth: true,\n children: [\n { name: 'street', fieldOptions: { label: 'Street' }, minOccurs: 0 },\n { name: 'city', fieldOptions: { label: 'City' }, minOccurs: 0 },\n { name: 'country', fieldOptions: { label: 'Country' }, minOccurs: 0 },\n ],\n },\n], undefined, {\n initialEdit: false,\n hideFieldsWithoutValue: true,\n initialValues: {\n person: {\n firstName: 'Jack',\n lastName: 'Smit',\n },\n },\n});\n\nexport const individualTestCase = createTestCase(\n [{\n name: 'items',\n type: 'text',\n fieldOptions: { label: 'Items' },\n maxOccurs: 3,\n attributes: [{ name: 'lang', type: 'text', minOccurs: 0 }],\n }],\n {\n // validateOnValueUpdate: false,\n // validateOnValueUpdateAfterSubmit: false,\n // validateWhenInError: true,\n // validateOnBlur: true,\n },\n);\n\nexport function createTestCase(\n metadata: Metadata[],\n settings?: DynamicFormSettings,\n testCaseConfig: {\n initialEdit?: boolean\n hideFieldsWithoutValue?: boolean\n initialValues?: GenericObject\n } = {},\n) {\n return markRaw(defineComponent({\n render: () => h(TestForm, { ...testCaseConfig, metadata, settings, showDebugState: true }),\n }));\n}\n"],"names":["mapEachMetadataItem","metadata","callbackFunc","x","_createElementBlock","color","$emit","icon","_openBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","defineMetadata","_createBlock","DynamicFormTemplate","_unref","fieldMetadata","errorMessage","label","disabled","canAddItems","addItem","canRemoveItems","removeItem","slotProps","_normalizeClass","_createTextVNode","_toDisplayString","IconButton","_hoisted_3","_renderSlot","_ctx","_withCtx","required","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_14","_createVNode","_hoisted_15","_hoisted_16","_Fragment","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","value","handleBlur","handleChange","optionKey","optionValue","_hoisted_26","$event","_hoisted_28","_vModelSelect","_vModelCheckbox","_vModelText","values","handleSubmit","errors","meta","useDynamicForm","__props","manualValues","ref","editMode","isSubmitted","metadataWithEdit","computed","item","thisField","fieldValue","checkTreeHasValue","_fieldValue","childFields","c","settings","submit","e","_values","_errors","_renderList","error","key","DynamicForm","TestFormTemplate","showDebugState","defaultTestCase","createTestCase","arrayTestCase","groupTestCase","choiceTestCase","childFieldsTestCase","individualTestCase","testCaseConfig","markRaw","defineComponent","h","TestForm"],"mappings":"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"}
1
+ {"version":3,"file":"examples.cjs.js","sources":["../src/utils/mapEachMetadataItem.ts","../src/examples/components/IconButton.vue","../src/examples/TestFormTemplate.vue","../src/examples/TestForm.vue","../src/examples/__tests__/TestFormTemplate.testcases.ts"],"sourcesContent":["import type { FieldMetadata } from '@/types/FieldMetadata';\n\n/**\n * Recursively walks a `FieldMetadata` tree (visiting `children` and `choice`) and applies\n * `callbackFunc` to every node, returning the transformed tree.\n *\n * The callback receives a shallow clone of each node, so mutations inside the callback do not\n * affect the original metadata. `children` and `choice` on the returned node are replaced with\n * the recursively-mapped results after the callback runs.\n */\nexport function mapEachMetadataItem<\n ExtendedFieldTypes extends string = string,\n ExtendedProperties extends object = object,\n>(\n metadata: FieldMetadata<ExtendedFieldTypes, ExtendedProperties>,\n callbackFunc: (item: FieldMetadata<ExtendedFieldTypes, ExtendedProperties>) => FieldMetadata<ExtendedFieldTypes, ExtendedProperties>,\n): FieldMetadata<ExtendedFieldTypes, ExtendedProperties> {\n if (!metadata || !callbackFunc)\n return metadata;\n\n metadata = callbackFunc?.({ ...metadata });\n metadata.children = metadata?.children?.map(x => mapEachMetadataItem(x, callbackFunc));\n metadata.choice = metadata?.choice?.map(x => mapEachMetadataItem(x, callbackFunc));\n return metadata;\n}\n","<script lang=\"ts\" setup>\ninterface Props {\n icon: 'plus' | 'minus'\n color?: 'blue' | 'red'\n}\ninterface Emits {\n (e: 'click'): void\n}\nconst {\n icon,\n color = 'blue',\n} = defineProps<Props>();\ndefineEmits<Emits>();\n</script>\n\n<template>\n <button\n type=\"button\"\n class=\"cursor-pointer inline-flex items-center justify-center rounded-full size-5 text-white-800 cursor-pointer\"\n :class=\"{\n 'bg-blue-200 hover:bg-blue-300': color === 'blue',\n 'bg-red-200 hover:bg-red-300': color === 'red',\n }\"\n @click=\"$emit('click')\"\n >\n <svg v-if=\"icon === 'plus'\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-3\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" />\n </svg>\n <svg v-if=\"icon === 'minus'\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-3\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14\" />\n </svg>\n </button>\n</template>\n","<script lang=\"ts\" setup>\nimport type { GetDynamicFormSettingsType } from '@/types/GetDynamicFormSettingsType';\nimport type { GetMetadataType } from '@/types/GetMetadataType';\nimport DynamicFormTemplate from '@/components/DynamicFormTemplate.vue';\nimport { defineMetadata } from '@/core/defineMetadata';\nimport IconButton from './components/IconButton.vue';\n\nexport type Metadata = GetMetadataType<typeof metadata>;\n\nexport type DynamicFormSettings = GetDynamicFormSettingsType<typeof metadata>;\n\nconst metadata = defineMetadata<\n {\n text: string\n textBoundByVModel: string\n select: string\n selectBoundByVModel: string\n checkbox: boolean\n checkboxBoundByVModel: boolean\n heading: never\n group: never\n },\n {\n description?: string\n options?: { key: string, value: string }[]\n fullWidth?: boolean\n disabled?: boolean\n hidden?: boolean\n },\n /**\n * Free to decide what attributes you want to pass internally between your templates.\n * You can add any attribute to a <slot /> and then it will be accessible in props.slotProps.\n */\n {\n hideLabel?: boolean\n /** Example on how to keep track of the levels */\n level?: number\n /** Helps identifying that we're below a choice field, so if we're rendering an array we can adjust our layout */\n belowChoiceField?: boolean\n hidden?: boolean\n },\n {\n showOptionalInsteadOfRequired?: boolean\n }\n>();\n</script>\n\n<template>\n <DynamicFormTemplate :metadata-configuration=\"metadata\">\n <template #heading=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, canAddItems, addItem, canRemoveItems, removeItem, slotProps }\">\n <div v-if=\"!fieldMetadata.hidden\" class=\"mt-4\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <h3 v-if=\"label\" class=\"flex text-xl font-bold gap-2 items-center mb-2\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\">\n {{ label }}\n <IconButton v-if=\"canAddItems\" icon=\"plus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-add-button`\" @click=\"addItem\" />\n <IconButton v-if=\"canRemoveItems\" icon=\"minus\" tabindex=\"-1\" color=\"red\" :data-testid=\"`${fieldMetadata.path}-remove-button`\" @click=\"removeItem\" />\n </h3>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <slot :level=\"(slotProps?.level ?? 0) + 1\" />\n </div>\n </div>\n </template>\n\n <template #heading-array>\n <!-- Don't show any extra elements for the heading -->\n <slot />\n </template>\n\n <template #default-choice=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, slotProps, settings: { showOptionalInsteadOfRequired } }\">\n <div v-if=\"!fieldMetadata.hidden\" class=\"flex flex-col gap-2\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <span class=\"flex gap-2 items-center\" :class=\"{ 'text-gray-500': disabled }\">\n {{ label }}\n <span v-if=\"required && !showOptionalInsteadOfRequired\" class=\"text-red-500 dark:text-rose-400\">*</span>\n <span v-if=\"!required && showOptionalInsteadOfRequired\" class=\"text-sm text-gray-400\">(optional)</span>\n </span>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 ms-6\">\n <slot :level=\"(slotProps?.level ?? 0) + 1\" :below-choice-field=\"true\" />\n </div>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n </template>\n\n <template #default-array=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, canAddItems, addItem, settings: { showOptionalInsteadOfRequired } }\">\n <div v-if=\"!fieldMetadata.hidden\" class=\"flex flex-col gap-2\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <label :for=\"`${fieldMetadata.path}[0]`\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\" class=\"flex gap-2 items-center\">\n {{ label }}\n <span v-if=\"required && !showOptionalInsteadOfRequired\" class=\"text-red-500 dark:text-rose-400\">*</span>\n <span v-if=\"!required && showOptionalInsteadOfRequired\" class=\"text-sm text-gray-400\">(optional)</span>\n <IconButton v-if=\"canAddItems\" icon=\"plus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-add-button`\" @click=\"addItem\" />\n </label>\n <slot :hide-label=\"true\" />\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n </template>\n\n <template #default=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, canRemoveItems, removeItem, slotProps, settings: { showOptionalInsteadOfRequired } }\">\n <div v-if=\"!fieldMetadata.hidden\" class=\"flex flex-col gap-2\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <label v-if=\"!slotProps?.hideLabel\" :for=\"fieldMetadata.path\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\" class=\"flex gap-1 items-center\">\n {{ label }}\n <span v-if=\"required && !showOptionalInsteadOfRequired\" class=\"text-red-500 dark:text-rose-400\">*</span>\n <span v-if=\"!required && showOptionalInsteadOfRequired\" class=\"text-sm text-gray-400\">(optional)</span>\n </label>\n <div class=\"flex gap-2 items-center\">\n <div class=\"flex flex-col grow\">\n <slot />\n </div>\n <IconButton :class=\"{ invisible: !canRemoveItems }\" icon=\"minus\" tabindex=\"-1\" color=\"red\" :data-testid=\"`${fieldMetadata.path}-remove-button`\" @click=\"removeItem\" />\n </div>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n <slot name=\"attributes\" />\n </template>\n\n <template #group-array=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, canAddItems, addItem, slotProps, settings: { showOptionalInsteadOfRequired } }\">\n <template v-if=\"fieldMetadata.hidden\" />\n <!-- In case we're below a choice field, the first array item is not automatically added, so show a label with buttons -->\n <div v-else-if=\"slotProps?.belowChoiceField\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <span class=\"flex gap-2 items-center mb-2\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\">\n {{ label }}\n <span v-if=\"required && !showOptionalInsteadOfRequired\" class=\"text-red-500 dark:text-rose-400\">*</span>\n <span v-if=\"!required && showOptionalInsteadOfRequired\" class=\"text-sm text-gray-400\">(optional)</span>\n <IconButton v-if=\"canAddItems\" icon=\"plus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-add-button`\" @click=\"addItem\" />\n </span>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 ms-6\">\n <slot :level=\"(slotProps?.level ?? 0) + 1\" />\n </div>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n <!-- In case we show an input directly, show a label and buttons -->\n <slot v-else />\n </template>\n\n <template #group=\"{ fieldMetadata, fieldContext: { errorMessage, label }, disabled, required, canAddItems, canRemoveItems, addItem, removeItem, slotProps, settings: { showOptionalInsteadOfRequired } }\">\n <!-- In case of a grouped field we render the field differently -->\n <div v-if=\"!fieldMetadata.hidden\" :class=\"{ 'md:col-span-2': fieldMetadata.fullWidth }\">\n <span v-if=\"!slotProps?.hideLabel\" class=\"flex gap-2 items-center mb-2\" :class=\"{ 'text-gray-500': fieldMetadata.disabled || disabled }\">\n {{ label }}\n <span v-if=\"required && !showOptionalInsteadOfRequired\" class=\"text-red-500 dark:text-rose-400\">*</span>\n <span v-if=\"!required && showOptionalInsteadOfRequired\" class=\"text-sm text-gray-400\">(optional)</span>\n <IconButton v-if=\"canAddItems\" icon=\"plus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-add-button`\" @click=\"addItem\" />\n <IconButton v-if=\"canRemoveItems\" icon=\"minus\" tabindex=\"-1\" :data-testid=\"`${fieldMetadata.path}-remove-button`\" color=\"red\" @click=\"removeItem\" />\n </span>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 ms-6\">\n <slot :level=\"(slotProps?.level ?? 0) + 1\" />\n </div>\n <pre class=\"text-sm whitespace-pre-wrap\">{{ fieldMetadata.description }}</pre>\n <span\n v-if=\"errorMessage.value\"\n class=\"text-red-600 text-sm\"\n :data-testid=\"`${fieldMetadata.path}-error-message`\"\n >{{ errorMessage.value }}</span>\n </div>\n <slot name=\"attributes\" />\n </template>\n\n <template #select-input=\"{ fieldMetadata, fieldContext: { value, handleBlur, handleChange }, disabled }\">\n <select\n :id=\"fieldMetadata.path\"\n :value=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n class=\"h-9 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @change=\"handleChange\"\n @blur=\"handleBlur\"\n >\n <option v-for=\"{ key: optionKey, value: optionValue } in fieldMetadata.options\" :key=\"optionKey\" :value=\"optionKey\">\n {{ optionValue }}\n </option>\n </select>\n </template>\n\n <template #selectBoundByVModel-input=\"{ fieldMetadata, fieldContext: { value, handleBlur }, disabled }\">\n <select\n :id=\"fieldMetadata.path\"\n v-model=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n class=\"h-9 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @blur=\"handleBlur\"\n >\n <option v-for=\"{ key: optionKey, value: optionValue } in fieldMetadata.options\" :key=\"optionKey\" :value=\"optionKey\">\n {{ optionValue }}\n </option>\n </select>\n </template>\n\n <template #checkbox-input=\"{ fieldMetadata, fieldContext: { value, handleBlur, handleChange }, disabled }\">\n <input\n :id=\"fieldMetadata.path\"\n :checked=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n type=\"checkbox\"\n class=\"h-6 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @change=\"handleChange(($event.target as HTMLInputElement).checked)\"\n @blur=\"handleBlur\"\n >\n </template>\n\n <template #checkboxBoundByVModel-input=\"{ fieldMetadata, fieldContext: { value, handleBlur }, disabled }\">\n <input\n :id=\"fieldMetadata.path\"\n v-model=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n type=\"checkbox\"\n class=\"h-6 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @blur=\"handleBlur\"\n >\n </template>\n\n <template #textBoundByVModel-input=\"{ fieldMetadata, fieldContext: { value, handleBlur }, disabled }\">\n <input\n :id=\"fieldMetadata.path\"\n v-model=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n type=\"text\"\n class=\"h-9 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @blur=\"handleBlur\"\n >\n </template>\n\n <template #default-input=\"{ fieldMetadata, fieldContext: { value, handleBlur, handleChange }, disabled }\">\n <input\n :id=\"fieldMetadata.path\"\n :value=\"value.value\"\n :disabled=\"fieldMetadata.disabled || disabled\"\n type=\"text\"\n class=\"h-9 bg-gray-100 border-gray-200 border rounded px-3 text-sm\"\n @input=\"handleChange\"\n @blur=\"handleBlur\"\n >\n </template>\n </DynamicFormTemplate>\n</template>\n","<script setup lang=\"ts\">\nimport type { GenericObject } from 'vee-validate';\n\nimport type { DynamicFormSettings, Metadata } from './TestFormTemplate.vue';\nimport { computed, ref } from 'vue';\nimport { checkTreeHasValue } from '@/utils/checkTreeHasValue';\nimport { mapEachMetadataItem } from '@/utils/mapEachMetadataItem';\nimport DynamicForm from '../components/DynamicForm.vue';\nimport { useDynamicForm } from '../core/useDynamicForm';\nimport TestFormTemplate from './TestFormTemplate.vue';\n\nexport interface Props {\n metadata: Metadata[]\n settings?: DynamicFormSettings\n showDebugState?: boolean\n initialEdit?: boolean\n hideFieldsWithoutValue?: boolean\n initialValues?: GenericObject\n}\n\nconst { metadata, settings: _settings, initialEdit = true, hideFieldsWithoutValue = false, showDebugState = false, initialValues } = defineProps<Props>();\n\nconst { values, handleSubmit, errors, meta } = useDynamicForm({\n initialValues,\n});\nconst manualValues = ref();\nconst editMode = ref(initialEdit);\nconst isSubmitted = ref(false);\n\n// Add edit mode functionality to the form. In case we're not in edit mode, disable all items.\nconst metadataWithEdit = computed(() => metadata?.map(x => mapEachMetadataItem(x, (item) => {\n item.computedProps = item.computedProps ?? [];\n\n // Disable all fields when not in edit mode\n item.computedProps.push((thisField) => {\n if (!editMode.value)\n thisField.disabled = true;\n });\n\n if (hideFieldsWithoutValue) {\n // In view mode, hide fields that have no value\n item.computedProps.push((thisField, fieldValue) => {\n if (!editMode.value && !checkTreeHasValue(fieldValue.value))\n thisField.hidden = true;\n });\n\n // In view mode, hide a parent field when all of its children are hidden\n item.computedProps.push((thisField, _fieldValue, childFields) => {\n if (!editMode.value && childFields.value.length > 0 && childFields.value.every(c => c.hidden))\n thisField.hidden = true;\n });\n }\n\n return item;\n})));\n\nconst settings = computed(() => ({\n analytics: true,\n messages: {\n required: '{field} is required',\n minOccurs: 'At least {min} items required',\n choiceMinOccurs: 'The following fields need to occur at least {min} time(s): {field}',\n minLength: 'The minimum length of {field} is {length}',\n maxLength: 'The maximum length of {field} is {length}',\n length: '{field} must be exactly {length} characters',\n pattern: '{field} does not match the required pattern',\n minInclusive: '{field} must be at least {min}',\n maxInclusive: '{field} must be at most {max}',\n minExclusive: '{field} must be greater than {min}',\n maxExclusive: '{field} must be less than {max}',\n enumeration: '{field} must be one of the allowed values',\n whiteSpace: '{field} contains invalid whitespace (mode: {mode})',\n fractionDigits: '{field} may have at most {digits} decimal place(s)',\n totalDigits: '{field} may have at most {digits} significant digit(s)',\n },\n ...(_settings ?? {}),\n}));\n\nfunction submit(e?: Event) {\n handleSubmit(\n (_values) => {\n isSubmitted.value = true;\n editMode.value = false;\n },\n ({ errors: _errors }) => {\n isSubmitted.value = false;\n },\n )(e);\n};\n</script>\n\n<template>\n <form @submit.prevent=\"submit\">\n <div class=\"flex justify-end gap-2\">\n <button v-if=\"!editMode\" type=\"button\" class=\"cursor-pointer mt-4 bg-blue-500 text-white px-4 py-2 rounded\" data-testid=\"submit\" @click=\"editMode = true\">\n Edit\n </button>\n <button v-if=\"editMode\" type=\"submit\" class=\"cursor-pointer mt-4 bg-blue-500 text-white px-4 py-2 rounded\" data-testid=\"submit\">\n Submit\n </button>\n <button v-if=\"editMode\" type=\"button\" class=\"cursor-pointer mt-4 bg-gray-200 text-black px-4 py-2 rounded\" data-testid=\"cancel\" @click=\"editMode = false\">\n Cancel\n </button>\n </div>\n <div v-if=\"Object.values(errors).length\" data-testid=\"errors\" class=\"col-12 text-red-600\">\n Errors:\n <ul>\n <li v-for=\"(error, key) in errors\" :key=\"key\">\n <span v-html=\"error\" />\n </li>\n </ul>\n </div>\n <DynamicForm\n :template=\"TestFormTemplate\"\n :metadata=\"metadataWithEdit\"\n :settings\n @update:model-value=\"manualValues = $event\"\n />\n <span v-if=\"isSubmitted\" data-testid=\"isSubmitted\" />\n <pre v-if=\"showDebugState\" class=\"bg-gray-100 p-4 rounded-lg text-sm overflow-auto\">\nIsDirty: {{ meta.dirty }}\nPending: {{ meta.pending }}\nTouched: {{ meta.touched }}\nValid: {{ meta.valid }}\nSubmitted: {{ isSubmitted }}\n\n// form values:\n{{ JSON.stringify(values, null, 2) }}\n </pre>\n </form>\n</template>\n","import type { GenericObject } from 'vee-validate';\nimport type { DynamicFormSettings, Metadata } from '@/examples/TestFormTemplate.vue';\n\nimport { defineComponent, h, markRaw } from 'vue';\nimport TestForm from '@/examples/TestForm.vue';\n\nexport const defaultTestCase = createTestCase([{\n name: 'text',\n type: 'text',\n fieldOptions: { label: 'Text Input' },\n path: 'with.custom.structure',\n restriction: { maxLength: 10 },\n}]);\n\nexport const arrayTestCase = createTestCase([{\n fieldOptions: { label: 'Array Fields' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Optional field (max 3)' }, minOccurs: 0, maxOccurs: 3 },\n { fieldOptions: { label: 'Required field (max 3)' }, maxOccurs: 3 },\n { fieldOptions: { label: '2 Fields required' }, minOccurs: 2, maxOccurs: 4 },\n { fieldOptions: { label: 'Section (2 sections required)' }, type: 'heading', minOccurs: 2, maxOccurs: 4, fullWidth: true, children: [\n { fieldOptions: { label: 'Nested field 1' } },\n { fieldOptions: { label: 'Required Nested field 2' }, type: 'select', options: [\n { key: 'option1', value: 'Option 1' },\n { key: 'option2', value: 'Option 2' },\n { key: 'option3', value: 'Option 3' },\n ] },\n { fieldOptions: { label: 'Nested field 3' }, type: 'checkbox' },\n ] },\n ],\n}]);\n\nexport const groupTestCase = createTestCase([{\n fieldOptions: { label: 'Grouped Fields' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Required group' }, type: 'group', children: [\n { fieldOptions: { label: 'Required Nested field 1' }, fullWidth: true },\n { fieldOptions: { label: 'Required Nested field 2' }, fullWidth: true },\n ] },\n { fieldOptions: { label: 'Optional group' }, type: 'group', minOccurs: 0, description: `The group is optional, therefore the children will only be required once 1 value is filled in.\n \nYou can test it by filling in one of the fields.`, children: [\n { fieldOptions: { label: 'Required Nested field 1' }, fullWidth: true },\n { fieldOptions: { label: 'Required Nested field 2' }, fullWidth: true },\n ] },\n ],\n}, {\n fieldOptions: { label: 'Grouped Array Fields' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Required group' }, type: 'group', maxOccurs: 5, fullWidth: true, children: [\n { fieldOptions: { label: 'Required Nested field 1' } },\n { fieldOptions: { label: 'Required Nested field 2' } },\n ] },\n { fieldOptions: { label: 'Optional group' }, type: 'group', minOccurs: 0, maxOccurs: 5, fullWidth: true, children: [\n { fieldOptions: { label: 'Required Nested field 1' } },\n { fieldOptions: { label: 'Required Nested field 2' } },\n ] },\n ],\n}]);\n\nexport const choiceTestCase = createTestCase([\n {\n fieldOptions: { label: 'Choice Fields (minOccurs 1, maxOccurs 1)' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Simple Choice Field' }, fullWidth: true, description: `In a choice field, only 1 of the fields can be filled in.`, choice: [\n { fieldOptions: { label: 'Nested Field 1' } },\n { fieldOptions: { label: 'Nested Field 2' } },\n ] },\n ],\n },\n {\n fieldOptions: { label: 'Choice Grouped Fields (minOccurs 1, maxOccurs 3)' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Array Choice Field' }, type: 'group', maxOccurs: 3, fullWidth: true, description: `In a choice field, only 1 of the fields can be filled in.`, choice: [\n { fieldOptions: { label: 'Nested Field 1' }, type: 'group', children: [\n { fieldOptions: { label: 'Nested Child Field 1' }, fullWidth: true },\n { fieldOptions: { label: 'Nested Child Field 2' }, fullWidth: true },\n ] },\n { fieldOptions: { label: 'Nested Field 2' }, type: 'group', children: [\n { fieldOptions: { label: 'Nested Child Field 1' }, fullWidth: true },\n { fieldOptions: { label: 'Nested Child Field 2' }, fullWidth: true },\n ] },\n ] },\n ],\n },\n {\n fieldOptions: { label: 'Choice Array Fields (minOccurs 1, maxOccurs 3)' },\n type: 'heading',\n children: [\n { fieldOptions: { label: 'Array Choice Field' }, type: 'group', maxOccurs: 3, fullWidth: true, description: `In a choice field, only 1 of the fields can be filled in.`, choice: [\n { fieldOptions: { label: 'Nested Field 1' }, maxOccurs: 3 },\n { fieldOptions: { label: 'Nested Field 2' }, maxOccurs: 3 },\n ] },\n ],\n },\n]);\n\nexport const childFieldsTestCase = createTestCase([\n {\n fieldOptions: { label: 'Personal Info' },\n type: 'heading',\n name: 'person',\n description: 'Only showing the fields that have a value. Click edit to change.',\n fullWidth: true,\n children: [\n { name: 'firstName', fieldOptions: { label: 'First Name' } },\n { name: 'lastName', fieldOptions: { label: 'Last Name' } },\n { name: 'email', fieldOptions: { label: 'Email' } },\n ],\n },\n {\n fieldOptions: { label: 'Address' },\n type: 'heading',\n name: 'address',\n fullWidth: true,\n children: [\n { name: 'street', fieldOptions: { label: 'Street' }, minOccurs: 0 },\n { name: 'city', fieldOptions: { label: 'City' }, minOccurs: 0 },\n { name: 'country', fieldOptions: { label: 'Country' }, minOccurs: 0 },\n ],\n },\n], undefined, {\n initialEdit: false,\n hideFieldsWithoutValue: true,\n initialValues: {\n person: {\n firstName: 'Jack',\n lastName: 'Smit',\n },\n },\n});\n\nexport const individualTestCase = createTestCase(\n [{\n name: 'items',\n type: 'text',\n fieldOptions: { label: 'Items' },\n maxOccurs: 3,\n attributes: [{ name: 'lang', type: 'text', minOccurs: 0 }],\n }],\n {\n // validateOnValueUpdate: false,\n // validateOnValueUpdateAfterSubmit: false,\n // validateWhenInError: true,\n // validateOnBlur: true,\n },\n);\n\nexport function createTestCase(\n metadata: Metadata[],\n settings?: DynamicFormSettings,\n testCaseConfig: {\n initialEdit?: boolean\n hideFieldsWithoutValue?: boolean\n initialValues?: GenericObject\n } = {},\n) {\n return markRaw(defineComponent({\n render: () => h(TestForm, { ...testCaseConfig, metadata, settings, showDebugState: true }),\n }));\n}\n"],"names":["mapEachMetadataItem","metadata","callbackFunc","x","_createElementBlock","color","$emit","icon","_openBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","defineMetadata","_createBlock","DynamicFormTemplate","_unref","fieldMetadata","errorMessage","label","disabled","canAddItems","addItem","canRemoveItems","removeItem","slotProps","_normalizeClass","_createTextVNode","_toDisplayString","IconButton","_hoisted_3","_renderSlot","_ctx","_withCtx","required","showOptionalInsteadOfRequired","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_createVNode","_hoisted_19","_hoisted_20","_Fragment","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","value","handleBlur","handleChange","optionKey","optionValue","_hoisted_32","$event","_hoisted_34","_vModelSelect","_vModelCheckbox","_vModelText","values","handleSubmit","errors","meta","useDynamicForm","__props","manualValues","ref","editMode","isSubmitted","metadataWithEdit","computed","item","thisField","fieldValue","checkTreeHasValue","_fieldValue","childFields","c","settings","submit","e","_values","_errors","_renderList","error","key","DynamicForm","TestFormTemplate","showDebugState","defaultTestCase","createTestCase","arrayTestCase","groupTestCase","choiceTestCase","childFieldsTestCase","individualTestCase","testCaseConfig","markRaw","defineComponent","h","TestForm"],"mappings":"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"}