udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/collection/components/my-component/UI/forms/form/stencil-form.js

@@ -5,6 +5,7 @@ export class StencilForm {
     constructor() {
         this.validateOnBlur = true;
         this.registeredFields = {};
+        this.customErrors = {};
         /**
          * The event handler for slot changes. It kicks off the recursive processing.
          */
@@ -20,14 +21,15 @@ export class StencilForm {
         this.submit = this.submit.bind(this);
         this.onFormChange = this.onFormChange.bind(this);
     }
-    /**
-     * Connects a field to the form API.
-     */
     connectField(field) {
+        if (field.__connectedToForm)
+            return;
         field.setFormApi({
             api: this.api,
             registeredFields: this.registeredFields,
+            customErrors: this.customErrors,
         });
+        field.__connectedToForm = true;
     }
     /**
      * Asynchronously and recursively traverses a node and all of its light DOM
@@ -75,9 +77,8 @@ export class StencilForm {
             // Avoid duplicate event listeners
             if (!htmlElement.dataset.stencilFormConnected) {
                 htmlElement.dataset.stencilFormConnected = 'true';
-                element.addEventListener('click', (e) => {
+                element.addEventListener('click', e => {
                     e.preventDefault();
-                    console.log('Submit button clicked, triggering form submit');
                     this.submit(e);
                 });
             }
@@ -89,9 +90,8 @@ export class StencilForm {
             // Avoid duplicate event listeners
             if (!htmlButton.dataset.stencilFormConnected) {
                 htmlButton.dataset.stencilFormConnected = 'true';
-                button.addEventListener('click', (e) => {
+                button.addEventListener('click', e => {
                     e.preventDefault();
-                    console.log('Submit button clicked, triggering form submit');
                     this.submit(e);
                 });
             }
@@ -104,16 +104,41 @@ export class StencilForm {
             validate: this.defaultValidation,
             validateOnBlur: this.validateOnBlur,
         });
-        if (this.handleFormChange) {
+        if (this.handleChange) {
             this.api.subscribe(this.onFormChange, { values: true });
         }
+        // Subscription for the dirty state change event
+        this.api.subscribe(formState => {
+            this.dirtyChange.emit(formState.dirty);
+        }, { dirty: true });
     }
     componentDidLoad() {
         const slot = this.el.shadowRoot.querySelector('slot');
+        // Create the observer first
+        this.observer = new MutationObserver(mutations => {
+            for (const mutation of mutations) {
+                mutation.addedNodes.forEach(node => {
+                    this.processNodeRecursively(node);
+                });
+            }
+        });
+        // Function to handle slot changes or initial processing
+        const observeAssignedNodes = () => {
+            const assignedNodes = (slot === null || slot === void 0 ? void 0 : slot.assignedNodes({ flatten: true })) || [];
+            assignedNodes.forEach(node => {
+                if (node.nodeType === Node.ELEMENT_NODE) {
+                    this.observer.observe(node, { childList: true, subtree: true });
+                    this.processNodeRecursively(node); // Process immediately in case nodes are already present
+                }
+            });
+        };
         if (slot) {
-            this.handleSlotChange(); // Run once for initial content
-            slot.addEventListener('slotchange', this.handleSlotChange);
+            observeAssignedNodes(); // Initial
+            slot.addEventListener('slotchange', observeAssignedNodes); // Handle dynamic slot content
         }
+        // If you're also rendering some fields directly in this.el (not through slot), you can keep this:
+        this.observer.observe(this.el, { childList: true, subtree: true });
+        this.el.dispatchEvent(new CustomEvent('stencilFormReady', { bubbles: true, composed: true }));
     }
     disconnectedCallback() {
         var _a;
@@ -125,12 +150,11 @@ export class StencilForm {
         }
     }
     onFormChange(formState) {
-        if (this.handleFormChange && formState.values) {
-            this.handleFormChange(formState.values);
+        if (this.handleChange && formState.values) {
+            this.handleChange(formState.values);
         }
     }
     async submitWithValidation(values) {
-        console.log('Submitting form with values:', values);
         const errors = this.defaultValidation(values);
         if (Object.keys(errors).length === 0) {
             this.handleSubmit(values);
@@ -140,25 +164,37 @@ export class StencilForm {
         }
     }
     defaultValidation(values) {
-        var _a;
-        const { registeredFields } = this;
+        const { registeredFields, customErrors } = this;
         const errors = {};
-        console.log(registeredFields);
+        // Check for required field validation
         Object.keys(registeredFields).forEach(field => {
             var _a;
-            if (registeredFields[field].required && (!values[field] || ((_a = values[field]) === null || _a === void 0 ? void 0 : _a.length) === 0)) {
-                errors[field] = 'Required';
+            if (registeredFields[field].required && (!values[field] || ((_a = values[field]) === null || _a === void 0 ? void 0 : _a.length) === 0 || values[field] === 'false')) {
+                errors[field] = 'This field is required';
             }
         });
-        if (this === null || this === void 0 ? void 0 : this.validate)
-            return (_a = this.validate) === null || _a === void 0 ? void 0 : _a.call(this, values, errors);
+        // Include custom errors from stencil-field components (like min/max validation)
+        if (customErrors) {
+            Object.keys(customErrors).forEach(field => {
+                if (customErrors[field]) {
+                    errors[field] = customErrors[field];
+                }
+            });
+        }
+        // If custom validation is provided, merge with default validation
+        if (this === null || this === void 0 ? void 0 : this.handleValidate) {
+            const customErrors = this.handleValidate(values, errors);
+            return Object.assign(Object.assign({}, errors), customErrors);
+        }
         return errors;
     }
     getValues() {
         const values = {};
         this.api.getRegisteredFields().forEach((fieldName) => {
-            values[fieldName] = this.api.getFieldState(fieldName).value;
+            var _a;
+            values[fieldName] = (_a = this.api.getFieldState(fieldName).value) !== null && _a !== void 0 ? _a : '';
         });
+        console.log(values);
         return values;
     }
     async getApi() {
@@ -166,11 +202,12 @@ export class StencilForm {
             console.error('❌ Form API not initialized yet.');
             return null;
         }
+        // @ts-ignore
+        this.api.getValues = () => this.getValues();
         return this.api;
     }
     submit(e) {
         var _a;
-        console.log('Submitting form');
         (_a = e === null || e === void 0 ? void 0 : e.preventDefault) === null || _a === void 0 ? void 0 : _a.call(e);
         const submitFunction = () => {
             var _a;
@@ -184,7 +221,7 @@ export class StencilForm {
         debounce(submitFunction, 1000, { leading: true, trailing: false })();
     }
     render() {
-        return (h("form", { key: 'f87005b56d8889878fefed08e1ff84c77867e935', onSubmit: this.submit }, h("slot", { key: '742c816b3720a11e78d8825e87364b1dd8ed3b37' })));
+        return (h("form", { key: '57fac6a8c5a18c89ab72307a66c9bde0c601018c', onSubmit: this.submit }, h("slot", { key: '4759a58068ac592dfeaab1d88a7f42547be8b3ec' })));
     }
     static get is() { return "stencil-form"; }
     static get encapsulation() { return "shadow"; }
@@ -236,9 +273,9 @@ export class StencilForm {
                 "getter": false,
                 "setter": false
             },
-            "validate": {
+            "handleValidate": {
                 "type": "unknown",
-                "attribute": "validate",
+                "attribute": "handle-validate",
                 "mutable": false,
                 "complexType": {
                     "original": "(values: Object, errors: Object) => Object",
@@ -279,9 +316,9 @@ export class StencilForm {
                 "reflect": false,
                 "defaultValue": "true"
             },
-            "handleFormChange": {
+            "handleChange": {
                 "type": "unknown",
-                "attribute": "handle-form-change",
+                "attribute": "handle-change",
                 "mutable": false,
                 "complexType": {
                     "original": "(values: Object) => void",
@@ -307,7 +344,8 @@ export class StencilForm {
     static get states() {
         return {
             "api": {},
-            "registeredFields": {}
+            "registeredFields": {},
+            "customErrors": {}
         };
     }
     static get events() {
@@ -331,6 +369,21 @@ export class StencilForm {
                         }
                     }
                 }
+            }, {
+                "method": "dirtyChange",
+                "name": "dirtyChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
             }];
     }
     static get methods() {

package/dist/collection/components/my-component/UI/forms/form/stencil-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil-form.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/forms/form/stencil-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event as StencilEvent, EventEmitter, State, Element, Method } from '@stencil/core';\nimport { createForm, FormApi } from 'final-form';\nimport debounce from 'lodash.debounce';\n\n@Component({\n  tag: 'stencil-form',\n  shadow: true,\n})\nexport class StencilForm {\n  @Element() el: HTMLElement;\n  @Prop() handleSubmit: (values: Object) => void;\n  @Prop() initialValues: Object;\n  @Prop() validate: (values: Object, errors: Object) => Object;\n  @Prop() validateOnBlur: boolean = true;\n  @Prop() handleFormChange: (values: Object) => void;\n  @StencilEvent() stencilFormInvalidEvent: EventEmitter<Object>;\n\n  @State() api: FormApi;\n  @State() registeredFields: { [key: string]: { required: boolean } } = {};\n\n  constructor() {\n    this.submitWithValidation = this.submitWithValidation.bind(this);\n    this.defaultValidation = this.defaultValidation.bind(this);\n    this.submit = this.submit.bind(this);\n    this.onFormChange = this.onFormChange.bind(this);\n  }\n\n  /**\n   * Connects a field to the form API.\n   */\n  private connectField(field: HTMLStencilFieldElement) {\n    field.setFormApi({\n      api: this.api,\n      registeredFields: this.registeredFields,\n    });\n  }\n\n  /**\n   * Asynchronously and recursively traverses a node and all of its light DOM\n   * and shadow DOM descendants, connecting any stencil-fields it finds.\n   */\n  private async processNodeRecursively(node: Node) {\n    // 1. Skip anything that isn't an element\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return;\n    }\n    const element = node as Element;\n\n    // 2. If the element is a custom component, wait for it to be defined.\n    // This ensures its shadowRoot is available if it has one.\n    if (element.localName.includes('-')) {\n      await customElements.whenDefined(element.localName);\n    }\n\n    // 3. Process the element itself\n    if (element.matches('stencil-field')) {\n      this.connectField(element as HTMLStencilFieldElement);\n    }\n\n    // 4. Connect submit buttons\n    this.connectSubmitButtons(element);\n\n    // 5. If the element has a shadowRoot, recursively process its children\n    if (element.shadowRoot) {\n      for (const child of Array.from(element.shadowRoot.childNodes)) {\n        await this.processNodeRecursively(child);\n      }\n    }\n\n    // 6. Recursively process all light DOM children\n    for (const child of Array.from(element.childNodes)) {\n      await this.processNodeRecursively(child);\n    }\n  }\n\n  /**\n   * The event handler for slot changes. It kicks off the recursive processing.\n   */\n  private handleSlotChange = () => {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (!slot) return;\n\n    // Process every node assigned to the slot\n    slot.assignedNodes().forEach(node => this.processNodeRecursively(node));\n  };\n\n  /**\n   * Connect submit buttons in slotted content to this form\n   */\n  private connectSubmitButtons(node: Node) {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return;\n    }\n    const element = node as Element;\n\n    // Check if the element itself is a submit button\n    if (element.matches('input[type=\"submit\"], button[type=\"submit\"]')) {\n      const htmlElement = element as HTMLElement;\n      // Avoid duplicate event listeners\n      if (!htmlElement.dataset.stencilFormConnected) {\n        htmlElement.dataset.stencilFormConnected = 'true';\n        element.addEventListener('click', (e) => {\n          e.preventDefault();\n          console.log('Submit button clicked, triggering form submit');\n          this.submit(e);\n        });\n      }\n    }\n\n    // Find submit buttons in descendants and connect them\n    const submitButtons = element.querySelectorAll('input[type=\"submit\"], button[type=\"submit\"]');\n    submitButtons.forEach((button: Element) => {\n      const htmlButton = button as HTMLElement;\n      // Avoid duplicate event listeners\n      if (!htmlButton.dataset.stencilFormConnected) {\n        htmlButton.dataset.stencilFormConnected = 'true';\n        button.addEventListener('click', (e) => {\n          e.preventDefault();\n          console.log('Submit button clicked, triggering form submit');\n          this.submit(e);\n        });\n      }\n    });\n  }\n\n  componentWillLoad() {\n    this.api = createForm({\n      onSubmit: this.submitWithValidation,\n      initialValues: this.initialValues,\n      validate: this.defaultValidation,\n      validateOnBlur: this.validateOnBlur,\n    });\n\n    if (this.handleFormChange) {\n      this.api.subscribe(this.onFormChange, { values: true });\n    }\n  }\n\n  componentDidLoad() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      this.handleSlotChange(); // Run once for initial content\n      slot.addEventListener('slotchange', this.handleSlotChange);\n    }\n  }\n\n  disconnectedCallback() {\n    this.api = null;\n    this.registeredFields = {};\n\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      slot.removeEventListener('slotchange', this.handleSlotChange);\n    }\n  }\n\n  onFormChange(formState: any): void {\n    if (this.handleFormChange && formState.values) {\n      this.handleFormChange(formState.values);\n    }\n  }\n\n  async submitWithValidation(values: { [key: string]: any }): Promise<void> {\n    console.log('Submitting form with values:', values);\n    const errors = this.defaultValidation(values);\n    if (Object.keys(errors).length === 0) {\n      this.handleSubmit(values);\n    } else {\n      this.stencilFormInvalidEvent.emit(errors);\n    }\n  }\n\n  defaultValidation(values: Object): Object {\n    const { registeredFields } = this;\n    const errors = {};\n    console.log(registeredFields);\n\n    Object.keys(registeredFields).forEach(field => {\n      if (registeredFields[field].required && (!values[field] || values[field]?.length === 0)) {\n        errors[field] = 'Required';\n      }\n    });\n    if (this?.validate) return this.validate?.(values, errors);\n\n    return errors;\n  }\n\n  getValues() {\n    const values = {};\n    this.api.getRegisteredFields().forEach((fieldName: string) => {\n      values[fieldName] = this.api.getFieldState(fieldName).value;\n    });\n    return values;\n  }\n  @Method()\n  async getApi(): Promise<FormApi> {\n    if (!this.api) {\n      console.error('❌ Form API not initialized yet.');\n      return null;\n    }\n    return this.api;\n  }\n  submit(e) {\n    console.log('Submitting form');\n    e?.preventDefault?.();\n    const submitFunction = () => {\n      const errors = this.defaultValidation(this.getValues());\n      if (Object.keys(errors).length) {\n        this.stencilFormInvalidEvent.emit(errors);\n        return;\n      }\n      this.api?.submit();\n    };\n    debounce(submitFunction, 1000, { leading: true, trailing: false })();\n  }\n\n  render() {\n    return (\n      <form onSubmit={this.submit}>\n        <slot />\n      </form>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stencil-form.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/forms/form/stencil-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event as StencilEvent, EventEmitter, State, Element, Method } from '@stencil/core';\nimport { createForm, FormApi } from 'final-form';\nimport debounce from 'lodash.debounce';\n\n@Component({\n  tag: 'stencil-form',\n  shadow: true,\n})\nexport class StencilForm {\n  @Element() el: HTMLElement;\n  @Prop() handleSubmit: (values: Object) => void;\n  @Prop() initialValues: Object;\n  @Prop() handleValidate: (values: Object, errors: Object) => Object;\n  @Prop() validateOnBlur: boolean = true;\n  @Prop() handleChange: (values: Object) => void;\n  @StencilEvent() stencilFormInvalidEvent: EventEmitter<Object>;\n  @StencilEvent() dirtyChange: EventEmitter<boolean>;\n\n  private observer: MutationObserver;\n\n  @State() api: FormApi;\n  @State() registeredFields: { [key: string]: { required: boolean } } = {};\n  @State() customErrors: { [key: string]: string } = {};\n\n  constructor() {\n    this.submitWithValidation = this.submitWithValidation.bind(this);\n    this.defaultValidation = this.defaultValidation.bind(this);\n    this.submit = this.submit.bind(this);\n    this.onFormChange = this.onFormChange.bind(this);\n  }\n\n  private connectField(field: HTMLStencilFieldElement) {\n    if ((field as any).__connectedToForm) return;\n\n    field.setFormApi({\n      api: this.api,\n      registeredFields: this.registeredFields,\n      customErrors: this.customErrors,\n    });\n\n    (field as any).__connectedToForm = true;\n  }\n\n  /**\n   * Asynchronously and recursively traverses a node and all of its light DOM\n   * and shadow DOM descendants, connecting any stencil-fields it finds.\n   */\n  private async processNodeRecursively(node: Node) {\n    // 1. Skip anything that isn't an element\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return;\n    }\n    const element = node as Element;\n\n    // 2. If the element is a custom component, wait for it to be defined.\n    // This ensures its shadowRoot is available if it has one.\n    if (element.localName.includes('-')) {\n      await customElements.whenDefined(element.localName);\n    }\n\n    // 3. Process the element itself\n    if (element.matches('stencil-field')) {\n      this.connectField(element as HTMLStencilFieldElement);\n    }\n\n    // 4. Connect submit buttons\n    this.connectSubmitButtons(element);\n\n    // 5. If the element has a shadowRoot, recursively process its children\n    if (element.shadowRoot) {\n      for (const child of Array.from(element.shadowRoot.childNodes)) {\n        await this.processNodeRecursively(child);\n      }\n    }\n\n    // 6. Recursively process all light DOM children\n    for (const child of Array.from(element.childNodes)) {\n      await this.processNodeRecursively(child);\n    }\n  }\n\n  /**\n   * The event handler for slot changes. It kicks off the recursive processing.\n   */\n  private handleSlotChange = () => {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (!slot) return;\n\n    // Process every node assigned to the slot\n    slot.assignedNodes().forEach(node => this.processNodeRecursively(node));\n  };\n\n  /**\n   * Connect submit buttons in slotted content to this form\n   */\n  private connectSubmitButtons(node: Node) {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return;\n    }\n    const element = node as Element;\n\n    // Check if the element itself is a submit button\n    if (element.matches('input[type=\"submit\"], button[type=\"submit\"]')) {\n      const htmlElement = element as HTMLElement;\n      // Avoid duplicate event listeners\n      if (!htmlElement.dataset.stencilFormConnected) {\n        htmlElement.dataset.stencilFormConnected = 'true';\n        element.addEventListener('click', e => {\n          e.preventDefault();\n          this.submit(e);\n        });\n      }\n    }\n\n    // Find submit buttons in descendants and connect them\n    const submitButtons = element.querySelectorAll('input[type=\"submit\"], button[type=\"submit\"]');\n    submitButtons.forEach((button: Element) => {\n      const htmlButton = button as HTMLElement;\n      // Avoid duplicate event listeners\n      if (!htmlButton.dataset.stencilFormConnected) {\n        htmlButton.dataset.stencilFormConnected = 'true';\n        button.addEventListener('click', e => {\n          e.preventDefault();\n          this.submit(e);\n        });\n      }\n    });\n  }\n\n  componentWillLoad() {\n    this.api = createForm({\n      onSubmit: this.submitWithValidation,\n      initialValues: this.initialValues,\n      validate: this.defaultValidation,\n      validateOnBlur: this.validateOnBlur,\n    });\n\n    if (this.handleChange) {\n      this.api.subscribe(this.onFormChange, { values: true });\n    }\n\n    // Subscription for the dirty state change event\n    this.api.subscribe(\n      formState => {\n        this.dirtyChange.emit(formState.dirty);\n      },\n      { dirty: true },\n    );\n  }\n\n  componentDidLoad() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n\n    // Create the observer first\n    this.observer = new MutationObserver(mutations => {\n      for (const mutation of mutations) {\n        mutation.addedNodes.forEach(node => {\n          this.processNodeRecursively(node);\n        });\n      }\n    });\n\n    // Function to handle slot changes or initial processing\n    const observeAssignedNodes = () => {\n      const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];\n\n      assignedNodes.forEach(node => {\n        if (node.nodeType === Node.ELEMENT_NODE) {\n          this.observer.observe(node, { childList: true, subtree: true });\n          this.processNodeRecursively(node); // Process immediately in case nodes are already present\n        }\n      });\n    };\n\n    if (slot) {\n      observeAssignedNodes(); // Initial\n      slot.addEventListener('slotchange', observeAssignedNodes); // Handle dynamic slot content\n    }\n\n    // If you're also rendering some fields directly in this.el (not through slot), you can keep this:\n    this.observer.observe(this.el, { childList: true, subtree: true });\n\n    this.el.dispatchEvent(new CustomEvent('stencilFormReady', { bubbles: true, composed: true }));\n  }\n\n  disconnectedCallback() {\n    this.api = null;\n    this.registeredFields = {};\n\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      slot.removeEventListener('slotchange', this.handleSlotChange);\n    }\n  }\n\n  onFormChange(formState: any): void {\n    if (this.handleChange && formState.values) {\n      this.handleChange(formState.values);\n    }\n  }\n\n  async submitWithValidation(values: { [key: string]: any }): Promise<void> {\n    const errors = this.defaultValidation(values);\n    if (Object.keys(errors).length === 0) {\n      this.handleSubmit(values);\n    } else {\n      this.stencilFormInvalidEvent.emit(errors);\n    }\n  }\n\n  defaultValidation(values: Object): Object {\n    const { registeredFields, customErrors } = this;\n    const errors = {};\n\n    // Check for required field validation\n    Object.keys(registeredFields).forEach(field => {\n      if (registeredFields[field].required && (!values[field] || values[field]?.length === 0 || values[field] === 'false')) {\n        errors[field] = 'This field is required';\n      }\n    });\n\n    // Include custom errors from stencil-field components (like min/max validation)\n    if (customErrors) {\n      Object.keys(customErrors).forEach(field => {\n        if (customErrors[field]) {\n          errors[field] = customErrors[field];\n        }\n      });\n    }\n\n    // If custom validation is provided, merge with default validation\n    if (this?.handleValidate) {\n      const customErrors = this.handleValidate(values, errors);\n      return { ...errors, ...customErrors };\n    }\n\n    return errors;\n  }\n\n  getValues() {\n    const values = {};\n    this.api.getRegisteredFields().forEach((fieldName: string) => {\n      values[fieldName] = this.api.getFieldState(fieldName).value ?? '';\n    });\n    console.log(values);\n    return values;\n  }\n  @Method()\n  async getApi(): Promise<FormApi> {\n    if (!this.api) {\n      console.error('❌ Form API not initialized yet.');\n      return null;\n    }\n    // @ts-ignore\n    this.api.getValues = () => this.getValues();\n    return this.api;\n  }\n\n  submit(e) {\n    e?.preventDefault?.();\n    const submitFunction = () => {\n      const errors = this.defaultValidation(this.getValues());\n\n      if (Object.keys(errors).length) {\n        this.stencilFormInvalidEvent.emit(errors);\n        return;\n      }\n      this.api?.submit();\n    };\n    debounce(submitFunction, 1000, { leading: true, trailing: false })();\n  }\n\n  render() {\n    return (\n      <form onSubmit={this.submit}>\n        <slot />\n      </form>\n    );\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/forms/udp-forms/mockData.js

@@ -383,6 +383,7 @@ const mockData = {
             form: null,
         },
     ],
+    udpFormUdpFormSection: []
 };
 export default mockData;
 //# sourceMappingURL=mockData.js.map

package/dist/collection/components/my-component/UI/forms/udp-forms/mockData.js.map

@@ -1 +1 @@
-{"version":3,"file":"mockData.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/forms/udp-forms/mockData.ts"],"names":[],"mappings":"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","sourcesContent":["import { UdpForm } from \"./types\";\n\nconst mockData: UdpForm = {\n  businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpForm|d54bd969-7b3b-48ec-a6c0-e6f09db47eb5,1',\n  id: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n  version: 1,\n  type: 1,\n  isPrivate: false,\n  name: 'Form Name Text2',\n  description: `Welcome to our survey! We appreciate your participation as it helps us to improve our services and offerings. Please read each question carefully and provide as much detail as possible in your responses.\n\n  The questionnaire consists of multiple sections, and you will find questions that require you to select options, input text, or even upload files as needed. Each section is important, and we encourage you not to skip any parts of the survey.\n\n\n\n  `,\n  tenantId: 'bd8fabbf-5289-4d33-9753-b9546ca7154f',\n  clusterId: 5,\n  styleOverrides: {\n    background: {\n      backgroundColor: 'light-blue',\n    },\n    headerBackgroundColor: '#22gggg',\n    helperText: {\n      variant: 'caption-text',\n      //fontFamily: '--font-override-arial',\n    },\n    questionText: {\n      variant: 'h3',\n      //fontFamily: '--font-override-comic',\n    },\n    titleText: {\n      //variant: 'h2',\n      fontFamily: 'Arial',\n    },\n    paragraphText: {\n      variant: 'data-display-three',\n      fontFamily: 'Arial',\n    }\n  },\n  formQuestions: [\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|af782dfd-d01a-4e18-b979-1aaad8a57443',\n      id: 'af782dfd-d01a-4e18-b979-1aaad8a57443',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'HiddenQuestion',\n      questionText: '',\n      fieldTypeId: 1,\n      fieldProperties: null,\n      clusterId: 2,\n      helperText: null,\n      section: 1,\n      questionOrder: 1,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|b8e4259d-2062-4524-8b38-2746c302d908',\n      id: 'b8e4259d-2062-4524-8b38-2746c302d908',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'SingleLineTextQuestion',\n      questionText: 'Question using a Single Line input',\n      fieldTypeId: 2,\n      fieldProperties: {\n        maxCharacter: 64,\n        minCharacter: 0,\n      },\n      // defaultValue: 'test-value',\n      clusterId: 3,\n      helperText: 'Helper Text For SingleLineTextQuestion',\n      section: 1,\n      questionOrder: 2,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|8fec36b7-dd27-477b-bfb4-b58a4693d7e4',\n      id: '8fec36b7-dd27-477b-bfb4-b58a4693d7e4',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'MultiLineTextQuestion',\n      questionText: 'Question using a Multi-Line Text input',\n      fieldTypeId: 3,\n      fieldProperties: {\n        maxCharacter: 256,\n        minCharacter: 10,\n      },\n      // defaultValue: 'kjhsa;lfkhjasl;kfj',\n      clusterId: 4,\n      helperText: null,\n      section: 1,\n      questionOrder: 3,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|6f4146cf-90ea-44c6-bd81-20fcf5ffd582',\n      id: '6f4146cf-90ea-44c6-bd81-20fcf5ffd582',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'CheckboxQuestion',\n      questionText: 'Question using 1 or more Checkbox inputs',\n      fieldTypeId: 4,\n      fieldProperties: {\n        items: [\n          {\n            display: 'item 1',\n            value: 'value 1',\n          },\n          {\n            display: 'item 2',\n            value: 'value 2',\n          },\n          {\n            display: 'item 3',\n            value: 'value 3',\n          },\n          {\n            display: 'item 4',\n            value: 'value 4',\n          },\n        ],\n      },\n      clusterId: 5,\n      helperText: null,\n      section: 1,\n      questionOrder: 4,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|aa935a31-c14c-4624-b45e-b4f933f38f55',\n      id: 'aa935a31-c14c-4624-b45e-b4f933f38f55',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'RadioButtonQuestion',\n      questionText: 'Question using 2 or more Radio Button inputs',\n      fieldTypeId: 5,\n      fieldProperties: {\n        items: [\n          {\n            display: 'item 1',\n            value: 'value 1',\n          },\n          {\n            display: 'item 2',\n            value: 'value 2',\n          },\n          {\n            display: 'item 3',\n            value: 'value 3',\n          },\n        ],\n      },\n      clusterId: 6,\n      helperText: 'Helper Text For RadioButtonQuestion',\n      section: 1,\n      questionOrder: 5,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|5d3ba4b4-27bd-4315-9f97-0ef32080adaa',\n      id: '5d3ba4b4-27bd-4315-9f97-0ef32080adaa',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'DropdownSingleSelectQuestion',\n      questionText: 'Question using a Dropdown Input with single selection',\n      fieldTypeId: 6,\n      fieldProperties: {\n        items: [\n          {\n            display: 'Age range?',\n            value: 'age_range',\n          },\n          {\n            display: 'Employment status?',\n            value: 'employment_status',\n          },\n          {\n            display: 'Highest education completed?',\n            value: 'education_level',\n          },\n          {\n            display: 'Marital status?',\n            value: 'marital_status',\n          },\n          {\n            display: 'Annual income range?',\n            value: 'income_range',\n          },\n          {\n            display: 'Residence type?',\n            value: 'residence_type',\n          },\n          {\n            display: 'Do you have children?',\n            value: 'has_children',\n          },\n          {\n            display: 'Own or rent?',\n            value: 'housing_status',\n          },\n          {\n            display: 'Primary mode of transportation?',\n            value: 'transport_mode',\n          },\n          {\n            display: 'Do you have pets?',\n            value: 'has_pets',\n          },\n          {\n            display: 'Current health status?',\n            value: 'health_status',\n          },\n          {\n            display: 'Do you exercise regularly?',\n            value: 'exercise_frequency',\n          },\n        ],\n      },\n      clusterId: 7,\n      helperText: null,\n      section: 2,\n      questionOrder: 6,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|bb6771b2-8228-4600-80e9-18686e509b26',\n      id: 'bb6771b2-8228-4600-80e9-18686e509b26',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'DropdownMultipleSelectQuestion',\n      questionText: 'Question using a Dropdown Input with multiple selections',\n      fieldTypeId: 7,\n      fieldProperties: {\n        items: [\n          {\n            display: 'item 1',\n            value: 'value 1',\n          },\n          {\n            display: 'item 2',\n            value: 'value 2',\n          },\n          {\n            display: 'item 3',\n            value: 'value 3',\n          },\n        ],\n      },\n      clusterId: 9,\n      helperText: null,\n      section: 2,\n      questionOrder: 7,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|1ef9e1d9-e241-448a-9320-e913a9de5dbf',\n      id: '1ef9e1d9-e241-448a-9320-e913a9de5dbf',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'ListQuestion',\n      questionText: 'Question using a List Input with multiple selections',\n      fieldTypeId: 8,\n      fieldProperties: {\n        items: [\n          {\n            display: 'item 1',\n            value: 'value 1',\n          },\n          {\n            display: 'item 2',\n            value: 'value 2',\n          },\n          {\n            display: 'item 3',\n            value: 'value 3',\n          },\n        ],\n      },\n      clusterId: 10,\n      helperText: null,\n      section: 2,\n      questionOrder: 8,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|b629b74e-31a7-4a56-915f-dfb6796443ef',\n      id: 'b629b74e-31a7-4a56-915f-dfb6796443ef',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'DateSelectorQuestion',\n      questionText: 'Question using a Date Selector Input',\n      fieldTypeId: 9,\n      fieldProperties: {\n        allowFutureDate: false,\n        maxDate: '2020/12/31',\n        minDate: '1980/01/01',\n      },\n      clusterId: 11,\n      helperText: null,\n      section: 2,\n      questionOrder: 9,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|1875041c-0868-4daf-a402-efe478f935ab',\n      id: '1875041c-0868-4daf-a402-efe478f935ab',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'TimeSelectorQuestion',\n      questionText: 'Question using a Time Selector Input',\n      fieldTypeId: 10,\n      fieldProperties: {\n        maxTime: '17:00:00',\n        minTime: '09:00:00',\n      },\n      clusterId: 12,\n      helperText: null,\n      section: 3,\n      questionOrder: 10,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|0d480314-0161-45ba-ab06-cc17fdad4e3b',\n      id: '0d480314-0161-45ba-ab06-cc17fdad4e3b',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'DateTimeSelectorQuestion',\n      questionText: 'Question using a DateTime Selector Input',\n      fieldTypeId: 11,\n      fieldProperties: {\n        allowFutureDate: false,\n        maxDateTime: '2020/12/31 23:59:59',\n        minDateTime: '1980/01/01 00:00:00',\n      },\n      clusterId: 13,\n      helperText: null,\n      section: 3,\n      questionOrder: 11,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|a11e9d54-d0fe-4c95-9219-466adf4875df',\n      id: 'a11e9d54-d0fe-4c95-9219-466adf4875df',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'FileUploadQuestion',\n      questionText: 'Question using a File Upload Input',\n      fieldTypeId: 12,\n      fieldProperties: {\n        hideDragAndDrop: true,\n        hideButton: false,\n      },\n      clusterId: 14,\n      helperText: 'Helper Text For FileUploadQuestion',\n      section: 3,\n      questionOrder: 12,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|b8e4259d-2062-4524-8b38-2746c302d909',\n      id: 'b8e4259d-2062-4524-8b38-2746c302d909',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'Description',\n      questionText: '',\n      fieldTypeId: 13,\n      fieldProperties: {},\n      clusterId: 3,\n      helperText: '',\n      section: 1,\n      questionOrder: 1,\n      required: true,\n      form: null,\n    },\n  ],\n};\n\nexport default mockData;\n"]}
+{"version":3,"file":"mockData.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/forms/udp-forms/mockData.ts"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAY;IACxB,iBAAiB,EAAE,wFAAwF;IAC3G,EAAE,EAAE,sCAAsC;IAC1C,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,iBAAiB;IACvB,WAAW,EAAE;;;;;;GAMZ;IACD,QAAQ,EAAE,sCAAsC;IAChD,SAAS,EAAE,CAAC;IACZ,cAAc,EAAE;QACd,UAAU,EAAE;YACV,eAAe,EAAE,YAAY;SAC9B;QACD,qBAAqB,EAAE,SAAS;QAChC,UAAU,EAAE;YACV,OAAO,EAAE,cAAc;YACvB,sCAAsC;SACvC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,IAAI;YACb,sCAAsC;SACvC;QACD,SAAS,EAAE;YACT,gBAAgB;YAChB,UAAU,EAAE,OAAO;SACpB;QACD,aAAa,EAAE;YACb,OAAO,EAAE,oBAAoB;YAC7B,UAAU,EAAE,OAAO;SACpB;KACF;IACD,aAAa,EAAE;QACb;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,gBAAgB;YACtB,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,CAAC;YACd,eAAe,EAAE,IAAI;YACrB,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,wBAAwB;YAC9B,YAAY,EAAE,oCAAoC;YAClD,WAAW,EAAE,CAAC;YACd,eAAe,EAAE;gBACf,YAAY,EAAE,EAAE;gBAChB,YAAY,EAAE,CAAC;aAChB;YACD,8BAA8B;YAC9B,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,wCAAwC;YACpD,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,uBAAuB;YAC7B,YAAY,EAAE,wCAAwC;YACtD,WAAW,EAAE,CAAC;YACd,eAAe,EAAE;gBACf,YAAY,EAAE,GAAG;gBACjB,YAAY,EAAE,EAAE;aACjB;YACD,sCAAsC;YACtC,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,kBAAkB;YACxB,YAAY,EAAE,0CAA0C;YACxD,WAAW,EAAE,CAAC;YACd,eAAe,EAAE;gBACf,KAAK,EAAE;oBACL;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;iBACF;aACF;YACD,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,qBAAqB;YAC3B,YAAY,EAAE,8CAA8C;YAC5D,WAAW,EAAE,CAAC;YACd,eAAe,EAAE;gBACf,KAAK,EAAE;oBACL;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;iBACF;aACF;YACD,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,qCAAqC;YACjD,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,8BAA8B;YACpC,YAAY,EAAE,uDAAuD;YACrE,WAAW,EAAE,CAAC;YACd,eAAe,EAAE;gBACf,KAAK,EAAE;oBACL;wBACE,OAAO,EAAE,YAAY;wBACrB,KAAK,EAAE,WAAW;qBACnB;oBACD;wBACE,OAAO,EAAE,oBAAoB;wBAC7B,KAAK,EAAE,mBAAmB;qBAC3B;oBACD;wBACE,OAAO,EAAE,8BAA8B;wBACvC,KAAK,EAAE,iBAAiB;qBACzB;oBACD;wBACE,OAAO,EAAE,iBAAiB;wBAC1B,KAAK,EAAE,gBAAgB;qBACxB;oBACD;wBACE,OAAO,EAAE,sBAAsB;wBAC/B,KAAK,EAAE,cAAc;qBACtB;oBACD;wBACE,OAAO,EAAE,iBAAiB;wBAC1B,KAAK,EAAE,gBAAgB;qBACxB;oBACD;wBACE,OAAO,EAAE,uBAAuB;wBAChC,KAAK,EAAE,cAAc;qBACtB;oBACD;wBACE,OAAO,EAAE,cAAc;wBACvB,KAAK,EAAE,gBAAgB;qBACxB;oBACD;wBACE,OAAO,EAAE,iCAAiC;wBAC1C,KAAK,EAAE,gBAAgB;qBACxB;oBACD;wBACE,OAAO,EAAE,mBAAmB;wBAC5B,KAAK,EAAE,UAAU;qBAClB;oBACD;wBACE,OAAO,EAAE,wBAAwB;wBACjC,KAAK,EAAE,eAAe;qBACvB;oBACD;wBACE,OAAO,EAAE,4BAA4B;wBACrC,KAAK,EAAE,oBAAoB;qBAC5B;iBACF;aACF;YACD,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,gCAAgC;YACtC,YAAY,EAAE,0DAA0D;YACxE,WAAW,EAAE,CAAC;YACd,eAAe,EAAE;gBACf,KAAK,EAAE;oBACL;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;iBACF;aACF;YACD,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,cAAc;YACpB,YAAY,EAAE,sDAAsD;YACpE,WAAW,EAAE,CAAC;YACd,eAAe,EAAE;gBACf,KAAK,EAAE;oBACL;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,SAAS;qBACjB;iBACF;aACF;YACD,SAAS,EAAE,EAAE;YACb,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,sBAAsB;YAC5B,YAAY,EAAE,sCAAsC;YACpD,WAAW,EAAE,CAAC;YACd,eAAe,EAAE;gBACf,eAAe,EAAE,KAAK;gBACtB,OAAO,EAAE,YAAY;gBACrB,OAAO,EAAE,YAAY;aACtB;YACD,SAAS,EAAE,EAAE;YACb,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,sBAAsB;YAC5B,YAAY,EAAE,sCAAsC;YACpD,WAAW,EAAE,EAAE;YACf,eAAe,EAAE;gBACf,OAAO,EAAE,UAAU;gBACnB,OAAO,EAAE,UAAU;aACpB;YACD,SAAS,EAAE,EAAE;YACb,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,EAAE;YACjB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,0BAA0B;YAChC,YAAY,EAAE,0CAA0C;YACxD,WAAW,EAAE,EAAE;YACf,eAAe,EAAE;gBACf,eAAe,EAAE,KAAK;gBACtB,WAAW,EAAE,qBAAqB;gBAClC,WAAW,EAAE,qBAAqB;aACnC;YACD,SAAS,EAAE,EAAE;YACb,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,EAAE;YACjB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,oBAAoB;YAC1B,YAAY,EAAE,oCAAoC;YAClD,WAAW,EAAE,EAAE;YACf,eAAe,EAAE;gBACf,eAAe,EAAE,IAAI;gBACrB,UAAU,EAAE,KAAK;aAClB;YACD,SAAS,EAAE,EAAE;YACb,UAAU,EAAE,oCAAoC;YAChD,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,EAAE;YACjB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;QACD;YACE,iBAAiB,EAAE,8FAA8F;YACjH,EAAE,EAAE,sCAAsC;YAC1C,MAAM,EAAE,sCAAsC;YAC9C,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,aAAa;YACnB,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,EAAE;YACf,eAAe,EAAE,EAAE;YACnB,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;SACX;KACF;IACD,qBAAqB,EAAE,EAAE;CAC1B,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { UdpForm } from \"./types\";\n\nconst mockData: UdpForm = {\n  businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpForm|d54bd969-7b3b-48ec-a6c0-e6f09db47eb5,1',\n  id: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n  version: 1,\n  type: 1,\n  isPrivate: false,\n  name: 'Form Name Text2',\n  description: `Welcome to our survey! We appreciate your participation as it helps us to improve our services and offerings. Please read each question carefully and provide as much detail as possible in your responses.\n\n  The questionnaire consists of multiple sections, and you will find questions that require you to select options, input text, or even upload files as needed. Each section is important, and we encourage you not to skip any parts of the survey.\n\n\n\n  `,\n  tenantId: 'bd8fabbf-5289-4d33-9753-b9546ca7154f',\n  clusterId: 5,\n  styleOverrides: {\n    background: {\n      backgroundColor: 'light-blue',\n    },\n    headerBackgroundColor: '#22gggg',\n    helperText: {\n      variant: 'caption-text',\n      //fontFamily: '--font-override-arial',\n    },\n    questionText: {\n      variant: 'h3',\n      //fontFamily: '--font-override-comic',\n    },\n    titleText: {\n      //variant: 'h2',\n      fontFamily: 'Arial',\n    },\n    paragraphText: {\n      variant: 'data-display-three',\n      fontFamily: 'Arial',\n    }\n  },\n  formQuestions: [\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|af782dfd-d01a-4e18-b979-1aaad8a57443',\n      id: 'af782dfd-d01a-4e18-b979-1aaad8a57443',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'HiddenQuestion',\n      questionText: '',\n      fieldTypeId: 1,\n      fieldProperties: null,\n      clusterId: 2,\n      helperText: null,\n      section: 1,\n      questionOrder: 1,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|b8e4259d-2062-4524-8b38-2746c302d908',\n      id: 'b8e4259d-2062-4524-8b38-2746c302d908',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'SingleLineTextQuestion',\n      questionText: 'Question using a Single Line input',\n      fieldTypeId: 2,\n      fieldProperties: {\n        maxCharacter: 64,\n        minCharacter: 0,\n      },\n      // defaultValue: 'test-value',\n      clusterId: 3,\n      helperText: 'Helper Text For SingleLineTextQuestion',\n      section: 1,\n      questionOrder: 2,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|8fec36b7-dd27-477b-bfb4-b58a4693d7e4',\n      id: '8fec36b7-dd27-477b-bfb4-b58a4693d7e4',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'MultiLineTextQuestion',\n      questionText: 'Question using a Multi-Line Text input',\n      fieldTypeId: 3,\n      fieldProperties: {\n        maxCharacter: 256,\n        minCharacter: 10,\n      },\n      // defaultValue: 'kjhsa;lfkhjasl;kfj',\n      clusterId: 4,\n      helperText: null,\n      section: 1,\n      questionOrder: 3,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|6f4146cf-90ea-44c6-bd81-20fcf5ffd582',\n      id: '6f4146cf-90ea-44c6-bd81-20fcf5ffd582',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'CheckboxQuestion',\n      questionText: 'Question using 1 or more Checkbox inputs',\n      fieldTypeId: 4,\n      fieldProperties: {\n        items: [\n          {\n            display: 'item 1',\n            value: 'value 1',\n          },\n          {\n            display: 'item 2',\n            value: 'value 2',\n          },\n          {\n            display: 'item 3',\n            value: 'value 3',\n          },\n          {\n            display: 'item 4',\n            value: 'value 4',\n          },\n        ],\n      },\n      clusterId: 5,\n      helperText: null,\n      section: 1,\n      questionOrder: 4,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|aa935a31-c14c-4624-b45e-b4f933f38f55',\n      id: 'aa935a31-c14c-4624-b45e-b4f933f38f55',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'RadioButtonQuestion',\n      questionText: 'Question using 2 or more Radio Button inputs',\n      fieldTypeId: 5,\n      fieldProperties: {\n        items: [\n          {\n            display: 'item 1',\n            value: 'value 1',\n          },\n          {\n            display: 'item 2',\n            value: 'value 2',\n          },\n          {\n            display: 'item 3',\n            value: 'value 3',\n          },\n        ],\n      },\n      clusterId: 6,\n      helperText: 'Helper Text For RadioButtonQuestion',\n      section: 1,\n      questionOrder: 5,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|5d3ba4b4-27bd-4315-9f97-0ef32080adaa',\n      id: '5d3ba4b4-27bd-4315-9f97-0ef32080adaa',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'DropdownSingleSelectQuestion',\n      questionText: 'Question using a Dropdown Input with single selection',\n      fieldTypeId: 6,\n      fieldProperties: {\n        items: [\n          {\n            display: 'Age range?',\n            value: 'age_range',\n          },\n          {\n            display: 'Employment status?',\n            value: 'employment_status',\n          },\n          {\n            display: 'Highest education completed?',\n            value: 'education_level',\n          },\n          {\n            display: 'Marital status?',\n            value: 'marital_status',\n          },\n          {\n            display: 'Annual income range?',\n            value: 'income_range',\n          },\n          {\n            display: 'Residence type?',\n            value: 'residence_type',\n          },\n          {\n            display: 'Do you have children?',\n            value: 'has_children',\n          },\n          {\n            display: 'Own or rent?',\n            value: 'housing_status',\n          },\n          {\n            display: 'Primary mode of transportation?',\n            value: 'transport_mode',\n          },\n          {\n            display: 'Do you have pets?',\n            value: 'has_pets',\n          },\n          {\n            display: 'Current health status?',\n            value: 'health_status',\n          },\n          {\n            display: 'Do you exercise regularly?',\n            value: 'exercise_frequency',\n          },\n        ],\n      },\n      clusterId: 7,\n      helperText: null,\n      section: 2,\n      questionOrder: 6,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|bb6771b2-8228-4600-80e9-18686e509b26',\n      id: 'bb6771b2-8228-4600-80e9-18686e509b26',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'DropdownMultipleSelectQuestion',\n      questionText: 'Question using a Dropdown Input with multiple selections',\n      fieldTypeId: 7,\n      fieldProperties: {\n        items: [\n          {\n            display: 'item 1',\n            value: 'value 1',\n          },\n          {\n            display: 'item 2',\n            value: 'value 2',\n          },\n          {\n            display: 'item 3',\n            value: 'value 3',\n          },\n        ],\n      },\n      clusterId: 9,\n      helperText: null,\n      section: 2,\n      questionOrder: 7,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|1ef9e1d9-e241-448a-9320-e913a9de5dbf',\n      id: '1ef9e1d9-e241-448a-9320-e913a9de5dbf',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'ListQuestion',\n      questionText: 'Question using a List Input with multiple selections',\n      fieldTypeId: 8,\n      fieldProperties: {\n        items: [\n          {\n            display: 'item 1',\n            value: 'value 1',\n          },\n          {\n            display: 'item 2',\n            value: 'value 2',\n          },\n          {\n            display: 'item 3',\n            value: 'value 3',\n          },\n        ],\n      },\n      clusterId: 10,\n      helperText: null,\n      section: 2,\n      questionOrder: 8,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|b629b74e-31a7-4a56-915f-dfb6796443ef',\n      id: 'b629b74e-31a7-4a56-915f-dfb6796443ef',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'DateSelectorQuestion',\n      questionText: 'Question using a Date Selector Input',\n      fieldTypeId: 9,\n      fieldProperties: {\n        allowFutureDate: false,\n        maxDate: '2020/12/31',\n        minDate: '1980/01/01',\n      },\n      clusterId: 11,\n      helperText: null,\n      section: 2,\n      questionOrder: 9,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|1875041c-0868-4daf-a402-efe478f935ab',\n      id: '1875041c-0868-4daf-a402-efe478f935ab',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'TimeSelectorQuestion',\n      questionText: 'Question using a Time Selector Input',\n      fieldTypeId: 10,\n      fieldProperties: {\n        maxTime: '17:00:00',\n        minTime: '09:00:00',\n      },\n      clusterId: 12,\n      helperText: null,\n      section: 3,\n      questionOrder: 10,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|0d480314-0161-45ba-ab06-cc17fdad4e3b',\n      id: '0d480314-0161-45ba-ab06-cc17fdad4e3b',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'DateTimeSelectorQuestion',\n      questionText: 'Question using a DateTime Selector Input',\n      fieldTypeId: 11,\n      fieldProperties: {\n        allowFutureDate: false,\n        maxDateTime: '2020/12/31 23:59:59',\n        minDateTime: '1980/01/01 00:00:00',\n      },\n      clusterId: 13,\n      helperText: null,\n      section: 3,\n      questionOrder: 11,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|a11e9d54-d0fe-4c95-9219-466adf4875df',\n      id: 'a11e9d54-d0fe-4c95-9219-466adf4875df',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'FileUploadQuestion',\n      questionText: 'Question using a File Upload Input',\n      fieldTypeId: 12,\n      fieldProperties: {\n        hideDragAndDrop: true,\n        hideButton: false,\n      },\n      clusterId: 14,\n      helperText: 'Helper Text For FileUploadQuestion',\n      section: 3,\n      questionOrder: 12,\n      required: true,\n      form: null,\n    },\n    {\n      businessObjectKey: 'Univerus.Unity.RnDFelbel.Project.Models.UdpFormQuestion|b8e4259d-2062-4524-8b38-2746c302d909',\n      id: 'b8e4259d-2062-4524-8b38-2746c302d909',\n      formId: 'd54bd969-7b3b-48ec-a6c0-e6f09db47eb5',\n      formVersion: 1,\n      name: 'Description',\n      questionText: '',\n      fieldTypeId: 13,\n      fieldProperties: {},\n      clusterId: 3,\n      helperText: '',\n      section: 1,\n      questionOrder: 1,\n      required: true,\n      form: null,\n    },\n  ],\n  udpFormUdpFormSection: []\n};\n\nexport default mockData;\n"]}

package/dist/collection/components/my-component/UI/forms/udp-forms/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/forms/udp-forms/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TypographyVariant } from \"src/components\";\nimport { UdpObject, Guid, UdpTag } from \"src/global/types\";\n\n// Re-export types that components need\nexport type { Guid, UdpTag } from \"src/global/types\";\n\nexport interface UdpFormQuestion extends UdpObject {\n  id: Guid;\n  formId: Guid;\n  formVersion: number;\n  name: string;\n  questionText: string;\n  fieldTypeId: number;\n  fieldProperties: any;\n  clusterId: number;\n  helperText: string;\n  section: number;\n  questionOrder: number;\n  required: boolean;\n  form: null;\n  questionTypeName?: string;\n  isContainsOptionItems?: boolean;\n  icon?: any;\n}\n\nexport interface UdpForm extends UdpObject {\n  id: Guid;\n  version: number;\n  type: number;\n  isPrivate: boolean;\n  name: string;\n  description: string;\n  tenantId: Guid;\n  clusterId: number;\n  actionId?: Guid;\n  formQuestions: UdpFormQuestion[];\n  styleOverrides?: StyleOverrides | null;\n}\n\nexport interface StyleOverrides {\n  background?: {\n    backgroundImage?: string | null;\n    backgroundColor?: string | null;\n  };\n  headerBackgroundColor?: string|null\n  fontFamily?: string;\n  helperText?: FontOverrides;\n  questionText?: FontOverrides;\n  titleText?: FontOverrides;\n  paragraphText?: FontOverrides;\n}\n\nexport interface FontOverrides {\n  variant?: TypographyVariant;\n  fontFamily?: string;\n}\n\n// Base interface for all UDP entities with common properties\n\n\nexport type UdpFormSubmissionStatus = 'in-progress' | 'submitted' | 1 | 2;\n\nexport interface UdpFormSubmission extends UdpObject {\n  id: Guid;\n  formId: Guid;\n  formVersion: number;\n  data: { [key: string]: any };\n  unityUserId: Guid;\n  clusterId: number;\n  userDisplayName: string;\n  status: UdpFormSubmissionStatus;\n  businessObjectKey: string; // Required from UdpObject\n  udpTags: UdpTag[] | null; // Required from UdpObject, using explicit type for clarity\n  form?: any; // This could be typed as Form if needed\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/forms/udp-forms/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TypographyVariant } from \"src/components\";\nimport { UdpObject, Guid, UdpTag } from \"src/global/types\";\n\n// Re-export types that components need\nexport type { Guid, UdpTag } from \"src/global/types\";\n\nexport interface UdpFormQuestion extends UdpObject {\n  id: Guid;\n  formId: Guid;\n  formVersion: number;\n  name: string;\n  questionText: string;\n  fieldTypeId: number;\n  fieldProperties: any;\n  clusterId: number;\n  helperText: string;\n  section: number;\n  formSectionId?: Guid;\n  questionOrder: number;\n  required: boolean;\n  form: null;\n  questionTypeName?: string;\n  isContainsOptionItems?: boolean;\n  icon?: any;\n  processedSubmissionName?: string;\n}\n\nexport interface UdpFormSection extends UdpObject {\n  id: Guid;\n  formId: Guid;\n  formVersion: number;\n  title: string;\n  sectionText: string;\n  order: number;\n  sectionProperties: any;\n  name?: string;\n  formQuestions?: UdpFormQuestion[];\n  isOriginalSection?: boolean;\n  sectionPositionSuffix?: number;\n}\n\nexport interface UdpForm extends UdpObject {\n  id: Guid;\n  version: number;\n  type: number;\n  isPrivate: boolean;\n  name: string;\n  description: string;\n  tenantId: Guid;\n  clusterId: number;\n  actionId?: Guid;\n  formQuestions: UdpFormQuestion[];\n  udpFormUdpFormSection: UdpFormSection[];\n  styleOverrides?: StyleOverrides | null;\n}\n\nexport interface StyleOverrides {\n  background?: {\n    backgroundImage?: string | null;\n    backgroundColor?: string | null;\n  };\n  headerBackgroundColor?: string|null\n  fontFamily?: string;\n  helperText?: FontOverrides;\n  questionText?: FontOverrides;\n  titleText?: FontOverrides;\n  paragraphText?: FontOverrides;\n}\n\nexport interface FontOverrides {\n  variant?: TypographyVariant;\n  fontFamily?: string;\n}\n\n// Base interface for all UDP entities with common properties\n\n\nexport type UdpFormSubmissionStatus = 'in-progress' | 'submitted' | 1 | 2;\n\nexport interface UdpFormSubmission extends UdpObject {\n  id: Guid;\n  formId: Guid;\n  formVersion: number;\n  data: { [key: string]: any };\n  unityUserId: Guid;\n  clusterId: number;\n  userDisplayName: string;\n  status: UdpFormSubmissionStatus;\n  businessObjectKey: string; // Required from UdpObject\n  udpTags: UdpTag[] | null; // Required from UdpObject, using explicit type for clarity\n  form?: any; // This could be typed as Form if needed\n}\n"]}

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.js

@@ -1,10 +1,6 @@
 import { h } from "@stencil/core";
-import questionsTemplate from "../udp-forms-builder-question-template"; // Corrected path
-// Moved getHandler here
-// const getHandler = (fieldTypeId: number, handlerName: string) => {
-//   const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);
-//   return template?.handlers?.[handlerName];
-// };
+import questionsTemplate from "../udp-forms-builder-question-template";
+import { UdpFormsFieldTypeEnum } from "../../enums";
 export class QuestionSpecificConfigsRenderer {
     constructor() {
         this.getHandler = (fieldTypeId, handlerName) => {
@@ -19,20 +15,20 @@ export class QuestionSpecificConfigsRenderer {
     }
     render() {
         switch (this.question.fieldTypeId) {
-            case 2: // Single Line Text
-            case 3: // Multi Line Text
+            case UdpFormsFieldTypeEnum.SingleLineText:
+            case UdpFormsFieldTypeEnum.MultiLineText:
                 return (h("text-input-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
-            case 4: // Checkbox
-            case 5: // Radio Button
-            case 6: // Dropdown Single Select
-            case 7: // Dropdown Multiple Select
-            case 8: // List
+            case UdpFormsFieldTypeEnum.Checkbox:
+            case UdpFormsFieldTypeEnum.RadioButton:
+            case UdpFormsFieldTypeEnum.DropdownSingleSelect:
+            case UdpFormsFieldTypeEnum.DropdownMultipleSelect:
+            case UdpFormsFieldTypeEnum.ListMultiSelect:
                 return (h("list-options-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler, lookupOptions: this.lookupOptions }));
-            case 9: // Date Selector
-            case 10: // Time Selector
-            case 11: // DateTime Selector
+            case UdpFormsFieldTypeEnum.DateSelector:
+            case UdpFormsFieldTypeEnum.TimeSelector:
+            case UdpFormsFieldTypeEnum.DateTimeSelector:
                 return (h("date-time-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
-            case 12: // File Upload
+            case UdpFormsFieldTypeEnum.FileUpload:
                 return (h("file-upload-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
             default:
                 return null;

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"question-specific-configs-renderer.js","sourceRoot":"","sources":["../../../../../../../../src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport questionsTemplate from '../udp-forms-builder-question-template'; // Corrected path\n\n// Moved getHandler here\n// const getHandler = (fieldTypeId: number, handlerName: string) => {\n//   const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n//   return template?.handlers?.[handlerName];\n// };\n\n@Component({\n  tag: 'question-specific-configs-renderer',\n  styleUrl: 'question-specific-configs-renderer.css', // Explicitly added ./\n  shadow: true,\n})\nexport class QuestionSpecificConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n  private getHandler = (fieldTypeId: number, handlerName: string) => {\n    const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return template?.handlers?.[handlerName];\n  };\n\n  private get question() {\n    return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n  }\n\n  render() {\n    switch (this.question.fieldTypeId) {\n      case 2: // Single Line Text\n      case 3: // Multi Line Text\n        return (\n          <text-input-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></text-input-renderer>\n        );\n\n      case 4: // Checkbox\n      case 5: // Radio Button\n      case 6: // Dropdown Single Select\n      case 7: // Dropdown Multiple Select\n      case 8: // List\n        return (\n          <list-options-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n            lookupOptions={this.lookupOptions}\n          ></list-options-renderer>\n        );\n\n      case 9: // Date Selector\n      case 10: // Time Selector\n      case 11: // DateTime Selector\n        return (\n          <date-time-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></date-time-renderer>\n        );\n\n      case 12: // File Upload\n        return (\n          <file-upload-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></file-upload-renderer>\n        );\n\n      default:\n        return null;\n    }\n  }\n}\n"]}
+{"version":3,"file":"question-specific-configs-renderer.js","sourceRoot":"","sources":["../../../../../../../../src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport questionsTemplate from '../udp-forms-builder-question-template'; \nimport { UdpFormsFieldTypeEnum } from '../../enums';\n\n@Component({\n  tag: 'question-specific-configs-renderer',\n  styleUrl: 'question-specific-configs-renderer.css', // Explicitly added ./\n  shadow: true,\n})\nexport class QuestionSpecificConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n  private getHandler = (fieldTypeId: number, handlerName: string) => {\n    const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return template?.handlers?.[handlerName];\n  };\n\n  private get question() {\n    return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n  }\n\n  render() {\n    switch (this.question.fieldTypeId) {\n      case UdpFormsFieldTypeEnum.SingleLineText: \n      case UdpFormsFieldTypeEnum.MultiLineText: \n        return (\n          <text-input-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></text-input-renderer>\n        );\n\n      case UdpFormsFieldTypeEnum.Checkbox:\n      case UdpFormsFieldTypeEnum.RadioButton: \n      case UdpFormsFieldTypeEnum.DropdownSingleSelect: \n      case UdpFormsFieldTypeEnum.DropdownMultipleSelect: \n      case UdpFormsFieldTypeEnum.ListMultiSelect: \n        return (\n          <list-options-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n            lookupOptions={this.lookupOptions}\n          ></list-options-renderer>\n        );\n\n      case UdpFormsFieldTypeEnum.DateSelector: \n      case UdpFormsFieldTypeEnum.TimeSelector: \n      case UdpFormsFieldTypeEnum.DateTimeSelector: \n        return (\n          <date-time-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></date-time-renderer>\n        );\n\n      case UdpFormsFieldTypeEnum.FileUpload:\n        return (\n          <file-upload-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></file-upload-renderer>\n        );\n\n      default:\n        return null;\n    }\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/date-time-renderer.js

@@ -1,11 +1,12 @@
 import { Fragment, h } from "@stencil/core";
+import { UdpFormsFieldTypeEnum } from "../../../enums";
 // We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.
 // This will require knowing their correct import paths or ensuring they are globally available.
 export class DateTimeRenderer {
     renderSwitch() {
         var _a;
         switch (this.question.fieldTypeId) {
-            case 9: // Date Selector
+            case UdpFormsFieldTypeEnum.DateSelector: // Date Selector
                 return (h("div", { class: "question-item-date-inputs-container" }, h("div", { class: "question-item-date-inputs-container-date-range" }, h("udp-date-selector", { label: "Min Date", value: this.question.fieldProperties.minDate, fullWidth: true, onChange: e => {
                         if (this.isViewOnly)
                             return;
@@ -25,7 +26,7 @@ export class DateTimeRenderer {
                         const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');
                         this.onFormSectionsDraftChange(updated);
                     }, labelPosition: "right" })));
-            case 10: // Time Selector
+            case UdpFormsFieldTypeEnum.TimeSelector: // Time Selector
                 return (h("div", { class: "question-item-time-inputs-container" }, h("div", { class: "question-item-date-inputs-container-time-range" }, h("udp-time-selector", { label: "Min Time", value: this.question.fieldProperties.minTime, fullWidth: true, onChange: e => {
                         if (this.isViewOnly)
                             return;
@@ -39,7 +40,7 @@ export class DateTimeRenderer {
                         const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');
                         this.onFormSectionsDraftChange(updated);
                     } }))));
-            case 11: // DateTime Selector
+            case UdpFormsFieldTypeEnum.DateTimeSelector: // DateTime Selector
                 return (h(Fragment, null, h("div", { class: "question-item-date-time-inputs-container" }, h("div", { class: "question-item-date-inputs-container-datetime-range" }, h("udp-datetime-selector", { label: "Min Datetime", value: this.question.fieldProperties.minDateTime, fullWidth: true, onChange: e => {
                         if (this.isViewOnly)
                             return;

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/date-time-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-renderer.js","sourceRoot":"","sources":["../../../../../../../../../src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/date-time-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types'; // Using path that worked previously\n// We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\n\n@Component({\n  tag: 'date-time-renderer',\n  styleUrl: 'date-time-renderer.css',\n  shadow: true,\n})\nexport class DateTimeRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  renderSwitch() {\n    switch (this.question.fieldTypeId) {\n      case 9: // Date Selector\n        return (\n          <div class=\"question-item-date-inputs-container\">\n            <div class=\"question-item-date-inputs-container-date-range\">\n              <udp-date-selector\n                label=\"Min Date\"\n                value={this.question.fieldProperties.minDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n              <udp-date-selector\n                label=\"Max Date\"\n                value={this.question.fieldProperties.maxDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n            </div>\n            <stencil-toggle\n              label=\"Allow Future Date\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowFutureDate === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            ></stencil-toggle>\n          </div>\n        );\n      case 10: // Time Selector\n        return (\n          <div class=\"question-item-time-inputs-container\">\n            <div class=\"question-item-date-inputs-container-time-range\">\n              <udp-time-selector\n                label=\"Min Time\"\n                value={this.question.fieldProperties.minTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n              <udp-time-selector\n                label=\"Max Time\"\n                value={this.question.fieldProperties.maxTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n            </div>\n          </div>\n        );\n      case 11: // DateTime Selector\n        return (\n          <Fragment>\n            <div class=\"question-item-date-time-inputs-container\">\n              <div class=\"question-item-date-inputs-container-datetime-range\">\n                <udp-datetime-selector\n                  label=\"Min Datetime\"\n                  value={this.question.fieldProperties.minDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n                <udp-datetime-selector\n                  label=\"Max Datetime\"\n                  value={this.question.fieldProperties.maxDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n              </div>\n              <div class=\"question-item-future-date-container\">\n                <stencil-toggle\n                  label=\"Allow Future Date\"\n                  disabled={this.isViewOnly}\n                  checked={!!this.question.fieldProperties?.allowFutureDate}\n                  onToggledChange={() => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                    const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                  labelPosition=\"right\"\n                ></stencil-toggle>\n              </div>\n            </div>\n          </Fragment>\n        );\n      default:\n        return null;\n    }\n  }\n\n  render() {\n    return this.renderSwitch();\n  }\n}\n"]}
+{"version":3,"file":"date-time-renderer.js","sourceRoot":"","sources":["../../../../../../../../../src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/date-time-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types'; // Using path that worked previously\nimport { UdpFormsFieldTypeEnum } from '../../../enums';\n\n// We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\n\n@Component({\n  tag: 'date-time-renderer',\n  styleUrl: 'date-time-renderer.css',\n  shadow: true,\n})\nexport class DateTimeRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  renderSwitch() {\n    switch (this.question.fieldTypeId) {\n      case UdpFormsFieldTypeEnum.DateSelector: // Date Selector\n        return (\n          <div class=\"question-item-date-inputs-container\">\n            <div class=\"question-item-date-inputs-container-date-range\">\n              <udp-date-selector\n                label=\"Min Date\"\n                value={this.question.fieldProperties.minDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n              <udp-date-selector\n                label=\"Max Date\"\n                value={this.question.fieldProperties.maxDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n            </div>\n            <stencil-toggle\n              label=\"Allow Future Date\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowFutureDate === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            ></stencil-toggle>\n          </div>\n        );\n      case UdpFormsFieldTypeEnum.TimeSelector: // Time Selector\n        return (\n          <div class=\"question-item-time-inputs-container\">\n            <div class=\"question-item-date-inputs-container-time-range\">\n              <udp-time-selector\n                label=\"Min Time\"\n                value={this.question.fieldProperties.minTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n              <udp-time-selector\n                label=\"Max Time\"\n                value={this.question.fieldProperties.maxTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n            </div>\n          </div>\n        );\n      case UdpFormsFieldTypeEnum.DateTimeSelector: // DateTime Selector\n        return (\n          <Fragment>\n            <div class=\"question-item-date-time-inputs-container\">\n              <div class=\"question-item-date-inputs-container-datetime-range\">\n                <udp-datetime-selector\n                  label=\"Min Datetime\"\n                  value={this.question.fieldProperties.minDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n                <udp-datetime-selector\n                  label=\"Max Datetime\"\n                  value={this.question.fieldProperties.maxDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n              </div>\n              <div class=\"question-item-future-date-container\">\n                <stencil-toggle\n                  label=\"Allow Future Date\"\n                  disabled={this.isViewOnly}\n                  checked={!!this.question.fieldProperties?.allowFutureDate}\n                  onToggledChange={() => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                    const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                  labelPosition=\"right\"\n                ></stencil-toggle>\n              </div>\n            </div>\n          </Fragment>\n        );\n      default:\n        return null;\n    }\n  }\n\n  render() {\n    return this.renderSwitch();\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/section-configs-renderer.css

@@ -1,5 +1,4 @@
 .generic-configs-container {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-04, 16px);
 }