npm - udp-stencil-component-library - Versions diffs - 25.18.2-beta.4 → 25.18.2-beta.5 - Mend

udp-stencil-component-library 25.18.2-beta.4 → 25.18.2-beta.5

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 (231) hide show

package/dist/cjs/udp-forms-ui.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"udp-forms-ui.entry.cjs.js","sources":["src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.css?tag=udp-forms-ui&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.tsx"],"sourcesContent":[".background {\n background-color: var(--gray-01);\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.item {\n padding-bottom: var(--spacing-02);\n /* margin-bottom: var(--spacing-05); /\n}\n\n.items {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05);\n padding-top: var(--spacing-02);\n padding-bottom: var(--spacing-02);\n}\n\n.footer {\n display: flex;\n flex-direction: row-reverse;\n}\n\n.submit {\n background-color: var(--primary-color);\n box-sizing: border-box;\n border: none;\n color: white;\n padding: 8px 24px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n min-width: 48px;\n min-height: 24px;\n / Default size /\n}\n\n.submit:disabled {\n background-color: var(--gray-05);\n cursor: default;\n}\n\n.submit-card {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n\n/ .form-section-content /\n.form-section-content {\n margin-bottom: var(--spacing-05);\n background-color: white;\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05);\n}\n\n.form-container {\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n min-height: 100px;\n}\n\n.form-section-block {\n margin-bottom: var(--spacing-05);\n}\n\n.form-section-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background-color: var(--primary-color, #000);\n color: var(--primary-contrast-text, #FFF);\n padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n align-items: center;\n min-height: var(--spacing-10, 60px);\n}\n\n.form-section-text {\n margin-bottom: var(--spacing-03);\n}\n\n.center-div {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.finish-button {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n/ .header /\n.form-renderer-header {\n padding: var(--spacing-05) var(--spacing-05);\n background-color: var(--primary-color-dark, #000);\n color: var(--primary-contrast-text, #FFF);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.header-content {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--spacing-03);\n}\n\n.header-text {\n flex: 1;\n min-width: 0;\n / Allow text to shrink /\n}\n\n/ Save button visibility - JavaScript controlled /\n.header-save-button {\n display: block;\n / Always available, component controls its own visibility /\n}\n\n.floating-save-button {\n display: block;\n / Always available, component controls its own visibility /\n}\n\n.error-banner {\n background-color: #fdecea;\n border: 1px solid #f5c6cb;\n color: #a94442;\n padding: 12px;\n margin-bottom: 12px;\n border-radius: 4px;\n}\n\n\n/\n * Save button visibility is now controlled by JavaScript-based overlap detection\n * in the udp-save-draft-button component. This provides real-time detection of\n * overlaps with form content, accounting for menu drawers and dynamic layouts.\n \n The component automatically switches between floating and inline modes based on\n * actual element positions and available space, not viewport breakpoints.\n /\n\n/ Mobile layout adjustments /\n@media (max-width: 768px) {\n .header-content {\n flex-direction: column;\n align-items: stretch;\n gap: var(--spacing-02);\n }\n\n .header-text {\n margin-bottom: var(--spacing-02);\n }\n}\n\n/ Small height screens: Always use header button /\n@media (max-height: 600px) {\n .header-save-button {\n display: block;\n }\n\n .floating-save-button {\n display: none;\n }\n}\n\n.auto-save-status {\n margin-top: var(--spacing-02);\n padding: var(--spacing-01) 0;\n font-size: 12px;\n opacity: 0.8;\n}","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Guid, UdpFormQuestion } from '../../utils/types';\nimport { UdpFormsFieldTypeEnum } from '../../utils/enums';\nimport { fontOverrideMapping, overrideFont } from '../../utils/utils';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\nimport { UdpFormSubmission } from '../../utils/classes/UdpFormSubmission';\nimport { UdpForm } from '../../utils/classes/UdpForm';\n\n\n@Component({\n tag: 'udp-forms-ui',\n styleUrl: 'udp-forms-ui.css',\n shadow: true,\n})\nexport class UdpFormsUi {\n @Prop() udpForm: UdpForm;\n @Prop() initialValues: { [name: string]: any } = {};\n @Prop() udpFormSubmission: UdpFormSubmission\n @Prop() submitSuccessful: boolean = false;\n @Prop() isLoading: boolean = false;\n @Prop() isSaving: boolean = false;\n @Prop() saveErrorMessage: string \| null = null;\n @Prop() showAutoSaveStatus: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() readonly: boolean = false;\n @Prop() handleSubmit: (values: any) => Promise<void>;\n @Prop() handleChange: (values: { [name: string]: any }) => void;\n @Prop() handleSave: (values: { [name: string]: any }) => Promise<void>;\n @Prop() handleAction: (actionId: Guid, params: Object) => void;\n @Prop() handleFinish: () => void;\n @Prop() clientUserInfo: { id: string \| null; displayName: string \| null; email: string \| null } = {\n id: null,\n displayName: null,\n email: null,\n }; \n @Prop() isSubmitted: boolean = false;\n @Prop() dynamicSections: any[];\n @Prop() duplicateRepeatableSection: any;\n @Prop() deleteRepeatableSection: any;\n @Prop() isShowManualSaveIcon: boolean = false;\n @Prop() performBackgroundSaveAndUpdateLocalSubmissionState: (values: { [name: string]: any }) => Promise<void>;\n\n @State() showSavedMessage: boolean = false;\n\n @Event() formDirtyChange: EventEmitter<boolean>;\n\n @Element() el: HTMLElement;\n\n\n @State() isDialogOpen: boolean = false;\n @State() dialogAction: () => void;\n @State() dialogMessage: string = 'Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.';\n \n\n private savedMessageTimeoutId: any;\n\n private titleId: string = 'udp-forms-title';\n private descriptionId: string = 'udp-forms-description';\n\n componentDidLoad() {\n this.overrideStyles();\n }\n\n componentDidUpdate() {\n this.overrideStyles();\n }\n\n disconnectedCallback() {\n // Clean up timeout when component is destroyed\n if (this.savedMessageTimeoutId) {\n clearTimeout(this.savedMessageTimeoutId);\n }\n }\n\n @Watch('isSaving')\n watchIsSaving(newValue: boolean, oldValue: boolean) {\n console.log('isSaving watcher triggered:', { oldValue, newValue, saveErrorMessage: this.saveErrorMessage });\n\n // When isSaving changes from true to false (save completed successfully)\n if (oldValue === true && newValue === false && !this.saveErrorMessage) {\n console.log('Setting showSavedMessage to true');\n this.showSavedMessage = true;\n\n // Clear any existing timeout\n if (this.savedMessageTimeoutId) {\n clearTimeout(this.savedMessageTimeoutId);\n }\n\n // Hide the \"Saved\" message after 5 seconds\n this.savedMessageTimeoutId = setTimeout(() => {\n console.log('Hiding saved message after 5 seconds');\n this.showSavedMessage = false;\n }, 5000);\n }\n }\n\n overrideStyles() {\n const shadowRoot = (this as any).el?.shadowRoot;\n shadowRoot?.querySelectorAll('unity-typography').forEach(element => {\n const styleOverride =\n element.id === this.titleId ? this.udpForm?.styleOverrides?.titleText : element.id === this.descriptionId ? this.udpForm?.styleOverrides?.paragraphText : ({} as any);\n\n if (styleOverride?.fontFamily && fontOverrideMapping[styleOverride.fontFamily]) {\n overrideFont(element, fontOverrideMapping[styleOverride.fontFamily]);\n }\n if (styleOverride?.variant) {\n element.setAttribute('variant', styleOverride.variant);\n }\n });\n }\n\n private isSectionContainsFollowUpFormLink(sectionKey: string): boolean {\n const sectionObject = this.udpFormSubmission.data.submissionResponseData[sectionKey]\n\n for (const [_key, questionObject] of Object.entries(sectionObject) as any) {\n if (questionObject?.metadata && questionObject.metadata?.followUpFormSubmissionId) {\n return true;\n }\n }\n\n return false;\n }\n\n render() {\n if (this.isLoading) {\n return (\n <udp-linear-loader />\n );\n }\n\n if (!this.udpForm) {\n return (\n <div class=\"error-banner\">\n <unity-typography variant=\"body2\">Error Loading Form</unity-typography>\n </div>\n );\n }\n\n let questionNumber = 1;\n\n const sectionSet = new Set();\n this.udpForm.formQuestions.forEach(fq => sectionSet.add(fq.section));\n // const orderedSectionNumbers = [...sectionSet].sort((a: number, b: number) => a - b);\n\n const hiddenQuestionTypes = [UdpFormsFieldTypeEnum.Hidden, UdpFormsFieldTypeEnum.Paragraph];\n\n const backgroundOverrides: { backgroundImage?: string \| null; backgroundColor?: string \| null } = {};\n if (this.udpForm?.styleOverrides?.background?.backgroundImage) {\n // uncomment when we want to allow background images\n //backgroundOverrides.backgroundImage = `url(${this.udpForm?.styleOverrides?.background?.backgroundImage})`;\n } else if (this.udpForm?.styleOverrides?.background?.backgroundColor) {\n backgroundOverrides.backgroundColor = this.udpForm?.styleOverrides?.background?.backgroundColor;\n }\n return (\n <div class={'background'} style={backgroundOverrides}>\n <udp-container maxWidth=\"md\">\n <div class=\"form-container\">\n {!this.submitSuccessful ? (\n \n <stencil-form\n handleSubmit={this.handleSubmit}\n initialValues={this.initialValues}\n handleChange={this.handleChange}\n onDirtyChange={event => this.formDirtyChange.emit(event.detail)}\n >\n {this.readonly && \n (<div class=\"error-banner\">\n <unity-typography variant=\"body2\">View Only Mode. The contents of this form cannot be changed.</unity-typography>\n </div>)}\n <fluent-dialog\n open={this.isDialogOpen}\n message={this.dialogMessage}\n labelOne={'Confirm'}\n labelTwo={'Cancel'}\n actionOne={() => this.dialogAction()}\n actionTwo={() => (this.isDialogOpen = false)}\n />\n {/******* QUESTIONS ******/}\n <div>\n {/ <div class=\"header\" style={this.udpForm?.styleOverrides?.headerBackgroundColor ? { backgroundColor: this.udpForm?.styleOverrides?.headerBackgroundColor } : ''}> /}\n <div class=\"form-section-block\">\n <div\n class=\"form-renderer-header\"\n style={{\n ...(this.udpForm?.styleOverrides?.headerBackgroundColor && {\n backgroundColor: this.udpForm.styleOverrides.headerBackgroundColor,\n }),\n }}\n >\n <unity-typography id={this.titleId} variant={'h6'} color=\"inherit\">\n {this.udpForm.name}\n </unity-typography>\n\n {/ Auto-save status indicator for authenticated users /}\n {this.showAutoSaveStatus && (\n <div class=\"auto-save-status\">\n {/ {this.isSaving && (\n <unity-typography variant=\"body\" color=\"primary\">\n Saving...\n </unity-typography>\n )} /}\n {this.saveErrorMessage && (\n <unity-typography variant=\"body\" color=\"secondary\">\n {this.saveErrorMessage}\n </unity-typography>\n )}\n </div>\n )}\n {this.isShowManualSaveIcon && (\n <udp-save-draft-button\n isVisible={this.isShowManualSaveIcon}\n isSaving={this.isSaving}\n // saveErrorMessage={this.saveErrorMessage}\n showSavedMessage={this.showSavedMessage}\n handleSave={this.handleSave}\n />\n )}\n </div>\n\n <div class=\"form-section-content\">\n <div class=\"items\">\n <div class=\"form-section-text\">\n <unity-typography id={this.descriptionId} variant={this.udpForm?.styleOverrides?.paragraphText?.variant ?? 'body'} color=\"inherit\">\n {this.udpForm.description}\n </unity-typography>\n </div>\n </div>\n </div>\n </div>\n {/ Save Button - moves between header and floating based on space /}\n {this.dynamicSections.map((section, sIndex) => {\n return (\n <div class=\"form-section-block\">\n <div class=\"form-section-header\">\n <div class=\"form-section-header-title\">\n <unity-typography variant=\"h6\" color=\"inherit\">\n {`${section.title}${section.sectionPositionSuffix > 1 ? ` (${section.sectionPositionSuffix})` : ''}`}\n </unity-typography>\n </div>\n <div class=\"form-section-header-actions\">\n {/ // Only show the add button if the section is repeatable and is the last in the repeat group /}\n {section.sectionProperties.isRepeatable && this.dynamicSections.filter(s => s.id === section.id).length === section.sectionPositionSuffix && !this.readonly && (\n <stencil-icon-button icon={getIconFromName('add')} tooltip=\"Repeat This Section\" onClick={() => this.duplicateRepeatableSection(sIndex)} />\n )}\n {/ // show the delete button if the section is repeatable and not the original section /}\n {!section.isOriginalSection && !this.readonly && (\n <stencil-icon-button \n icon={getIconFromName('subtract')} \n tooltip=\"Delete This Repeated Section\" \n onClick={\n () => {\n // e.stopPropagation();\n if (this.isSectionContainsFollowUpFormLink(`${section.name}_${section.sectionPositionSuffix}`)) {\n this.dialogAction = async () => {\n this.deleteRepeatableSection(sIndex)\n await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);\n this.isDialogOpen = false;\n }; \n } else {\n this.deleteRepeatableSection(sIndex)\n }\n \n this.isDialogOpen = true;\n }} />\n )}\n </div>\n </div>\n\n <div class=\"form-section-content\">\n <div class=\"items\">\n <div class=\"form-section-text\">\n <unity-typography variant=\"body\" color=\"inherit\">\n {section.sectionText}\n </unity-typography>\n </div>\n\n <div>\n {section.formQuestions.map((question: UdpFormQuestion) => {\n const isHidden = hiddenQuestionTypes.includes(question.fieldTypeId);\n const num: number = questionNumber;\n if (!isHidden) questionNumber++;\n\n const sectionKey = section.sectionPositionSuffix > 1 ? `${section.name}_${section.sectionPositionSuffix}` : `${section.name}`\n\n return (\n <div class=\"item\">\n <udp-question\n styleOverrides={{\n helperText: this.udpForm.styleOverrides?.helperText,\n paragraphText: this.udpForm.styleOverrides?.paragraphText,\n questionText: this.udpForm.styleOverrides?.questionText,\n }}\n question={question}\n questionNumber={num}\n value={this.initialValues?.[sectionKey]?.[question.name]?.value ?? ''}\n disabled={this.disabled}\n readonly={this.readonly}\n key={question.questionIdentifierKey}\n initialValues={this.initialValues}\n clientUserInfo={this.clientUserInfo}\n udpFormSubmission={this.udpFormSubmission}\n />\n </div>\n );\n })}\n </div>\n </div>\n </div>\n </div>\n );\n })}\n {this.udpFormSubmission?.status != 2 && ( \n <div class=\"footer\">\n <input\n disabled={this.isLoading \|\| this.disabled \|\| this.readonly}\n type=\"submit\"\n value=\"Submit\"\n class=\"submit\"\n id=\"udpRecord-udp-forms-renderer-Submit\"\n onClick={() => {\n console.log('Submit button clicked');\n // Let the form handle the submit naturally\n }}\n />\n </div>\n )}\n </div>\n </stencil-form>\n ) : (\n //if the form has been submit, display success message with a button to trigger the action associated to the form\n <div class=\"center-div\">\n <udp-ambient-card>\n <div class=\"submit-card\">\n <unity-typography>Thank you for your submission.</unity-typography>\n {/ // No action configured for now. /}\n {/ <div class=\"finish-button\">\n <custom-button onClick={this.handleFinish}>Back</custom-button>\n </div> */}\n </div>\n </udp-ambient-card>\n </div>\n )}\n </div>\n </udp-container>\n </div>\n );\n }\n}\n"],"names":["fontOverrideMapping","overrideFont","h","UdpFormsFieldTypeEnum","getIconFromName"],"mappings":"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"}
1	+ {"version":3,"file":"udp-forms-ui.entry.cjs.js","sources":["src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.css?tag=udp-forms-ui&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.tsx"],"sourcesContent":[".background {\n background-color: var(--gray-01);\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.item {\n padding-bottom: var(--spacing-02);\n /* margin-bottom: var(--spacing-05); /\n}\n\n.items {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05);\n padding-top: var(--spacing-02);\n padding-bottom: var(--spacing-02);\n}\n\n.footer {\n display: flex;\n flex-direction: row-reverse;\n}\n\n.submit {\n background-color: var(--primary-color);\n box-sizing: border-box;\n border: none;\n color: white;\n padding: 8px 24px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n min-width: 48px;\n min-height: 24px;\n / Default size /\n}\n\n.submit:disabled {\n background-color: var(--gray-05);\n cursor: default;\n}\n\n.submit-card {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n\n/ .form-section-content /\n.form-section-content {\n margin-bottom: var(--spacing-05);\n background-color: white;\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05);\n}\n\n.form-container {\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n min-height: 100px;\n}\n\n.form-section-block {\n margin-bottom: var(--spacing-05);\n}\n\n.form-section-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background-color: var(--primary-color, #000);\n color: var(--primary-contrast-text, #FFF);\n padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n align-items: center;\n min-height: var(--spacing-10, 60px);\n}\n\n.form-section-text {\n margin-bottom: var(--spacing-03);\n}\n\n.center-div {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.finish-button {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n/ .header /\n.form-renderer-header {\n padding: var(--spacing-05) var(--spacing-05);\n background-color: var(--primary-color-dark, #000);\n color: var(--primary-contrast-text, #FFF);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.header-content {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--spacing-03);\n}\n\n.header-text {\n flex: 1;\n min-width: 0;\n / Allow text to shrink /\n}\n\n/ Save button visibility - JavaScript controlled /\n.header-save-button {\n display: block;\n / Always available, component controls its own visibility /\n}\n\n.floating-save-button {\n display: block;\n / Always available, component controls its own visibility /\n}\n\n.error-banner {\n background-color: #fdecea;\n border: 1px solid #f5c6cb;\n color: #a94442;\n padding: 12px;\n margin-bottom: 12px;\n border-radius: 4px;\n}\n\n\n/\n * Save button visibility is now controlled by JavaScript-based overlap detection\n * in the udp-save-draft-button component. This provides real-time detection of\n * overlaps with form content, accounting for menu drawers and dynamic layouts.\n \n The component automatically switches between floating and inline modes based on\n * actual element positions and available space, not viewport breakpoints.\n /\n\n/ Mobile layout adjustments /\n@media (max-width: 768px) {\n .header-content {\n flex-direction: column;\n align-items: stretch;\n gap: var(--spacing-02);\n }\n\n .header-text {\n margin-bottom: var(--spacing-02);\n }\n}\n\n/ Small height screens: Always use header button /\n@media (max-height: 600px) {\n .header-save-button {\n display: block;\n }\n\n .floating-save-button {\n display: none;\n }\n}\n\n.auto-save-status {\n margin-top: var(--spacing-02);\n padding: var(--spacing-01) 0;\n font-size: 12px;\n opacity: 0.8;\n}","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Guid, UdpFormQuestion } from '../../udp-forms-utils/types';\nimport { UdpFormsFieldTypeEnum, UdpFormsSubmissionStatusEnum } from '../../udp-forms-utils/enums';\nimport { fontOverrideMapping, overrideFont } from '../../udp-forms-utils/utils';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\nimport { UdpFormSubmission } from '../../udp-forms-utils/classes/UdpFormSubmission';\nimport { UdpForm } from '../../udp-forms-utils/classes/UdpForm';\n\n\n@Component({\n tag: 'udp-forms-ui',\n styleUrl: 'udp-forms-ui.css',\n shadow: true,\n})\nexport class UdpFormsUi {\n @Prop() udpForm: UdpForm;\n @Prop() currentValues: { [name: string]: any } = {};\n @Prop() udpFormSubmission: UdpFormSubmission\n @Prop() submitSuccessful: boolean = false;\n @Prop() isLoading: boolean = false;\n @Prop() isSaving: boolean = false;\n @Prop() saveErrorMessage: string \| null = null;\n @Prop() showAutoSaveStatus: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() readonly: boolean = false;\n @Prop() handleSubmit: (values: any) => Promise<void>;\n @Prop() handleChange: (values: { [name: string]: any }) => void;\n @Prop() handleSave: (values: { [name: string]: any }) => Promise<void>;\n @Prop() handleAction: (actionId: Guid, params: Object) => void;\n @Prop() handleFinish: () => void;\n @Prop() clientUserInfo: { id: string \| null; displayName: string \| null; email: string \| null } = {\n id: null,\n displayName: null,\n email: null,\n }; \n @Prop() isSubmitted: boolean = false;\n @Prop() dynamicSections: any[];\n @Prop() duplicateRepeatableSection: any;\n @Prop() deleteRepeatableSection: any;\n @Prop() isShowManualSaveIcon: boolean = false;\n @Prop() performBackgroundSaveAndUpdateLocalSubmissionState: (values: { [name: string]: any }) => Promise<void>;\n\n @State() showSavedMessage: boolean = false;\n\n @Event() formDirtyChange: EventEmitter<boolean>;\n\n @Element() el: HTMLElement;\n\n\n @State() isDialogOpen: boolean = false;\n @State() dialogAction: () => void;\n @State() dialogMessage: string = 'Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.';\n \n\n private savedMessageTimeoutId: any;\n\n private titleId: string = 'udp-forms-title';\n private descriptionId: string = 'udp-forms-description';\n\n componentDidLoad() {\n this.overrideStyles();\n }\n\n componentDidUpdate() {\n this.overrideStyles();\n }\n\n disconnectedCallback() {\n // Clean up timeout when component is destroyed\n if (this.savedMessageTimeoutId) {\n clearTimeout(this.savedMessageTimeoutId);\n }\n }\n\n @Watch('isSaving')\n watchIsSaving(newValue: boolean, oldValue: boolean) {\n console.log('isSaving watcher triggered:', { oldValue, newValue, saveErrorMessage: this.saveErrorMessage });\n\n // When isSaving changes from true to false (save completed successfully)\n if (oldValue === true && newValue === false && !this.saveErrorMessage) {\n console.log('Setting showSavedMessage to true');\n this.showSavedMessage = true;\n\n // Clear any existing timeout\n if (this.savedMessageTimeoutId) {\n clearTimeout(this.savedMessageTimeoutId);\n }\n\n // Hide the \"Saved\" message after 5 seconds\n this.savedMessageTimeoutId = setTimeout(() => {\n console.log('Hiding saved message after 5 seconds');\n this.showSavedMessage = false;\n }, 5000);\n }\n }\n\n overrideStyles() {\n const shadowRoot = (this as any).el?.shadowRoot;\n shadowRoot?.querySelectorAll('unity-typography').forEach(element => {\n const styleOverride =\n element.id === this.titleId ? this.udpForm?.styleOverrides?.titleText : element.id === this.descriptionId ? this.udpForm?.styleOverrides?.paragraphText : ({} as any);\n\n if (styleOverride?.fontFamily && fontOverrideMapping[styleOverride.fontFamily]) {\n overrideFont(element, fontOverrideMapping[styleOverride.fontFamily]);\n }\n if (styleOverride?.variant) {\n element.setAttribute('variant', styleOverride.variant);\n }\n });\n }\n\n private isSectionContainsFollowUpFormLink(sectionKey: string): boolean {\n const sectionObject = this.udpFormSubmission.data.submissionResponseData[sectionKey]\n\n for (const [_key, questionObject] of Object.entries(sectionObject) as any) {\n if (questionObject?.metadata && questionObject.metadata?.followUpFormSubmissionId) {\n return true;\n }\n }\n\n return false;\n }\n\n render() {\n if (this.isLoading) {\n return (\n <udp-linear-loader />\n );\n }\n\n if (!this.udpForm) {\n return (\n <div class=\"error-banner\">\n <unity-typography variant=\"body2\">Error Loading Form</unity-typography>\n </div>\n );\n }\n\n let questionNumber = 1;\n\n const sectionSet = new Set();\n this.udpForm.formQuestions.forEach(fq => sectionSet.add(fq.section));\n // const orderedSectionNumbers = [...sectionSet].sort((a: number, b: number) => a - b);\n\n const hiddenQuestionTypes = [UdpFormsFieldTypeEnum.Hidden, UdpFormsFieldTypeEnum.Paragraph];\n\n const backgroundOverrides: { backgroundImage?: string \| null; backgroundColor?: string \| null } = {};\n if (this.udpForm?.styleOverrides?.background?.backgroundImage) {\n // uncomment when we want to allow background images\n //backgroundOverrides.backgroundImage = `url(${this.udpForm?.styleOverrides?.background?.backgroundImage})`;\n } else if (this.udpForm?.styleOverrides?.background?.backgroundColor) {\n backgroundOverrides.backgroundColor = this.udpForm?.styleOverrides?.background?.backgroundColor;\n }\n return (\n <div class={'background'} style={backgroundOverrides}>\n <udp-container maxWidth=\"md\">\n <div class=\"form-container\">\n {!this.submitSuccessful ? (\n \n <stencil-form\n handleSubmit={this.handleSubmit}\n initialValues={this.currentValues}\n handleChange={this.handleChange}\n onDirtyChange={event => this.formDirtyChange.emit(event.detail)}\n >\n {this.readonly && \n (<div class=\"error-banner\">\n <unity-typography variant=\"body2\">View Only Mode. The contents of this form cannot be changed.</unity-typography>\n </div>)}\n <fluent-dialog\n open={this.isDialogOpen}\n message={this.dialogMessage}\n labelOne={'Confirm'}\n labelTwo={'Cancel'}\n actionOne={() => this.dialogAction()}\n actionTwo={() => (this.isDialogOpen = false)}\n />\n {/******* QUESTIONS ******/}\n <div>\n {/ <div class=\"header\" style={this.udpForm?.styleOverrides?.headerBackgroundColor ? { backgroundColor: this.udpForm?.styleOverrides?.headerBackgroundColor } : ''}> /}\n <div class=\"form-section-block\">\n <div\n class=\"form-renderer-header\"\n style={{\n ...(this.udpForm?.styleOverrides?.headerBackgroundColor && {\n backgroundColor: this.udpForm.styleOverrides.headerBackgroundColor,\n }),\n }}\n >\n <unity-typography id={this.titleId} variant={'h6'} color=\"inherit\">\n {this.udpForm.name}\n </unity-typography>\n\n {/ Auto-save status indicator for authenticated users /}\n {this.showAutoSaveStatus && (\n <div class=\"auto-save-status\">\n {/ {this.isSaving && (\n <unity-typography variant=\"body\" color=\"primary\">\n Saving...\n </unity-typography>\n )} /}\n {this.saveErrorMessage && (\n <unity-typography variant=\"body\" color=\"secondary\">\n {this.saveErrorMessage}\n </unity-typography>\n )}\n </div>\n )}\n {this.isShowManualSaveIcon && (\n <udp-save-draft-button\n isVisible={this.isShowManualSaveIcon}\n isSaving={this.isSaving}\n // saveErrorMessage={this.saveErrorMessage}\n showSavedMessage={this.showSavedMessage}\n handleSave={this.handleSave}\n />\n )}\n </div>\n\n <div class=\"form-section-content\">\n <div class=\"items\">\n <div class=\"form-section-text\">\n <unity-typography id={this.descriptionId} variant={this.udpForm?.styleOverrides?.paragraphText?.variant ?? 'body'} color=\"inherit\">\n {this.udpForm.description}\n </unity-typography>\n </div>\n </div>\n </div>\n </div>\n {/ Save Button - moves between header and floating based on space /}\n {this.dynamicSections.map((section, sIndex) => {\n return (\n <div class=\"form-section-block\">\n <div class=\"form-section-header\">\n <div class=\"form-section-header-title\">\n <unity-typography variant=\"h6\" color=\"inherit\">\n {`${section.title}${section.sectionPositionSuffix > 1 ? ` (${section.sectionPositionSuffix})` : ''}`}\n </unity-typography>\n </div>\n <div class=\"form-section-header-actions\">\n {/ // Only show the add button if the section is repeatable and is the last in the repeat group /}\n {section.sectionProperties.isRepeatable && this.dynamicSections.filter(s => s.id === section.id).length === section.sectionPositionSuffix && !this.readonly && (\n <stencil-icon-button icon={getIconFromName('add')} tooltip=\"Repeat This Section\" onClick={() => this.duplicateRepeatableSection(sIndex)} />\n )}\n {/ // show the delete button if the section is repeatable and not the original section /}\n {!section.isOriginalSection && !this.readonly && (\n <stencil-icon-button \n icon={getIconFromName('subtract')} \n tooltip=\"Delete This Repeated Section\" \n onClick={\n () => {\n // e.stopPropagation();\n if (this.isSectionContainsFollowUpFormLink(`${section.name}_${section.sectionPositionSuffix}`)) {\n this.dialogAction = async () => {\n this.deleteRepeatableSection(sIndex)\n await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);\n this.isDialogOpen = false;\n }; \n } else {\n this.deleteRepeatableSection(sIndex)\n }\n \n this.isDialogOpen = true;\n }} />\n )}\n </div>\n </div>\n\n <div class=\"form-section-content\">\n <div class=\"items\">\n <div class=\"form-section-text\">\n <unity-typography variant=\"body\" color=\"inherit\">\n {section.sectionText}\n </unity-typography>\n </div>\n\n <div>\n {section.formQuestions.map((question: UdpFormQuestion) => {\n const isHidden = hiddenQuestionTypes.includes(question.fieldTypeId);\n const num: number = questionNumber;\n if (!isHidden) questionNumber++;\n\n const sectionKey = section.sectionPositionSuffix > 1 ? `${section.name}_${section.sectionPositionSuffix}` : `${section.name}`\n\n return (\n <div class=\"item\">\n <udp-question\n styleOverrides={{\n helperText: this.udpForm.styleOverrides?.helperText,\n paragraphText: this.udpForm.styleOverrides?.paragraphText,\n questionText: this.udpForm.styleOverrides?.questionText,\n }}\n question={question}\n questionNumber={num}\n value={this.currentValues?.[sectionKey]?.[question.name]?.value ?? ''}\n disabled={this.disabled}\n readonly={this.readonly}\n key={question.questionIdentifierKey}\n currentValues={this.currentValues}\n clientUserInfo={this.clientUserInfo}\n udpFormSubmission={this.udpFormSubmission}\n />\n </div>\n );\n })}\n </div>\n </div>\n </div>\n </div>\n );\n })}\n {this.udpFormSubmission?.status != UdpFormsSubmissionStatusEnum.Submitted && ( \n <div class=\"footer\">\n <input\n disabled={this.isLoading \|\| this.disabled \|\| this.readonly}\n type=\"submit\"\n value=\"Submit\"\n class=\"submit\"\n id=\"udpRecord-udp-forms-renderer-Submit\"\n onClick={() => {\n console.log('Submit button clicked');\n // Let the form handle the submit naturally\n }}\n />\n </div>\n )}\n </div>\n </stencil-form>\n ) : (\n //if the form has been submit, display success message with a button to trigger the action associated to the form\n <div class=\"center-div\">\n <udp-ambient-card>\n <div class=\"submit-card\">\n <unity-typography>Thank you for your submission.</unity-typography>\n {/ // No action configured for now. /}\n {/ <div class=\"finish-button\">\n <custom-button onClick={this.handleFinish}>Back</custom-button>\n </div> */}\n </div>\n </udp-ambient-card>\n </div>\n )}\n </div>\n </udp-container>\n </div>\n );\n }\n}\n"],"names":["fontOverrideMapping","overrideFont","h","UdpFormsFieldTypeEnum","getIconFromName","UdpFormsSubmissionStatusEnum"],"mappings":"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"}

package/dist/cjs/{utils-DZ_OMtAy.js → utils-Bp02BX38.js} RENAMED Viewed

@@ -41,20 +41,20 @@ const dateFormatter = (dateString, formatStyle = 'long') => {
     });
 };
 // eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }
-const buildEmptyInitialValues = (masterForm) => {
-    const initialValues = {};
+const buildEmptyCurrentValues = (masterForm) => {
+    const currentValues = {};
     for (const section of masterForm.udpFormUdpFormSection) {
-        initialValues[section.name] = {};
+        currentValues[section.name] = {};
         const questionsOfSection = masterForm.formQuestions.filter(question => question.formSectionId == section.id);
         for (const question of questionsOfSection) {
-            initialValues[section.name][question.name] = {
+            currentValues[section.name][question.name] = {
                 value: '', // default empty value
                 comments: [], // default empty comments array
                 metadata: {}, // default metadata object
             };
         }
     }
-    return initialValues;
+    return currentValues;
 };
 const overrideFont = (element, cssVariable) => {
     var _a, _b, _c, _d;
@@ -83,10 +83,10 @@ const fontOverrideMapping = {
     Arial: "--font-override-arial"
 };
-exports.buildEmptyInitialValues = buildEmptyInitialValues;
+exports.buildEmptyCurrentValues = buildEmptyCurrentValues;
 exports.dateFormatter = dateFormatter;
 exports.fontOverrideMapping = fontOverrideMapping;
 exports.overrideFont = overrideFont;
-//# sourceMappingURL=utils-DZ_OMtAy.js.map
+//# sourceMappingURL=utils-Bp02BX38.js.map
-//# sourceMappingURL=utils-DZ_OMtAy.js.map
+//# sourceMappingURL=utils-Bp02BX38.js.map

package/dist/cjs/utils-Bp02BX38.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils-Bp02BX38.js","sources":["src/components/forms/udp-forms/udp-forms-utils/utils.ts"],"sourcesContent":["// take a masterForm's structure and build the empty currentValues object\nimport { UdpForm } from \"src/components\";\n\n/**\n * Translate and format UTC timestamp to local time.\n */\nexport const dateFormatter = (dateString: string, formatStyle: 'long' | 'short' = 'long' ) => {\n let normalizedDateString = dateString;\n\n // Check if the string is in the 'YYYY-MM-DD HH:mm:ss.sss' format (i.e., contains a space, not 'T')\n // If the input is '2025-12-10T20:23:23.055Z', it passes straight through.\n // This format is assumed to be missing timezone info and needs to be treated as UTC.\n if (dateString.includes(' ')) {\n // Replace the space with 'T' \n normalizedDateString = dateString.replace(' ', 'T');\n }\n\n if (!dateString.toUpperCase().endsWith('Z')) {\n // append Z if not there\n normalizedDateString = normalizedDateString + 'Z';\n }\n\n const date = new Date(normalizedDateString);\n\n // short format: DD/MM/YY HH:MM am/pm (e.g. 05/09/25 03:45 pm)\n if (formatStyle === 'short') {\n const pad = (n: number) => String(n).padStart(2, '0');\n const day = pad(date.getDate());\n const month = pad(date.getMonth() + 1);\n const yearShort = String(date.getFullYear()).slice(-2);\n\n const hours24 = date.getHours();\n const minutes = pad(date.getMinutes());\n const period = hours24 >= 12 ? 'pm' : 'am';\n const hours12 = hours24 % 12 === 0 ? 12 : hours24 % 12;\n const hours = String(hours12).padStart(2, '0');\n\n return `${day}/${month}/${yearShort} ${hours}:${minutes} ${period}`;\n }\n\n // default long format \n return date.toLocaleString(undefined, {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n};\n\n\n// eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }\nexport const buildEmptyCurrentValues = (masterForm: UdpForm) => {\n const currentValues = {};\n\n for (const section of masterForm.udpFormUdpFormSection) {\n currentValues[section.name] = {};\n\n const questionsOfSection = masterForm.formQuestions.filter(\n question => question.formSectionId == section.id,\n );\n\n for (const question of questionsOfSection) {\n currentValues[section.name][question.name] = {\n value: '', // default empty value\n comments: [], // default empty comments array\n metadata: {}, // default metadata object\n };\n }\n }\n\n return currentValues;\n};\n\n\nexport const overrideFont = (element: HTMLElement, cssVariable) => {\n if(element?.shadowRoot?.lastElementChild){ // this returns null in react for some instances\n element?.shadowRoot?.lastElementChild?.setAttribute?.('style', `font-family: var(${cssVariable})`)\n return;\n }\n const observer = new MutationObserver((mutationsList, observer) => {\n mutationsList.forEach(mutation => {\n if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n mutation.addedNodes.forEach(node => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n (node as HTMLElement)?.setAttribute?.('style', `font-family: var(${cssVariable})`);\n observer.disconnect(); // Stop observing once the target is found\n }\n });\n }\n });\n });\n\n if (element?.shadowRoot) {\n observer.observe(element.shadowRoot, { childList: true });\n }\n };\n\n\nexport const fontOverrideMapping = {\n Arial: \"--font-override-arial\"\n}"],"names":[],"mappings":"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"}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { UdpFormsTypeEnum } from "../utils/enums";
+import { UdpFormsTypeEnum } from "../udp-forms-utils/enums";
 export const deepCloneFormSections = (formSections) => {
     return structuredClone(formSections);
 };

package/dist/collection/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"forms-builder-utils.js","sourceRoot":"","sources":["../../../../../src/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,~~gBAAgB~~,CAAC;~~AAGlD~~,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,YAAmB,EAAS,EAAE;IAClE,OAAO,eAAe,CAAC,YAAY,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,UAAU,EAAE;QACV,eAAe,EAAE,IAAI;QACrB,eAAe,EAAE,IAAI;KACtB;IACD,qBAAqB,EAAE,IAAI;IAC3B,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,iBAAiB,EAAE,EAAE;IACrB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,gBAAgB,CAAC,QAAQ;IAC/B,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["import { UdpFormsTypeEnum } from '../utils/enums';\nimport { StyleOverrides } from '../utils/types';\n\nexport const deepCloneFormSections = (formSections: any[]): any[] => {\n return structuredClone(formSections);\n};\n\nexport const styleOverrideDefault: StyleOverrides = {\n background: {\n backgroundImage: null,\n backgroundColor: null,\n },\n headerBackgroundColor: null,\n fontFamily: null,\n helperText: {\n variant: null,\n fontFamily: null,\n },\n questionText: {\n variant: null,\n fontFamily: null,\n },\n titleText: {\n variant: null,\n fontFamily: null,\n },\n paragraphText: {\n variant: null,\n fontFamily: null,\n },\n};\n\nexport const formSectionDefault = {\n title: '',\n sectionText: '',\n sectionProperties: {},\n formQuestions: [],\n};\n\nexport const formMetadataDefault = {\n isPrivate: true,\n type: UdpFormsTypeEnum.Standard,\n version: 1,\n name: '',\n description: '',\n};\n"]}
1	+ {"version":3,"file":"forms-builder-utils.js","sourceRoot":"","sources":["../../../../../src/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,YAAmB,EAAS,EAAE;IAClE,OAAO,eAAe,CAAC,YAAY,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,UAAU,EAAE;QACV,eAAe,EAAE,IAAI;QACrB,eAAe,EAAE,IAAI;KACtB;IACD,qBAAqB,EAAE,IAAI;IAC3B,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,iBAAiB,EAAE,EAAE;IACrB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,gBAAgB,CAAC,QAAQ;IAC/B,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["import { UdpFormsTypeEnum } from '../udp-forms-utils/enums';\nimport { StyleOverrides } from '../udp-forms-utils/types';\n\nexport const deepCloneFormSections = (formSections: any[]): any[] => {\n return structuredClone(formSections);\n};\n\nexport const styleOverrideDefault: StyleOverrides = {\n background: {\n backgroundImage: null,\n backgroundColor: null,\n },\n headerBackgroundColor: null,\n fontFamily: null,\n helperText: {\n variant: null,\n fontFamily: null,\n },\n questionText: {\n variant: null,\n fontFamily: null,\n },\n titleText: {\n variant: null,\n fontFamily: null,\n },\n paragraphText: {\n variant: null,\n fontFamily: null,\n },\n};\n\nexport const formSectionDefault = {\n title: '',\n sectionText: '',\n sectionProperties: {},\n formQuestions: [],\n};\n\nexport const formMetadataDefault = {\n isPrivate: true,\n type: UdpFormsTypeEnum.Standard,\n version: 1,\n name: '',\n description: '',\n};\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Fragment, h } from "@stencil/core";
-import { UdpFormsFieldTypeEnum } from "../../../utils/enums";
+import { UdpFormsFieldTypeEnum } from "../../../udp-forms-utils/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 {
@@ -90,8 +90,8 @@ export class DateTimeRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-time-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types'; // Using path that worked previously\nimport { UdpFormsFieldTypeEnum } from '../../../utils/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"]}
1	+ {"version":3,"file":"date-time-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types'; // Using path that worked previously\nimport { UdpFormsFieldTypeEnum } from '../../../udp-forms-utils/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/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js CHANGED Viewed

@@ -3,13 +3,13 @@ import { h } from "@stencil/core";
 export class FileUploadRenderer {
     render() {
         var _a, _b;
-        return (h("div", { key: '0d0900ccd61c4bdb94a57aae8c31e3a8391bc7cf', class: "file-upload-input-container" }, h("div", { key: 'd88efd56295b9f864d70bcae6200bd88e0acfa3b' }, h("stencil-toggle", { key: '907fb4c0aa49d0c687b57ff3a72e17c598c88e6d', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
+        return (h("div", { key: '4c2326ffeef74c656ee599ca6d689d94e2783d47', class: "file-upload-input-container" }, h("div", { key: 'fd65c4069a3c91400384f0d96ab6a41d4ff95b6e' }, h("stencil-toggle", { key: 'e72cee723049232e0e8a44502ff5f13fded37a93', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), h("div", { key: '31ae768a4d8a4ba415d0e429f61fb2a684177947' }, h("stencil-toggle", { key: '1aaa023cd3a947525a04ea3bdc03cd097c3055ee', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
+            }, labelPosition: "right" })), h("div", { key: 'ccb8385b5af42cecbe0cb57ff2a2250d38a684d8' }, h("stencil-toggle", { key: '1737f83b6faae4e1fe15b69c5b970992155e291c', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -40,8 +40,8 @@ export class FileUploadRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-upload-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD,uEAAuE;AAOvE,MAAM,OAAO,kBAAkB;IAS7B,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,6BAA6B;YACtC;gBACE,uEACE,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,eAAe,CAAA,EACzD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;wBAC7F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd;YACN;gBACE,uEACE,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,UAAU,CAAA,EACpD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;wBACxF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n tag: 'file-upload-renderer',\n styleUrl: 'file-upload-renderer.css',\n shadow: true,\n})\nexport class FileUploadRenderer {\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 render() {\n return (\n <div class=\"file-upload-input-container\">\n <div>\n <stencil-toggle\n label=\"Hide Drag And Drop\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideDragAndDrop}\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, 'hideDragAndDrop');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n <div>\n <stencil-toggle\n label=\"Hide Button\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideButton}\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, 'hideButton');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"file-upload-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD,uEAAuE;AAOvE,MAAM,OAAO,kBAAkB;IAS7B,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,6BAA6B;YACtC;gBACE,uEACE,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,eAAe,CAAA,EACzD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;wBAC7F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd;YACN;gBACE,uEACE,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,UAAU,CAAA,EACpD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;wBACxF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n tag: 'file-upload-renderer',\n styleUrl: 'file-upload-renderer.css',\n shadow: true,\n})\nexport class FileUploadRenderer {\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 render() {\n return (\n <div class=\"file-upload-input-container\">\n <div>\n <stencil-toggle\n label=\"Hide Drag And Drop\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideDragAndDrop}\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, 'hideDragAndDrop');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n <div>\n <stencil-toggle\n label=\"Hide Button\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideButton}\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, 'hideButton');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.js CHANGED Viewed

@@ -2,19 +2,19 @@ import { h } from "@stencil/core";
 export class FormMetadataDisplayRenderer {
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '0dea72344a5ad13fa57d00b84fc1487d7d4db883', class: "form-metadata-display-input-container" }, h("div", { key: '4f092564395789b0a9b4671724a19a56195a3f7f' }, h("stencil-toggle", { key: '075d8991f8010b2b2f67dd9c6235f2646c707dff', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
+        return (h("div", { key: 'e10607a1b9fb72327df92602bd123f1e35c26821', class: "form-metadata-display-input-container" }, h("div", { key: '03d34b6008aec023f1e226a6221945ad52748eb1' }, h("stencil-toggle", { key: 'd4be9d819b2c6a96797d04bbc9eca620c86dce2b', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }), h("stencil-toggle", { key: '68a18230560622629767ec37bbddc254be55d68a', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '23a30c998dd4d1d0267bba66fa1fd6d78bed7ae1', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }), h("stencil-toggle", { key: '6ece643a442241df037e2e22dc0559dc00c85b99', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '7f7f8e96f1d1390a441f6a024d2e39703c98817b', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -45,8 +45,8 @@ export class FormMetadataDisplayRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-metadata-display-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,2BAA2B;IAStC,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,uCAAuC;YAChD;gBACE,uEACE,KAAK,EAAC,+BAA+B,EACrC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,oBAAoB,CAAA,EAC9D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;wBAClG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,iBAAiB,CAAA,EAC3D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;wBAC/F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,qBAAqB,CAAA,EAC/D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;wBACnG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n\n@Component({\n tag: 'form-metadata-display-renderer',\n styleUrl: 'form-metadata-display-renderer.css',\n shadow: true,\n})\nexport class FormMetadataDisplayRenderer {\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 render() {\n return (\n <div class=\"form-metadata-display-input-container\">\n <div>\n <stencil-toggle\n label=\"Show Form Responder Full Name\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displayOwnerFullName}\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, 'displayOwnerFullName');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n <stencil-toggle\n label=\"Show Form Responder Email\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displayOwnerEmail}\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, 'displayOwnerEmail');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle> \n <stencil-toggle\n label=\"Show Submission Date\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displaySubmissionDate}\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, 'displaySubmissionDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle> \n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"form-metadata-display-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,2BAA2B;IAStC,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,uCAAuC;YAChD;gBACE,uEACE,KAAK,EAAC,+BAA+B,EACrC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,oBAAoB,CAAA,EAC9D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;wBAClG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,iBAAiB,CAAA,EAC3D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;wBAC/F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,qBAAqB,CAAA,EAC/D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;wBACnG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types';\n\n@Component({\n tag: 'form-metadata-display-renderer',\n styleUrl: 'form-metadata-display-renderer.css',\n shadow: true,\n})\nexport class FormMetadataDisplayRenderer {\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 render() {\n return (\n <div class=\"form-metadata-display-input-container\">\n <div>\n <stencil-toggle\n label=\"Show Form Responder Full Name\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displayOwnerFullName}\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, 'displayOwnerFullName');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n <stencil-toggle\n label=\"Show Form Responder Email\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displayOwnerEmail}\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, 'displayOwnerEmail');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle> \n <stencil-toggle\n label=\"Show Submission Date\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displaySubmissionDate}\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, 'displaySubmissionDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle> \n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js CHANGED Viewed

@@ -5,15 +5,15 @@ import { getIconFromName } from "../../../../../data-display/icons/iconUtils";
 export class ListOptionsRenderer {
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: 'a31ff97a481fcd89a47a542c2f2313eb93507e04' }, h("div", { key: '17013702c95dc53061265aa49862c91457027203', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: 'a0e2677644567e7254c937e0f693046f619ac250', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
+        return (h(Host, { key: '3e05e3fc4a8c9ee6b4bdf6704034650484afcba1' }, h("div", { key: 'abf8e11faf5b73a832f9d8d6ee1115a92636ff1c', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: '119dbd478256a10b233921a2bb432d92b9cd9398', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: '8a1952ff8f790a1b8b65596f618400cd1cabbeb1' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
+            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: 'd27e324179a2599c4ef5eaa8f2d7b52ccc92bdfc' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
                 const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } }))), 'items' in this.question.fieldProperties && (h("div", { key: 'f36a7d21ff18f87a8ed5b25b01b7798d45f09968' }, h("div", { key: 'a4224b6653af236df922e6548c28ab7d4945b2e4', class: "list-options-header" }, h("unity-typography", { key: '15a5a520bdd52adf7dba78581088f40c3c628e5c', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'd4fcd70b62372671c9ee3779f6cc495eefb613a5', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '290a6b602fdee937e5986e8894ba24a44cfd449b' }, h("div", { key: 'c375b69abffc73baa7b678be4cc6cc6715a9bf1b', class: "list-options-header" }, h("unity-typography", { key: '88aaa96be7eeea791fd1785970f10c6d84170298', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'b0c6d0e1140418896cbc1eba471eb46836f3135b', variant: "text", onClick: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
                 this.onFormSectionsDraftChange(updated);
@@ -55,8 +55,8 @@ export class ListOptionsRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-options-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Host } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types'; // Using path that worked previously\n// We will need to import any components used like udp-icon, text-field, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\nimport { getIconFromName } from '../../../../../data-display/icons/iconUtils';\n\n@Component({\n tag: 'list-options-renderer',\n styleUrl: 'list-options-renderer.css',\n shadow: true,\n})\nexport class ListOptionsRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() lookupOptions: any[];\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <Host>\n <div class=\"question-item-options-list-container\">\n {this.lookupOptions?.length > 1 && (\n <stencil-toggle\n label=\"Use Lookup Options\"\n disabled={this.isViewOnly}\n checked={!!(this.question?.fieldProperties && 'lookupId' in this.question.fieldProperties)}\n labelPosition=\"right\"\n onToggledChange={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n )}\n {/* Display lookup components if question is configured for lookup /}\n {'lookupId' in this.question.fieldProperties && (\n <div>\n <udp-selector\n label=\"Lookup Source\"\n key=\"lookup-selector\"\n initialValue={this.question.fieldProperties?.lookupId \|\| ''}\n options={this.lookupOptions}\n disabled={this.isViewOnly}\n required={true}\n onChange={(e: CustomEvent) => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');\n const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-selector>\n </div>\n )}\n\n {/ Display lookup components if question is configured for manual options /}\n {'items' in this.question.fieldProperties && (\n <div>\n <div class=\"list-options-header\">\n <unity-typography variant=\"h6\">Configure Select Options</unity-typography>\n {!this.isViewOnly && 'items' in this.question.fieldProperties && (\n <udp-button\n variant=\"text\"\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');\n this.onFormSectionsDraftChange(updated);\n }}\n startIcon={<udp-icon iconName={'add'} darkIcon={true} />}\n title=\"Add an Option\"\n >\n Add an Option\n </udp-button>\n )}\n </div>\n {this.question.fieldProperties?.items?.map((item, idx) => (\n <div key={idx} class=\"question-item-options-item\">\n {/ <unity-typography variant={'h4'}>Option {idx + 1}.</unity-typography> */}\n <div class=\"question-item-options-item-fields\">\n <text-field\n label=\"Display Text\"\n value={item.display}\n disabled={this.isViewOnly}\n placeholder=\"Display Text\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'display');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n\n <text-field\n label=\"Option Value\"\n value={item.value}\n disabled={this.isViewOnly}\n placeholder=\"Option Value\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'value');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n </div>\n {this.question.fieldProperties.items.length > 1 && !this.isViewOnly && (\n <stencil-icon-button\n icon={getIconFromName('trashCan')}\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyRemoveListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, idx);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"list-options-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Host } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types'; // Using path that worked previously\n// We will need to import any components used like udp-icon, text-field, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\nimport { getIconFromName } from '../../../../../data-display/icons/iconUtils';\n\n@Component({\n tag: 'list-options-renderer',\n styleUrl: 'list-options-renderer.css',\n shadow: true,\n})\nexport class ListOptionsRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() lookupOptions: any[];\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <Host>\n <div class=\"question-item-options-list-container\">\n {this.lookupOptions?.length > 1 && (\n <stencil-toggle\n label=\"Use Lookup Options\"\n disabled={this.isViewOnly}\n checked={!!(this.question?.fieldProperties && 'lookupId' in this.question.fieldProperties)}\n labelPosition=\"right\"\n onToggledChange={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n )}\n {/* Display lookup components if question is configured for lookup /}\n {'lookupId' in this.question.fieldProperties && (\n <div>\n <udp-selector\n label=\"Lookup Source\"\n key=\"lookup-selector\"\n initialValue={this.question.fieldProperties?.lookupId \|\| ''}\n options={this.lookupOptions}\n disabled={this.isViewOnly}\n required={true}\n onChange={(e: CustomEvent) => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');\n const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-selector>\n </div>\n )}\n\n {/ Display lookup components if question is configured for manual options /}\n {'items' in this.question.fieldProperties && (\n <div>\n <div class=\"list-options-header\">\n <unity-typography variant=\"h6\">Configure Select Options</unity-typography>\n {!this.isViewOnly && 'items' in this.question.fieldProperties && (\n <udp-button\n variant=\"text\"\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');\n this.onFormSectionsDraftChange(updated);\n }}\n startIcon={<udp-icon iconName={'add'} darkIcon={true} />}\n title=\"Add an Option\"\n >\n Add an Option\n </udp-button>\n )}\n </div>\n {this.question.fieldProperties?.items?.map((item, idx) => (\n <div key={idx} class=\"question-item-options-item\">\n {/ <unity-typography variant={'h4'}>Option {idx + 1}.</unity-typography> */}\n <div class=\"question-item-options-item-fields\">\n <text-field\n label=\"Display Text\"\n value={item.display}\n disabled={this.isViewOnly}\n placeholder=\"Display Text\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'display');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n\n <text-field\n label=\"Option Value\"\n value={item.value}\n disabled={this.isViewOnly}\n placeholder=\"Option Value\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'value');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n </div>\n {this.question.fieldProperties.items.length > 1 && !this.isViewOnly && (\n <stencil-icon-button\n icon={getIconFromName('trashCan')}\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyRemoveListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, idx);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 // import { Question } from '../../../types';
 import questionsTemplate from "../../udp-forms-builder-question-template";
-import { UdpFormsTypeEnum } from "../../../utils/enums";
+import { UdpFormsTypeEnum } from "../../../udp-forms-utils/enums";
 export class QuestionConfigsRenderer {
     constructor() {
         this.isFollowUpFormConfigOn = false;
@@ -19,28 +19,28 @@ export class QuestionConfigsRenderer {
     render() {
         const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
         const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (h("div", { key: 'a0cb43d824d6d826f5be74657546ee67e6e8d79a', class: "generic-configs-container" }, h("div", { key: 'e32c703ef3a4b586c10d07981a175484d83d5631', class: "question-configs-header" }, h("unity-typography", { key: '812f24611f1e7493a6123c4a02c8865ae0b4a93b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'aa337ca49ec87e6f4829969ca52f107999797b4f' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: 'e56b76a59321f53064baa63ff0b985e0bad0f897', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        return (h("div", { key: '3ddd42597e37dbd3b1f0ac9ade2ea77bd073da32', class: "generic-configs-container" }, h("div", { key: '5368d5f2ae9b971359d7a8270045377bb3ac9e1e', class: "question-configs-header" }, h("unity-typography", { key: '1cebdec17b62362dca593d9084d47d5ac21eeecf', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'abfdac1af7952d9cad81623743ce1cf06ecd1349' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '9892b0159a70769f288ad55deff33dbd238fed8c', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
                 const newValue = !this.question.required;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })))), h("text-area", { key: '1feaefae79d4d65c12d8e6727187878a8a46f21c', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
+            }, labelPosition: "right" })))), h("text-area", { key: '93cefa33c4e64dde9ba3d5ad5f70f8e386813833', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '3a631ef29b764fef95cf7abec744660332b94e47', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
+            } }), h("text-area", { key: 'e9ef11aef0f8bdca7fdfeddedbd10c064919dfb2', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("question-specific-configs-renderer", { key: '156d872f6aa26a2c766974820e9691c9728b6615', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: 'dd11192cf0c51c35866cca425958f6b7fb694f69' }, h("stencil-toggle", { key: 'bc7b4923971fab8d5fa6e510bc05d2d8185004fa', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
+            } }), h("question-specific-configs-renderer", { key: '8c9df8b200bcb3dfff2b049b4a4c7eff74e09d5f', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: 'be226fae2aa4b47d2ba9f8f93b737669f88276c1' }, h("stencil-toggle", { key: 'efa63f9dcb5204e0a08f7a087d8afe7c28894733', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: 'b32fa04162193faa542bd2e8bea5c5e118142744' }, h("stencil-toggle", { key: '339d9d6077c46e20a63c43866da6799824eb01eb', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
+            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: 'bae3e66a3391fc22c395e7abedac8c9c3579cbeb' }, h("stencil-toggle", { key: '694abb0977636728bc111edc6ea9dd5a076c43bf', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');