npm - udp-stencil-component-library - Versions diffs - 1.0.0 - Mend

udp-stencil-component-library 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2140) hide show

package/dist/esm/udp-forms-builder.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-forms-builder.entry.js","sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder.css?tag=udp-forms-builder&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder.tsx"],"sourcesContent":[":host {\n display: block;\n --udp-form-primary-color: #007bff; /* Example primary color */\n --udp-form-spacing-unit: 16px;\n\n}\n\n/* ################### FORM PAGE ################### */\n.udp-forms-page {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-06, 32px);\n /* background-color: white; */\n padding: var(--spacing-06, 32px);\n padding-bottom: var(--spacing-12);\n}\n\n\n.form-section-questions-container {\n display: flex;\n flex-direction: column;\n}\n\n\n/* ################### FORM METADATA ################### */\n\n\n.form-details-container {\n display: flex;\n flex-direction: column;\n /* align-items: flex-start; */\n /* margin: 0 2rem; */\n gap: var(--spacing-05, 24px);\n padding: var(--spacing-05, 24px);\n \n background-color: var(--card-background-color, white);\n}\n\n.udp-form-builder-field-container,\n.udp-forms-builder-item-generic-configs,\n.udp-forms-builder-item-specific-configs {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-04, 16px);\n}\n\n/* ################### SECTIONS ################### */\n.form-section {\n /* background-color: var(--primary-color-alpha-15); */\n /* border: 2px solid var(--primary-color-alpha-50); */\n /* border-radius: 8px; */\n /* padding: var(--spacing-04); */\n}\n\n\n.form-section-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background-color: var(--primary-color-dark, #000);\n color: var(--primary-contrast-text, #FFF);\n padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n /* margin-bottom: var(--spacing-04); */\n align-items: center;\n}\n\n.add-question-button-container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.question-editor-container {\n padding: var(--spacing-05, 24px);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05, 24px);\n}\n\n.add-question-to-section-button-container {\n padding: var(--spacing-02, 8px) 0;\n margin: auto;\n}\n\n.sortable-ghost {\n opacity: 0.5;\n transform: scale(0.98);\n background: #f4f4f4;\n border: 1px dashed #ccc;\n}\n\n.sortable-chosen {\n background: #eef6ff;\n box-shadow: 0 0 4px 2px rgba(51, 153, 255, 0.3);\n}","import { Component, h, State, Prop, Watch } from '@stencil/core';\nimport { Guid } from '../types';\nimport { makeApiCall } from '../../../../../../udp-utilities/api/makeApiCall/makeApiCall';\nimport questionsTemplate from './udp-forms-builder-question-template';\nimport { getIconFromName } from '../../../data-display/icons/iconUtils';\nimport { ConfigService } from '../../../../../../udp-utilities/api-config';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { deepCloneFormSections } from './forms-builder-utils';\nimport Sortable from 'sortablejs';\nimport { Element } from '@stencil/core';\n\nconst emptyStyleOverrides = {\n background: {\n backgroundImage: '',\n backgroundColor: '',\n },\n headerBackgroundColor: '',\n fontFamily: '',\n helperText: {\n variant: '',\n fontFamily: '',\n },\n questionText: {\n variant: '',\n fontFamily: '',\n },\n titleText: {\n variant: '',\n fontFamily: '',\n },\n paragraphText: {\n variant: '',\n fontFamily: '',\n },\n};\n\n@Component({\n tag: 'udp-forms-builder',\n styleUrl: 'udp-forms-builder.css',\n shadow: true,\n})\nexport class UdpFormsBuilder {\n @Element() private hostEl: HTMLElement;\n\n @Prop() formId: Guid;\n @Prop() version: number;\n @Prop() enqueueSnackbar: any;\n @Prop() closeSnackbar: any;\n @Prop() history: any;\n\n @State() formMetadata: any = {};\n @State() formSections: any[][] = [];\n @State() formSectionsDraft: any[][] = [];\n @State() isNewForm: boolean = true;\n @State() isMostRecentFormVersion: boolean = false;\n\n @State() isError: boolean = false;\n @State() isLoading: boolean = false;\n\n @State() isShowStyleOverrides: boolean = false;\n @State() isStyleSheetOpen: boolean = false;\n @State() isDialogOpen: boolean = false;\n @State() showMenuAtIndex: { sIndex: number; qIndex: number } | null = null;\n @State() editingQuestion: { sIndex: number; qIndex: number } | null = null;\n @State() isQuestionEditorOpen: boolean = false;\n @State() lookupOptionsDataProcessed: [];\n\n @State() dialogActionTwo: () => void;\n\n pageBuilderId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1';\n\n // ********************************** SORTABLE **********************************\n private sortableInstances: Sortable[] = [];\n\n private initializeSortable() {\n // sortable only if the form is editable\n if (!(this.isNewForm || this.isMostRecentFormVersion)) {\n return;\n }\n\n this.sortableInstances.forEach(instance => instance.destroy());\n this.sortableInstances = [];\n\n this.formSections.forEach((_, sIndex) => {\n const el = this.hostEl.shadowRoot.querySelector(`#section-${sIndex}`);\n if (el) {\n const sortable = new Sortable(el, {\n animation: 200, \n easing: 'cubic-bezier(0.25, 1, 0.5, 1)', \n draggable: 'udp-list-item', \n handle: undefined, \n ghostClass: 'sortable-ghost', \n chosenClass: 'sortable-chosen', \n direction: 'vertical',\n forceFallback: false, \n dragoverBubble: false,\n swapThreshold: 0.6,\n onEnd: evt => this.handleDragEnd(evt, sIndex),\n });\n this.sortableInstances.push(sortable);\n }\n });\n }\n\n private handleDragEnd(evt: Sortable.SortableEvent, sIndex: number) {\n const oldIndex = evt.oldIndex;\n const newIndex = evt.newIndex;\n if (oldIndex === newIndex || oldIndex == null || newIndex == null) return;\n\n const sectionCopy = [...this.formSections[sIndex]];\n const [moved] = sectionCopy.splice(oldIndex, 1);\n sectionCopy.splice(newIndex, 0, moved);\n\n const newFormSections = [...this.formSections];\n newFormSections[sIndex] = sectionCopy;\n\n this.formSections = newFormSections;\n }\n\n componentDidLoad() {\n this.initializeSortable();\n }\n\n componentDidUpdate() {\n this.initializeSortable();\n }\n\n componentWillLoad() {\n this.initializeForm();\n }\n\n // @Watch('formSections')\n // onFormSectionsChange(newValue: any[]) {\n // console.log(newValue);\n // }\n\n // @Watch('formMetadata')\n // onFormMetadataChange(newValue: any, oldValue: any) {\n // console.log(newValue.styleOverrides);\n // }\n\n @Watch('formId')\n @Watch('version')\n onFormIdOrVersionChange() {\n this.initializeForm();\n }\n\n getQuestionTypeName = fieldTypeId => {\n const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n return question ? question.questionTypeName : 'Unknown';\n };\n\n getIsContainsOptionItems = fieldTypeId => {\n const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n return question ? question.isContainsOptionItems || false : false;\n };\n\n getIconForQuestion = fieldTypeId => {\n const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n return question ? question.icon : null;\n };\n\n async initializeForm() {\n // set default form values\n this.formMetadata.isPrivate = true;\n this.formMetadata.tenantId = getCurrentTenantId();\n this.formMetadata.type = 1;\n this.formMetadata.version = 1;\n this.formMetadata.name = 'Form Name';\n this.formMetadata.description = 'Form Description';\n this.formMetadata.styleOverrides = emptyStyleOverrides;\n\n try {\n this.isLoading = true;\n\n // get lookup options\n const lookupResponse = await makeApiCall('GET', ConfigService.productV1ApiUrl + '/UdpLookup');\n\n if (!lookupResponse) {\n throw new Error(`Error fetching lookup data`);\n }\n\n this.lookupOptionsDataProcessed = lookupResponse.map(lookupObj => {\n return { ...lookupObj, value: lookupObj.id, label: lookupObj.name };\n });\n\n // determine if it's to create a new form, view an old form, or create a new version\n if (this.formId && this.version) {\n const formDataResponse = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`);\n const formLatestVersionResponse = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/describe`);\n\n this.isNewForm = false;\n\n if (!formDataResponse || !formLatestVersionResponse || !formDataResponse.id || !formLatestVersionResponse) {\n throw new Error(`Error fetching form data`);\n }\n\n // view only mode\n if (formDataResponse.id == formLatestVersionResponse.id && formDataResponse.version == formLatestVersionResponse.version) {\n this.isMostRecentFormVersion = true;\n }\n\n // determine how many sections exist, and put each question in the correct sections in the formSections state\n let tempSections: any[][] = [];\n let maxSectionCount = 0;\n\n formDataResponse.formQuestions.forEach(question => {\n const sectionNumber = question.section;\n maxSectionCount = Math.max(maxSectionCount, sectionNumber);\n });\n\n for (let i = 0; i < maxSectionCount; i++) {\n tempSections.push([]);\n }\n\n // populate the formSections with question data\n formDataResponse.formQuestions.forEach(question => {\n const sectionIndex = question.section - 1;\n\n if (tempSections[sectionIndex]) {\n const fieldProps = { ...question.fieldProperties };\n\n // the fetch api returns 'items' data if it fieldProperties contains a lookupId. this breaks the renderer and confuses the user.\n // If both 'lookupId' and 'items' exist, remove 'items'.\n if ('lookupId' in fieldProps && 'items' in fieldProps) {\n delete fieldProps.items;\n }\n\n tempSections[sectionIndex].push({\n ...question,\n fieldProperties: fieldProps,\n questionTypeName: this.getQuestionTypeName(question.fieldTypeId),\n isContainsOptionItems: this.getIsContainsOptionItems(question.fieldTypeId),\n icon: this.getIconForQuestion(question.fieldTypeId),\n });\n }\n });\n\n tempSections.forEach(section => {\n section.sort((a, b) => a.questionOrder - b.questionOrder);\n });\n\n const { ...metadata } = formDataResponse;\n\n // Merge fetched styleOverrides with defaults\n metadata.styleOverrides = this.deepMerge(emptyStyleOverrides, JSON.parse(metadata.styleOverrides) || {});\n\n // Set form metadata and sections\n this.formMetadata = metadata;\n this.formSections = tempSections;\n this.isLoading = false;\n }\n } catch (e) {\n this.isError = true;\n\n this.enqueueSnackbar('Error loading form data', {\n variant: 'error',\n anchorOrigin: { vertical: 'top', horizontal: 'center' },\n });\n } finally {\n this.isLoading = false;\n }\n }\n\n // ********************************** HELPERS **********************************\n async submitForm() {\n this.isLoading = true;\n\n try {\n if (!this.validateForm()) {\n // return;\n }\n\n\n // Prepare and send form metadata\n const processedFormMetadata = {\n name: this.formMetadata.name,\n description: this.formMetadata.description,\n tenantId: this.formMetadata.tenantId,\n isPrivate: this.formMetadata.isPrivate,\n type: this.formMetadata.type,\n styleOverrides: JSON.stringify(this.formMetadata.styleOverrides),\n id: this.formMetadata.id,\n };\n\n console.log('Submitting form metadata:', processedFormMetadata);\n\n const formUrl = `${ConfigService.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion ? '/versions' : ''}`;\n const formResponse = await makeApiCall('POST', formUrl, processedFormMetadata);\n console.log('Form response:', formResponse);\n\n const formId = formResponse.id;\n const formVersion = formResponse.version;\n\n if (!formResponse || !formResponse.id || !formResponse.version) {\n throw new Error(`Invalid form response: ${JSON.stringify(formResponse)}`);\n }\n\n // Prepare and send questions in order\n let questionOrder = 0;\n const questionRequests: Promise<any>[] = [];\n\n this.formSections.forEach((section, sIndex) => {\n section.forEach(question => {\n questionOrder += 1;\n\n const processedQuestionData = {\n ...question,\n formId,\n formVersion,\n section: sIndex + 1,\n questionOrder,\n name: `question${questionOrder}`,\n };\n\n console.log('Submitting question:', processedQuestionData);\n\n const questionRequest = makeApiCall('POST', `${ConfigService.productV1ApiUrl}/UdpFormQuestion`, processedQuestionData);\n questionRequests.push(questionRequest);\n });\n });\n\n // Wait for all questions to be submitted\n await Promise.all(questionRequests);\n\n this.enqueueSnackbar('Success', {\n variant: 'success',\n anchorOrigin: { vertical: 'top', horizontal: 'center' },\n });\n\n this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${formId}&udpf_version=${formVersion}`);\n } catch (error) {\n console.error('Form submission error:', error);\n this.enqueueSnackbar('Error saving form', {\n variant: 'error',\n anchorOrigin: { vertical: 'top', horizontal: 'center' },\n });\n } finally {\n this.isLoading = false;\n }\n }\n\n private handleQuestionDelete = (sIndex: number, qIndex: number) => {\n const sectionsCopy = deepCloneFormSections(this.formSections);\n sectionsCopy[sIndex].splice(qIndex, 1);\n this.formSections = sectionsCopy;\n };\n\n private handleQuestionCopy = (sIndex: number, qIndex: number) => {\n const sectionsCopy = deepCloneFormSections(this.formSections);\n const newQuestion = { ...this.formSections[sIndex][qIndex] };\n\n sectionsCopy[sIndex].splice(qIndex + 1, 0, newQuestion);\n this.formSections = sectionsCopy;\n };\n\n private handleQuestionClick = (sIndex: number, qIndex: number) => {\n this.editingQuestion = { sIndex, qIndex };\n this.isQuestionEditorOpen = true;\n this.formSectionsDraft = deepCloneFormSections(this.formSections);\n };\n\n private closeQuestionEditor = () => {\n this.isQuestionEditorOpen = false;\n this.editingQuestion = null;\n this.formSectionsDraft = null;\n };\n\n private updateFormSectionsWithDraft = () => {\n this.formSections = this.formSectionsDraft;\n this.formSectionsDraft = null;\n this.isQuestionEditorOpen = false;\n };\n\n private hasUnsavedFormSectionsChanges = (): boolean => {\n // return !isEqual(this.formSections, this.formSectionsDraft); // NEED TO INSTALL PACKAGE\n return JSON.stringify(this.formSections) === JSON.stringify(this.formSectionsDraft); // Breaks on circular refs or non-serializable types (like Dates, Maps, etc.)\n };\n\n private addQuestionOfType = (defaultQuestionObj, sIndex?: number, qIndex?: number): { sIndex: number; qIndex: number } => {\n const newQuestion = {\n questionTypeName: defaultQuestionObj.questionTypeName,\n fieldTypeId: defaultQuestionObj.fieldTypeId,\n fieldProperties: defaultQuestionObj.defaultFieldProperties,\n helperText: '',\n questionText: '',\n section: sIndex !== undefined ? sIndex + 1 : this.formSections.length > 0 ? this.formSections[this.formSections.length - 1][0].section : 1, // Assign section based on sIndex or last section\n isContainsOptionItems: defaultQuestionObj.isContainsOptionItems,\n icon: defaultQuestionObj.icon,\n required: false,\n form: null,\n isPrivate: true,\n };\n\n const newFormSections = deepCloneFormSections(this.formSections); // Use helper to get a deep copy\n\n let actualSIndex = sIndex;\n let actualQIndex = qIndex;\n\n if (sIndex !== undefined && qIndex !== undefined) {\n // Insert at specific index\n if (newFormSections[sIndex]) {\n newFormSections[sIndex].splice(qIndex, 0, newQuestion);\n } else {\n // fallback\n const lastSectionIdx = newFormSections.length - 1;\n newFormSections[lastSectionIdx].push(newQuestion);\n actualSIndex = lastSectionIdx;\n actualQIndex = newFormSections[lastSectionIdx].length - 1;\n }\n } else {\n // Append to the last section or create a new one\n const lastSectionIdx = newFormSections.length - 1;\n if (lastSectionIdx < 0 || newFormSections[lastSectionIdx].length === 0) {\n newFormSections.push([newQuestion]);\n actualSIndex = newFormSections.length - 1;\n actualQIndex = 0;\n } else {\n newFormSections[lastSectionIdx].push(newQuestion);\n actualSIndex = lastSectionIdx;\n actualQIndex = newFormSections[lastSectionIdx].length - 1;\n }\n }\n\n // this.formSections = newFormSections;\n this.formSectionsDraft = newFormSections;\n if (this.showMenuAtIndex) this.showMenuAtIndex = null;\n\n return { sIndex: actualSIndex, qIndex: actualQIndex };\n };\n\n private deepMerge(target: any, source: any): any {\n const output = { ...target };\n for (const key in source) {\n if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {\n output[key] = this.deepMerge(target[key] || {}, source[key]);\n } else {\n output[key] = source[key];\n }\n }\n return output;\n }\n\n private validateQuestionItem(sIndex: number, qIndex: number): boolean {\n const questionItem = this.formSections[sIndex][qIndex];\n\n if (!questionItem.questionText) {\n return false;\n }\n\n if (questionItem.isContainsOptionItems) {\n const fieldProps = questionItem.fieldProperties;\n\n // If there's a lookupId, assume it's valid and skip item validation\n if (!fieldProps?.lookupId) {\n // If no items or empty, invalid\n if (!Array.isArray(fieldProps?.items) || fieldProps.items.length === 0) {\n return false;\n }\n\n // Check that each item has both display and value\n const invalidItemExists = fieldProps.items.some(item => !item.display || !item.value);\n\n if (invalidItemExists) {\n return false;\n }\n }\n }\n\n return true;\n }\n\n private validateForm(): boolean {\n return this.validateFormMetadata() && this.validateAllQuestions();\n }\n\n private validateFormMetadata(): boolean {\n if (!this.formMetadata.title || !this.formMetadata.description) {\n return false;\n }\n\n return true;\n }\n\n private validateAllQuestions(): boolean {\n for (let sIndex = 0; sIndex < this.formSections.length; sIndex++) {\n const formSection = this.formSections[sIndex];\n for (let qIndex = 0; qIndex < formSection.length; qIndex++) {\n if (!this.validateQuestionItem(sIndex, qIndex)) {\n return false;\n }\n }\n }\n return true;\n }\n\n private toggleStyleSheet = () => {\n this.isStyleSheetOpen = !this.isStyleSheetOpen;\n };\n\n render() {\n console.log('[UDP Forms Builder] render called. isStyleSheetOpen:', this.isStyleSheetOpen);\n if (this.isError) {\n return <div> Error With the Form Builder</div>;\n }\n\n const isEditable = this.isNewForm || this.isMostRecentFormVersion;\n\n return (\n <div>\n {/* FIXME: Review this */}\n <primary-action-header\n title={'UDP Form Builder'}\n actionButtonLabel={isEditable ? (this.isMostRecentFormVersion ? `Create New Version (v.${this.version + 1})` : 'Create New Form') : ''}\n primaryActionClick={isEditable ? () => this.submitForm() : null}\n // HIDE STYLE OVERRIDE IN UI\n defaultActionButtons={\n isEditable ? [{ label: 'Style Overrides', clickHandler: this.toggleStyleSheet, tooltip: 'Style Overrides', visible: false, icon: getIconFromName('settings') }] : []\n }\n tabs={false}\n />\n <udp-side-sheet open={this.isStyleSheetOpen} onUdpSideSheetClose={() => (this.isStyleSheetOpen = false)} title=\"Style Overrides\" position=\"right\" width=\"md\">\n <udp-forms-builder-style-override formMetadata={this.formMetadata} onFormMetadataChange={updated => (this.formMetadata = updated)}></udp-forms-builder-style-override>\n </udp-side-sheet>\n\n <udp-side-sheet\n open={this.isQuestionEditorOpen}\n onUdpSideSheetClose={() => this.closeQuestionEditor()}\n onUdpPrimaryButtonClick={() => {\n if (this.hasUnsavedFormSectionsChanges()) { // dont do anything if no changes are made. without this, it'll close the sidesheet\n return;\n }\n this.updateFormSectionsWithDraft();\n }}\n primaryButtonDisabled={this.hasUnsavedFormSectionsChanges()}\n title=\"Edit Question\"\n position=\"right\"\n width=\"md\"\n primaryButtonLabel=\"Update\"\n >\n {this.isQuestionEditorOpen && (\n <div class=\"question-editor-container\">\n <question-configs-renderer\n formSectionsDraft={this.formSectionsDraft}\n sIndex={this.editingQuestion.sIndex}\n qIndex={this.editingQuestion.qIndex}\n isViewOnly={!isEditable}\n onFormSectionsDraftChange={updated => (this.formSectionsDraft = updated)}\n lookupOptions={this.lookupOptionsDataProcessed}\n />\n </div>\n )}\n </udp-side-sheet>\n\n <fluent-dialog\n open={this.isDialogOpen}\n message={'Are you sure you want to delete this question?'}\n labelOne={'Cancel'}\n labelTwo={'Confirm'}\n actionOne={() => (this.isDialogOpen = false)}\n actionTwo={() => this.dialogActionTwo()}\n ></fluent-dialog>\n\n {this.isLoading && <udp-linear-loader />}\n {!this.isLoading && (\n <udp-container maxWidth=\"lg\">\n <div class=\"udp-forms-page\">\n <div class=\"form-details-container\">\n <div class=\"form-details-name-container\">\n {isEditable ? (\n <div class=\"form-details-name-input\">\n <text-field\n label=\"Form Title\"\n value={this.formMetadata.name}\n placeholder=\" Form Title\"\n disabled={!isEditable}\n required={true}\n onChange={(e: Event) => {\n this.formMetadata = {\n ...this.formMetadata,\n name: (e.target as HTMLInputElement).value,\n };\n }}\n ></text-field>\n </div>\n ) : (\n <div class=\"form-details-name-display\">\n <unity-typography variant={'h2'}>{this.formMetadata.name + ' (View Only)'}</unity-typography>\n </div>\n )}\n </div>\n\n <div class=\"form-details-description-container\">\n {isEditable ? (\n <div class=\"form-details-details-input\">\n <text-area\n label=\"Form Description\"\n value={this.formMetadata.description}\n placeholder=\"Form Description\"\n disabled={!isEditable}\n required={true}\n onChange={(e: CustomEvent<string>) => {\n this.formMetadata = {\n ...this.formMetadata,\n description: e.detail,\n };\n }}\n ></text-area>\n </div>\n ) : (\n <div class=\"form-details-description-display\">\n <unity-typography>{this.formMetadata.description}</unity-typography>\n </div>\n )}\n </div>\n <div class=\"form-details-version-container\">\n <unity-typography>Version: {this.formMetadata.version}</unity-typography>\n </div>\n <div class=\"form-details-private-container\">\n <div class=\"toggle-container\">\n <stencil-toggle\n label=\"Private Form\"\n margin='none'\n disabled={!isEditable}\n checked={this.formMetadata.isPrivate === true}\n labelPosition=\"right\"\n onToggledChange={() => {\n let newIsPrivate = !this.formMetadata.isPrivate;\n this.formMetadata = {\n ...this.formMetadata,\n isPrivate: newIsPrivate,\n };\n }}\n ></stencil-toggle>\n </div>\n </div>\n </div>\n\n {/* {isEditable && this.formSections.length === 0 && ( */}\n {isEditable && (\n <div class=\"add-question-button-container\">\n <udp-button\n startIcon={<udp-icon iconName={'add'} color={'inherit'} />}\n onClick={() => {\n // this.formSections = [[]];\n // const newSectionIndex = this.formSections.length;\n this.formSections = [...this.formSections, []];\n // this.showMenuAtIndex = { sIndex: newSectionIndex, qIndex: 0 };\n }}\n >\n Add a Section\n </udp-button>\n </div>\n )}\n\n {this.formSections.map((section, sIndex) => {\n return (\n <div key={sIndex} class=\"form-section\">\n <div class=\"form-section-header\">\n <div class=\"form-section-header-title\">\n <unity-typography variant=\"h6\" color=\"inherit\">\n Section {sIndex + 1}\n </unity-typography>\n </div>\n <div class=\"form-section-header-actions\">\n {(this.isNewForm || this.isMostRecentFormVersion) &&\n !(this.showMenuAtIndex && this.showMenuAtIndex.sIndex === sIndex && this.showMenuAtIndex.qIndex === 0) && (\n <stencil-icon-button\n icon={getIconFromName('add')}\n tooltip={`Add Question to Start of Section ${sIndex + 1}`}\n onClick={() => (this.showMenuAtIndex = { sIndex, qIndex: 0 })}\n ></stencil-icon-button>\n )}\n {section.length === 0 && (\n <stencil-icon-button\n icon={getIconFromName('trashCan')}\n tooltip=\"Delete Section\"\n onClick={() => {\n const newFormSections = [...this.formSections];\n newFormSections.splice(sIndex, 1);\n this.formSections = newFormSections;\n }}\n />\n )}\n </div>\n </div>\n\n <div class=\"form-section-questions-container\">\n {(this.isNewForm || this.isMostRecentFormVersion) && this.showMenuAtIndex && this.showMenuAtIndex.sIndex === sIndex && this.showMenuAtIndex.qIndex === 0 && (\n <udp-forms-builder-menu\n isVisible={true}\n questionsTemplate={questionsTemplate}\n onAddSection={() => {\n const newSectionIndex = this.formSections.length;\n this.formSections = [...this.formSections, []];\n this.showMenuAtIndex = { sIndex: newSectionIndex, qIndex: 0 };\n }}\n onAddQuestion={e => {\n const indices = this.showMenuAtIndex\n ? this.addQuestionOfType(e.detail, this.showMenuAtIndex.sIndex, this.showMenuAtIndex.qIndex)\n : this.addQuestionOfType(e.detail);\n\n this.editingQuestion = { ...indices };\n this.isQuestionEditorOpen = true;\n }}\n onCancelClick={() => (this.showMenuAtIndex = null)}\n />\n )}\n <div class=\"form-section-questions-draggable-container\" id={`section-${sIndex}`}>\n {section.map((questionItem, qIndex) => {\n return (\n <udp-list-item\n key={questionItem.id || `new-${sIndex}-${qIndex}`}\n iconName={questionItem.icon}\n clickable={isEditable}\n // onClick={() => this.handleQuestionClick(sIndex, qIndex)}\n primaryText={`${questionItem.questionText}`}\n secondaryText={questionItem.helperText ? questionItem.helperText : null}\n avatarBackgroundColor={this.validateQuestionItem(sIndex, qIndex) ? 'info' : 'warning'}\n >\n {questionItem.required && <stencil-chip slot=\"status-chip\" text=\"Required\" showDelete={false} clickable={false} />}\n <div slot=\"actions\">\n {isEditable ? (\n <fragment>\n <stencil-icon-button\n icon={getIconFromName('edit')}\n tooltip=\"Edit Question Details\"\n onClick={e => {\n e.stopPropagation();\n this.handleQuestionClick(sIndex, qIndex);\n }}\n noBackground={true}\n />\n <stencil-icon-button\n icon={getIconFromName('copy')}\n tooltip=\"Duplicate Question\"\n onClick={e => {\n e.stopPropagation();\n this.handleQuestionCopy(sIndex, qIndex);\n }}\n noBackground={true}\n />\n <stencil-icon-button\n icon={getIconFromName('trashCan')}\n tooltip=\"Delete Question\"\n onClick={e => {\n e.stopPropagation();\n (this.dialogActionTwo = () => {\n this.handleQuestionDelete(sIndex, qIndex);\n this.isDialogOpen = false;\n }),\n (this.isDialogOpen = true);\n\n // this.handleQuestionDelete(sIndex, qIndex); // directly delete without dialog popup warning\n }}\n noBackground={true}\n />\n </fragment>\n ) : (\n <stencil-icon-button\n icon={getIconFromName('view')}\n tooltip=\"View Question Details\"\n onClick={e => {\n e.stopPropagation();\n this.handleQuestionClick(sIndex, qIndex);\n }}\n noBackground={true}\n />\n )}\n </div>\n </udp-list-item>\n );\n })}\n </div>\n\n {isEditable &&\n !this.showMenuAtIndex && ( // Only show button if no menu is active\n <div class=\"add-question-to-section-button-container\">\n <udp-button\n variant=\"text\"\n onClick={() => {\n this.showMenuAtIndex = { sIndex: sIndex, qIndex: section.length };\n }}\n startIcon={<udp-icon iconName={'add'} color={'inherit'} />}\n >\n Add a Question\n </udp-button>\n </div>\n )}\n\n {isEditable && this.showMenuAtIndex?.sIndex === sIndex && this.showMenuAtIndex?.qIndex === section.length && section.length > 0 && (\n <udp-forms-builder-menu\n isVisible={true}\n questionsTemplate={questionsTemplate}\n onAddSection={() => {\n const newFormSections = deepCloneFormSections(this.formSections);\n newFormSections.splice(sIndex + 1, 0, []);\n this.formSections = newFormSections;\n this.showMenuAtIndex = null;\n }}\n onAddQuestion={e => {\n if (this.showMenuAtIndex) {\n const indices = this.addQuestionOfType(e.detail, this.showMenuAtIndex.sIndex, this.showMenuAtIndex.qIndex);\n this.editingQuestion = { ...indices };\n this.isQuestionEditorOpen = true;\n }\n }}\n onCancelClick={() => (this.showMenuAtIndex = null)}\n />\n )}\n </div>\n </div>\n );\n })}\n </div>\n </udp-container>\n )}\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/udp-forms-list-card.udp-list-renderer.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-forms-list-card.udp-list-renderer.entry.js","sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card.tsx","src/components/my-component/UI/data-display/list-renderer/udp-list-renderer.css?tag=udp-list-renderer&encapsulation=shadow","src/components/my-component/UI/data-display/list-renderer/udp-list-renderer.tsx"],"sourcesContent":["import { Component, h, Prop, Fragment } from '@stencil/core';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport Edit from '@carbon/icons/es/edit/16';\nimport View from '@carbon/icons/es/view/16';\n\n@Component({\n tag: 'udp-forms-list-card',\n shadow: true,\n})\nexport class UdpFormsListCard {\n @Prop() history: any;\n @Prop() pageBuilderId: string;\n @Prop() renderPageId: string;\n @Prop() data: any;\n @Prop() openSideSheet: any;\n @Prop() isSideSheetList: boolean;\n\n formBuilderHandler = () => {\n this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n };\n\n formRendererHandler = () => {\n this.history.push(`/page/${this.renderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n };\n\n private handleTitleClick = (e: CustomEvent) => {\n e.preventDefault();\n this.formBuilderHandler();\n };\n\n render() {\n const contentJsx = (\n <Fragment>\n <unity-typography variant=\"body1\" color=\"textSecondary\">\n Version: {this.data.version}\n </unity-typography>\n {!this.isSideSheetList && (\n <unity-typography variant=\"body1\" color=\"textSecondary\">\n Last Modified: {new Date(this.data.lastModifiedOn).toLocaleDateString()}\n </unity-typography>\n )}\n <unity-typography variant=\"body1\" color=\"textSecondary\">\n Created On: {this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()}\n </unity-typography>\n </Fragment>\n );\n\n const actionsJsx = (\n <Fragment>\n {!this.isSideSheetList && (\n <stencil-icon-button\n icon={Edit}\n tooltip=\"Edit in Builder\"\n onClick={e => {\n e.stopPropagation();\n this.formBuilderHandler();\n }}\n />\n )}\n <stencil-icon-button\n icon={View}\n tooltip=\"View in Renderer\"\n onClick={e => {\n e.stopPropagation();\n this.formRendererHandler();\n }}\n />\n {!this.isSideSheetList && (\n <stencil-icon-button\n icon={ChevronRight24}\n tooltip=\"See Version History\"\n onClick={e => {\n e.stopPropagation();\n this.openSideSheet?.();\n }}\n />\n )}\n </Fragment>\n );\n\n return (\n <udp-card\n cardTitle={this.data.name}\n subheader={this.data.description}\n actions={actionsJsx}\n onTitleClick={this.handleTitleClick}\n disableContentPadding={true}\n adornmentStatus={'info'}\n >\n {contentJsx}\n </udp-card>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.udp-list-renderer-container {\n display: flex;\n flex-direction: column;\n}\n\n.item-list-container {\n display: flex;\n flex-direction: column;\n}\n\n/* Spacing variants */\n.item-list-container.spacing-xs {\n gap: var(--spacing-02);\n}\n\n.item-list-container.spacing-sm {\n gap: var(--spacing-03);\n}\n\n.item-list-container.spacing-md {\n gap: var(--spacing-04);\n}\n\n.item-list-container.spacing-lg {\n gap: var(--spacing-06);\n}\n\n.item-list-container.spacing-condensed {\n gap: var(--spacing-01);\n}\n\n.loading-container {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: var(--spacing-07); /* 2rem */\n min-height: 100px; /* Adjust as needed, or use a spacing variable if appropriate */\n} ","import { Component, Prop, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'udp-list-renderer',\n styleUrl: 'udp-list-renderer.css',\n shadow: true,\n})\nexport class UdpItemList {\n /**\n * The tag name of the component to render for each item in the list.\n * For example, 'my-item-component'.\n */\n @Prop() itemComponent: string;\n\n /**\n * Array of objects to be rendered in the list.\n */\n @Prop() data: any[] = [];\n\n /**\n * Object mapping source data fields to prop names for the item component.\n * Example: {元のフィールド: '新しいフィールド'}\n * This will pass props to ItemComponent as: <ItemComponent newField={sourceData.originalField} />\n */\n @Prop() componentDataMap: { [key: string]: string };\n\n /**\n * Whether to enable pagination.\n */\n @Prop() pagination: boolean = false;\n\n /**\n * Number of items to display per page.\n */\n @Prop() itemsPerPage: number = 10;\n\n /**\n * Whether pagination is handled server-side.\n */\n @Prop() isServerSide: boolean = false;\n\n /**\n * Total number of items (required for server-side pagination).\n */\n @Prop() totalItems: number = 0;\n\n /**\n * Callback function for page changes. Required when isServerSide is true.\n * Emits the new page number.\n */\n @Event() pageChange: EventEmitter<number>;\n\n /**\n * Current page number (used for server-side pagination or can be controlled externally).\n * Defaults to 1.\n */\n @Prop({ mutable: true, reflect: true }) currentPage: number = 1;\n\n /**\n * Whether the list is in a loading state.\n */\n @Prop() isLoading: boolean = false;\n\n /**\n * Defines the spacing between items.\n * Options: 'xs', 'sm', 'md', 'lg', 'condensed'\n * Default: 'sm'\n */\n @Prop({ reflect: true }) spacing: 'xs' | 'sm' | 'md' | 'lg' | 'condensed' = 'md';\n\n @State() internalCurrentPage: number = 1;\n\n @Watch('currentPage')\n currentPageChanged(newValue: number) {\n if (newValue !== this.internalCurrentPage) {\n this.internalCurrentPage = newValue;\n }\n }\n\n componentWillLoad() {\n this.internalCurrentPage = this.currentPage;\n }\n\n private getPaginatedData() {\n if (!this.pagination || this.isServerSide) {\n return this.data;\n }\n const startIndex = (this.internalCurrentPage - 1) * this.itemsPerPage;\n const endIndex = startIndex + this.itemsPerPage;\n return this.data.slice(startIndex, endIndex);\n }\n\n private getTotalPages(): number {\n if (!this.pagination) return 1;\n if (this.isServerSide) {\n if (this.totalItems === 0 || this.itemsPerPage === 0) return 1;\n return Math.ceil(this.totalItems / this.itemsPerPage);\n }\n if (this.data.length === 0 || this.itemsPerPage === 0) return 1;\n return Math.ceil(this.data.length / this.itemsPerPage);\n }\n\n private handlePageChange(newPage: number) {\n if (this.isLoading) return;\n if (newPage >= 1 && newPage <= this.getTotalPages()) {\n if (this.isServerSide) {\n this.pageChange.emit(newPage);\n } else {\n this.internalCurrentPage = newPage;\n this.currentPage = newPage;\n this.pageChange.emit(newPage);\n }\n }\n }\n\n private renderItems() {\n if (!this.itemComponent) {\n console.warn('[udp-item-list] itemComponent prop is required.');\n return <p>Error: itemComponent prop is not defined.</p>;\n }\n if (!this.componentDataMap) {\n console.warn('[udp-item-list] componentDataMap prop is required.');\n return <p>Error: componentDataMap prop is not defined.</p>;\n }\n\n const itemsToRender = this.getPaginatedData();\n\n if (!itemsToRender || itemsToRender.length === 0) {\n return <p>No items to display.</p>;\n }\n\n return itemsToRender.map(item => {\n const props = {};\n for (const sourceKey in this.componentDataMap) {\n if (item.hasOwnProperty(sourceKey)) {\n const targetKey = this.componentDataMap[sourceKey];\n props[targetKey] = item[sourceKey];\n }\n }\n const ItemCmp = this.itemComponent;\n return <ItemCmp {...props} />;\n });\n }\n\n render() {\n if (this.isLoading && (!this.data || this.data.length === 0)) {\n return (\n <div class=\"loading-container\">\n <p>Loading...</p>\n </div>\n );\n }\n\n const containerClasses = {\n 'item-list-container': true,\n [`spacing-${this.spacing}`]: true,\n };\n\n return (\n <host>\n <div class={containerClasses}>{this.renderItems()}</div>\n {this.pagination && this.getTotalPages() > 1 && (\n <udp-pagination\n currentPage={this.internalCurrentPage}\n totalPages={this.getTotalPages()}\n isLoading={this.isLoading}\n onPageChange={event => this.handlePageChange(event.detail)}\n ></udp-pagination>\n )}\n </host>\n );\n }\n}\n"],"names":["Edit","View"],"mappings":"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"}

package/dist/esm/udp-forms-list-card_2.entry.js ADDED Viewed

@@ -0,0 +1,166 @@
+import { r as registerInstance, h, F as Fragment, c as createEvent } from './index-CaIWDYyq.js';
+import ChevronRight24 from '@carbon/icons/es/chevron--right/16';
+import Edit16 from '@carbon/icons/es/edit/16';
+import View16 from '@carbon/icons/es/view/16';
+const UdpFormsListCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formBuilderHandler = () => {
+            this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);
+        };
+        this.formRendererHandler = () => {
+            this.history.push(`/page/${this.renderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);
+        };
+        this.handleTitleClick = (e) => {
+            e.preventDefault();
+            this.formBuilderHandler();
+        };
+    }
+    render() {
+        const contentJsx = (h(Fragment, { key: 'b2c6c089a6b5169eca23960418b80c9508734a70' }, h("unity-typography", { key: '61f8f739161bb108dde9928c052ee0da86a59506', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: 'b9b6a8c3c15d8151a0e55afa49cc3af2c28515e3', variant: "body1", color: "textSecondary" }, "Last Modified: ", new Date(this.data.lastModifiedOn).toLocaleDateString())), h("unity-typography", { key: '00e4504691304471439ba65ab6a91b9146d52447', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString())));
+        const actionsJsx = (h(Fragment, { key: '041660e862ab56ef141ad41a306168a7f5a88397' }, !this.isSideSheetList && (h("stencil-icon-button", { key: '4cf56b6b42d433d1ec58ce0eb2d1726555b1ed3a', icon: Edit16, tooltip: "Edit in Builder", onClick: e => {
+                e.stopPropagation();
+                this.formBuilderHandler();
+            } })), h("stencil-icon-button", { key: 'b073eceb4834be1c756370d53ae18b8facf49f6c', icon: View16, tooltip: "View in Renderer", onClick: e => {
+                e.stopPropagation();
+                this.formRendererHandler();
+            } }), !this.isSideSheetList && (h("stencil-icon-button", { key: 'df5e88f1149dfd7cdaa4e479e55d9c38d44b9077', icon: ChevronRight24, tooltip: "See Version History", onClick: e => {
+                var _a;
+                e.stopPropagation();
+                (_a = this.openSideSheet) === null || _a === void 0 ? void 0 : _a.call(this);
+            } }))));
+        return (h("udp-card", { key: 'd8ea5bc611ad8889d07ae07cdce3cece53ee7c7e', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+    }
+};
+const udpListRendererCss = ":host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}";
+const UdpItemList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.pageChange = createEvent(this, "pageChange");
+        /**
+         * Array of objects to be rendered in the list.
+         */
+        this.data = [];
+        /**
+         * Whether to enable pagination.
+         */
+        this.pagination = false;
+        /**
+         * Number of items to display per page.
+         */
+        this.itemsPerPage = 10;
+        /**
+         * Whether pagination is handled server-side.
+         */
+        this.isServerSide = false;
+        /**
+         * Total number of items (required for server-side pagination).
+         */
+        this.totalItems = 0;
+        /**
+         * Current page number (used for server-side pagination or can be controlled externally).
+         * Defaults to 1.
+         */
+        this.currentPage = 1;
+        /**
+         * Whether the list is in a loading state.
+         */
+        this.isLoading = false;
+        /**
+         * Defines the spacing between items.
+         * Options: 'xs', 'sm', 'md', 'lg', 'condensed'
+         * Default: 'sm'
+         */
+        this.spacing = 'md';
+        this.internalCurrentPage = 1;
+    }
+    currentPageChanged(newValue) {
+        if (newValue !== this.internalCurrentPage) {
+            this.internalCurrentPage = newValue;
+        }
+    }
+    componentWillLoad() {
+        this.internalCurrentPage = this.currentPage;
+    }
+    getPaginatedData() {
+        if (!this.pagination || this.isServerSide) {
+            return this.data;
+        }
+        const startIndex = (this.internalCurrentPage - 1) * this.itemsPerPage;
+        const endIndex = startIndex + this.itemsPerPage;
+        return this.data.slice(startIndex, endIndex);
+    }
+    getTotalPages() {
+        if (!this.pagination)
+            return 1;
+        if (this.isServerSide) {
+            if (this.totalItems === 0 || this.itemsPerPage === 0)
+                return 1;
+            return Math.ceil(this.totalItems / this.itemsPerPage);
+        }
+        if (this.data.length === 0 || this.itemsPerPage === 0)
+            return 1;
+        return Math.ceil(this.data.length / this.itemsPerPage);
+    }
+    handlePageChange(newPage) {
+        if (this.isLoading)
+            return;
+        if (newPage >= 1 && newPage <= this.getTotalPages()) {
+            if (this.isServerSide) {
+                this.pageChange.emit(newPage);
+            }
+            else {
+                this.internalCurrentPage = newPage;
+                this.currentPage = newPage;
+                this.pageChange.emit(newPage);
+            }
+        }
+    }
+    renderItems() {
+        if (!this.itemComponent) {
+            console.warn('[udp-item-list] itemComponent prop is required.');
+            return h("p", null, "Error: itemComponent prop is not defined.");
+        }
+        if (!this.componentDataMap) {
+            console.warn('[udp-item-list] componentDataMap prop is required.');
+            return h("p", null, "Error: componentDataMap prop is not defined.");
+        }
+        const itemsToRender = this.getPaginatedData();
+        if (!itemsToRender || itemsToRender.length === 0) {
+            return h("p", null, "No items to display.");
+        }
+        return itemsToRender.map(item => {
+            const props = {};
+            for (const sourceKey in this.componentDataMap) {
+                if (item.hasOwnProperty(sourceKey)) {
+                    const targetKey = this.componentDataMap[sourceKey];
+                    props[targetKey] = item[sourceKey];
+                }
+            }
+            const ItemCmp = this.itemComponent;
+            return h(ItemCmp, Object.assign({}, props));
+        });
+    }
+    render() {
+        if (this.isLoading && (!this.data || this.data.length === 0)) {
+            return (h("div", { class: "loading-container" }, h("p", null, "Loading...")));
+        }
+        const containerClasses = {
+            'item-list-container': true,
+            [`spacing-${this.spacing}`]: true,
+        };
+        return (h("host", null, h("div", { class: containerClasses }, this.renderItems()), this.pagination && this.getTotalPages() > 1 && (h("udp-pagination", { currentPage: this.internalCurrentPage, totalPages: this.getTotalPages(), isLoading: this.isLoading, onPageChange: event => this.handlePageChange(event.detail) }))));
+    }
+    static get watchers() { return {
+        "currentPage": ["currentPageChanged"]
+    }; }
+};
+UdpItemList.style = udpListRendererCss;
+export { UdpFormsListCard as udp_forms_list_card, UdpItemList as udp_list_renderer };
+//# sourceMappingURL=udp-forms-list-card.udp-list-renderer.entry.js.map
+//# sourceMappingURL=udp-forms-list-card_2.entry.js.map

package/dist/esm/udp-forms-list-card_2.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"udp-forms-list-card.udp-list-renderer.entry.js","mappings":"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","names":["Edit","View"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card.tsx","src/components/my-component/UI/data-display/list-renderer/udp-list-renderer.css?tag=udp-list-renderer&encapsulation=shadow","src/components/my-component/UI/data-display/list-renderer/udp-list-renderer.tsx"],"sourcesContent":["import { Component, h, Prop, Fragment } from '@stencil/core';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport Edit from '@carbon/icons/es/edit/16';\nimport View from '@carbon/icons/es/view/16';\n\n@Component({\n tag: 'udp-forms-list-card',\n shadow: true,\n})\nexport class UdpFormsListCard {\n @Prop() history: any;\n @Prop() pageBuilderId: string;\n @Prop() renderPageId: string;\n @Prop() data: any;\n @Prop() openSideSheet: any;\n @Prop() isSideSheetList: boolean;\n\n formBuilderHandler = () => {\n this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n };\n\n formRendererHandler = () => {\n this.history.push(`/page/${this.renderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n };\n\n private handleTitleClick = (e: CustomEvent) => {\n e.preventDefault();\n this.formBuilderHandler();\n };\n\n render() {\n const contentJsx = (\n <Fragment>\n <unity-typography variant=\"body1\" color=\"textSecondary\">\n Version: {this.data.version}\n </unity-typography>\n {!this.isSideSheetList && (\n <unity-typography variant=\"body1\" color=\"textSecondary\">\n Last Modified: {new Date(this.data.lastModifiedOn).toLocaleDateString()}\n </unity-typography>\n )}\n <unity-typography variant=\"body1\" color=\"textSecondary\">\n Created On: {this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()}\n </unity-typography>\n </Fragment>\n );\n\n const actionsJsx = (\n <Fragment>\n {!this.isSideSheetList && (\n <stencil-icon-button\n icon={Edit}\n tooltip=\"Edit in Builder\"\n onClick={e => {\n e.stopPropagation();\n this.formBuilderHandler();\n }}\n />\n )}\n <stencil-icon-button\n icon={View}\n tooltip=\"View in Renderer\"\n onClick={e => {\n e.stopPropagation();\n this.formRendererHandler();\n }}\n />\n {!this.isSideSheetList && (\n <stencil-icon-button\n icon={ChevronRight24}\n tooltip=\"See Version History\"\n onClick={e => {\n e.stopPropagation();\n this.openSideSheet?.();\n }}\n />\n )}\n </Fragment>\n );\n\n return (\n <udp-card\n cardTitle={this.data.name}\n subheader={this.data.description}\n actions={actionsJsx}\n onTitleClick={this.handleTitleClick}\n disableContentPadding={true}\n adornmentStatus={'info'}\n >\n {contentJsx}\n </udp-card>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.udp-list-renderer-container {\n display: flex;\n flex-direction: column;\n}\n\n.item-list-container {\n display: flex;\n flex-direction: column;\n}\n\n/* Spacing variants */\n.item-list-container.spacing-xs {\n gap: var(--spacing-02);\n}\n\n.item-list-container.spacing-sm {\n gap: var(--spacing-03);\n}\n\n.item-list-container.spacing-md {\n gap: var(--spacing-04);\n}\n\n.item-list-container.spacing-lg {\n gap: var(--spacing-06);\n}\n\n.item-list-container.spacing-condensed {\n gap: var(--spacing-01);\n}\n\n.loading-container {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: var(--spacing-07); /* 2rem */\n min-height: 100px; /* Adjust as needed, or use a spacing variable if appropriate */\n} ","import { Component, Prop, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'udp-list-renderer',\n styleUrl: 'udp-list-renderer.css',\n shadow: true,\n})\nexport class UdpItemList {\n /**\n * The tag name of the component to render for each item in the list.\n * For example, 'my-item-component'.\n */\n @Prop() itemComponent: string;\n\n /**\n * Array of objects to be rendered in the list.\n */\n @Prop() data: any[] = [];\n\n /**\n * Object mapping source data fields to prop names for the item component.\n * Example: {元のフィールド: '新しいフィールド'}\n * This will pass props to ItemComponent as: <ItemComponent newField={sourceData.originalField} />\n */\n @Prop() componentDataMap: { [key: string]: string };\n\n /**\n * Whether to enable pagination.\n */\n @Prop() pagination: boolean = false;\n\n /**\n * Number of items to display per page.\n */\n @Prop() itemsPerPage: number = 10;\n\n /**\n * Whether pagination is handled server-side.\n */\n @Prop() isServerSide: boolean = false;\n\n /**\n * Total number of items (required for server-side pagination).\n */\n @Prop() totalItems: number = 0;\n\n /**\n * Callback function for page changes. Required when isServerSide is true.\n * Emits the new page number.\n */\n @Event() pageChange: EventEmitter<number>;\n\n /**\n * Current page number (used for server-side pagination or can be controlled externally).\n * Defaults to 1.\n */\n @Prop({ mutable: true, reflect: true }) currentPage: number = 1;\n\n /**\n * Whether the list is in a loading state.\n */\n @Prop() isLoading: boolean = false;\n\n /**\n * Defines the spacing between items.\n * Options: 'xs', 'sm', 'md', 'lg', 'condensed'\n * Default: 'sm'\n */\n @Prop({ reflect: true }) spacing: 'xs' | 'sm' | 'md' | 'lg' | 'condensed' = 'md';\n\n @State() internalCurrentPage: number = 1;\n\n @Watch('currentPage')\n currentPageChanged(newValue: number) {\n if (newValue !== this.internalCurrentPage) {\n this.internalCurrentPage = newValue;\n }\n }\n\n componentWillLoad() {\n this.internalCurrentPage = this.currentPage;\n }\n\n private getPaginatedData() {\n if (!this.pagination || this.isServerSide) {\n return this.data;\n }\n const startIndex = (this.internalCurrentPage - 1) * this.itemsPerPage;\n const endIndex = startIndex + this.itemsPerPage;\n return this.data.slice(startIndex, endIndex);\n }\n\n private getTotalPages(): number {\n if (!this.pagination) return 1;\n if (this.isServerSide) {\n if (this.totalItems === 0 || this.itemsPerPage === 0) return 1;\n return Math.ceil(this.totalItems / this.itemsPerPage);\n }\n if (this.data.length === 0 || this.itemsPerPage === 0) return 1;\n return Math.ceil(this.data.length / this.itemsPerPage);\n }\n\n private handlePageChange(newPage: number) {\n if (this.isLoading) return;\n if (newPage >= 1 && newPage <= this.getTotalPages()) {\n if (this.isServerSide) {\n this.pageChange.emit(newPage);\n } else {\n this.internalCurrentPage = newPage;\n this.currentPage = newPage;\n this.pageChange.emit(newPage);\n }\n }\n }\n\n private renderItems() {\n if (!this.itemComponent) {\n console.warn('[udp-item-list] itemComponent prop is required.');\n return <p>Error: itemComponent prop is not defined.</p>;\n }\n if (!this.componentDataMap) {\n console.warn('[udp-item-list] componentDataMap prop is required.');\n return <p>Error: componentDataMap prop is not defined.</p>;\n }\n\n const itemsToRender = this.getPaginatedData();\n\n if (!itemsToRender || itemsToRender.length === 0) {\n return <p>No items to display.</p>;\n }\n\n return itemsToRender.map(item => {\n const props = {};\n for (const sourceKey in this.componentDataMap) {\n if (item.hasOwnProperty(sourceKey)) {\n const targetKey = this.componentDataMap[sourceKey];\n props[targetKey] = item[sourceKey];\n }\n }\n const ItemCmp = this.itemComponent;\n return <ItemCmp {...props} />;\n });\n }\n\n render() {\n if (this.isLoading && (!this.data || this.data.length === 0)) {\n return (\n <div class=\"loading-container\">\n <p>Loading...</p>\n </div>\n );\n }\n\n const containerClasses = {\n 'item-list-container': true,\n [`spacing-${this.spacing}`]: true,\n };\n\n return (\n <host>\n <div class={containerClasses}>{this.renderItems()}</div>\n {this.pagination && this.getTotalPages() > 1 && (\n <udp-pagination\n currentPage={this.internalCurrentPage}\n totalPages={this.getTotalPages()}\n isLoading={this.isLoading}\n onPageChange={event => this.handlePageChange(event.detail)}\n ></udp-pagination>\n )}\n </host>\n );\n }\n}\n"],"version":3}

package/dist/esm/udp-forms-list.entry.js ADDED Viewed

@@ -0,0 +1,227 @@
+import { r as registerInstance, h, a as getElement } from './index-CaIWDYyq.js';
+import '@carbon/icons/es/chevron--right/16';
+import '@carbon/icons/es/edit/16';
+import '@carbon/icons/es/view/16';
+import axios from 'axios';
+import { g as getCurrentTenantId } from './tenantUtils-Basdb1b1.js';
+import { C as ConfigService } from './configService-Cn7PuhQz.js';
+const fetchLatestForms = (page, pageSize, filters, order) => {
+    return axios.post(`${ConfigService.productV1ApiUrl}/UdpFormLatestVersionView/search`, {
+        eagerLoad: false,
+        pageNumber: page,
+        pageSize,
+        filterElements: [
+            ...filters,
+            {
+                searchField: 'tenantId',
+                searchOperator: '=',
+                searchValue: getCurrentTenantId(),
+            },
+        ],
+        orderElements: [order],
+    });
+};
+const fetchFormVersions = (formId, page, pageSize) => {
+    return axios.post(`${ConfigService.productV1ApiUrl}/UdpForm/search`, {
+        eagerLoad: false,
+        pageNumber: page,
+        pageSize,
+        filterElements: [
+            { searchField: 'tenantId', searchOperator: '=', searchValue: getCurrentTenantId() },
+            { searchField: 'id', searchOperator: '=', searchValue: formId },
+        ],
+        orderElements: [{ sortColumn: 'Version', sortDirection: 'DESC' }],
+    });
+};
+const udpFormsListCss = ":host{display:block}.udp-form-filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-05);flex-wrap:nowrap;padding:var(--spacing-05) 0}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}.selector-group,.search-group{display:flex;gap:0.75rem;align-items:flex-end}.selector-group{flex-grow:1;flex-shrink:1;max-width:300px}";
+const UdpFormsList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isSideSheetOpen = false;
+        this.mainFormsList = [];
+        this.sideSheetFormsList = [];
+        this.mainListPageNumber = 1;
+        this.sideSheetListPageNumber = 1;
+        this.mainTotalItems = 0;
+        this.sideSheetTotalItems = 0;
+        this.isLoading = true;
+        this.errorMessage = '';
+        this.sortState = { sortDirection: 'DESC', sortColumn: 'lastModifiedOn' };
+        this.searchFilters = [];
+        this.nameFilter = '';
+        this.pageBuilderId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1';
+        this.renderPageId = 'c696afbd-8d83-4f80-aaa1-9a3530a05a21';
+        this.SIDE_SHEET_PAGE_SIZE = 8;
+        this.MAIN_PAGE_SIZE = 6;
+        this.componentMap = {
+            history: 'history',
+            pageBuilderId: 'pageBuilderId',
+            renderPageId: 'renderPageId',
+            isSideSheetList: 'isSideSheetList',
+            openSideSheet: 'openSideSheet',
+            data: 'data',
+            titleClick: 'titleClick',
+        };
+        this.SORT_DIRECTIONS = [
+            { label: 'Asc', value: 'ASC' },
+            { label: 'Desc', value: 'DESC' },
+        ];
+        this.SORT_COLUMNS = [
+            { label: 'Last Modified', value: 'lastModifiedOn' },
+            { label: 'Created On', value: 'initialCreatedOn' },
+            { label: 'Name', value: 'name' },
+        ];
+        this.debouncedFormNameSearch = (() => {
+            let timeout;
+            return () => {
+                clearTimeout(timeout);
+                timeout = window.setTimeout(() => this.loadMainForms(), 300);
+            };
+        })();
+        this.handleHeaderPrimaryActionClick = () => {
+            this.history.push(`/page/${this.pageBuilderId}`);
+        };
+        this.handleSideSheetPrimaryAction = () => {
+            // redirect to form builder with latest version
+            const latestFormData = this.mainFormsList.find(form => form.data.id === this.sideSheetFormsList[0].data.id).data;
+            const latestFormId = latestFormData.id;
+            const formLatestVersion = latestFormData.version;
+            this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);
+            this.isSideSheetOpen = false;
+        };
+        this.handleSideSheetClose = () => {
+            // reset side sheet data
+            this.sideSheetFormsList = [];
+            this.sideSheetListPageNumber = 1;
+            this.sideSheetTotalItems = 0;
+            this.isSideSheetOpen = false;
+        };
+    }
+    componentDidLoad() {
+        return this.loadMainForms();
+    }
+    // ###################### API Helpers ######################
+    async loadMainForms() {
+        var _a;
+        this.isLoading = true;
+        this.errorMessage = '';
+        try {
+            const response = await fetchLatestForms(this.mainListPageNumber, this.MAIN_PAGE_SIZE, this.searchFilters, this.sortState);
+            const data = response.data;
+            if (!data || !Array.isArray(data.pageList)) {
+                throw new Error('Malformed data received from server.');
+            }
+            this.mainFormsList = this.formatList(data.pageList, false);
+            this.mainTotalItems = (_a = data.total) !== null && _a !== void 0 ? _a : 0;
+        }
+        catch (err) {
+            console.error('Error loading forms data:', err);
+            this.errorMessage = 'Failed to load forms. Please try again.';
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async loadFormVersions() {
+        var _a;
+        this.isLoading = true;
+        this.errorMessage = '';
+        try {
+            const response = await fetchFormVersions(this.currentFormId, this.sideSheetListPageNumber, this.SIDE_SHEET_PAGE_SIZE);
+            const data = response.data;
+            if (!data || !Array.isArray(data.pageList)) {
+                throw new Error('Malformed form versions data.');
+            }
+            this.sideSheetFormsList = this.formatList(data.pageList, true);
+            this.sideSheetTotalItems = (_a = data.total) !== null && _a !== void 0 ? _a : 0;
+        }
+        catch (err) {
+            console.error('Error loading form versions:', err);
+            this.errorMessage = 'Failed to load form versions.';
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    formatList(data, isSideSheetList) {
+        return data.map(item => ({
+            data: item,
+            history: this.history,
+            pageBuilderId: this.pageBuilderId,
+            renderPageId: this.renderPageId,
+            isSideSheetList,
+            openSideSheet: () => this.handleOpenSideSheet(item.id),
+        }));
+    }
+    // ###################### Main list Handlers/helpers ######################
+    async handleMainPageChange(page) {
+        this.mainListPageNumber = page;
+        await this.loadMainForms();
+    }
+    handleOrderFilterChange({ fieldName, value }) {
+        this.sortState = Object.assign(Object.assign({}, this.sortState), { [fieldName]: value });
+    }
+    handleFormNameSearchFilterChange(e) {
+        const inputEl = e.target;
+        this.nameFilter = inputEl.value;
+        const searchFieldName = 'name';
+        const searchOperator = 'LIKE';
+        const searchObject = {
+            searchField: searchFieldName,
+            searchOperator,
+            searchValue: inputEl.value,
+        };
+        let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);
+        if (inputEl.value.trim() !== '') {
+            filtersStateCopy.push(searchObject);
+        }
+        this.searchFilters = filtersStateCopy;
+        this.mainListPageNumber = 1;
+    }
+    async refetchMainListData(newVal, oldVal) {
+        if (JSON.stringify(newVal) === JSON.stringify(oldVal))
+            return;
+        this.mainListPageNumber = 1;
+        await this.loadMainForms();
+    }
+    // ######################  Side Sheet list Handler/helpers ######################
+    async handleOpenSideSheet(formId) {
+        this.currentFormId = formId;
+        this.sideSheetListPageNumber = 1;
+        this.isSideSheetOpen = true;
+        await this.loadFormVersions();
+    }
+    async handleSideSheetPageChange(page) {
+        this.sideSheetListPageNumber = page;
+        await this.loadFormVersions();
+    }
+    // ###################### RENDERER HELPERS ######################
+    renderFilters() {
+        return (h("div", { class: "udp-form-filter-container" }, h("div", { class: "search-group" }, h("text-field", { label: "Search Name", value: this.nameFilter, placeholder: "Search Form Name", onInput: async (e) => {
+                this.handleFormNameSearchFilterChange(e);
+                this.debouncedFormNameSearch();
+            }, margin: "none" })), h("div", { class: "selector-group" }, h("udp-selector", { label: "Sort By", name: "sortColumn", options: this.SORT_COLUMNS, onChange: (e) => this.handleOrderFilterChange({ fieldName: 'sortColumn', value: e.detail }), initialValue: this.sortState.sortColumn }), h("udp-selector", { label: "Sort Direction", name: "sortDirection", options: this.SORT_DIRECTIONS, onChange: (e) => this.handleOrderFilterChange({ fieldName: 'sortDirection', value: e.detail }), initialValue: this.sortState.sortDirection }))));
+    }
+    renderSideSheet() {
+        return (h("udp-side-sheet", { primaryButtonLabel: "Create New Form Version", title: "Form Version History", open: this.isSideSheetOpen, onUdpSideSheetClose: () => this.handleSideSheetClose(), position: "right", width: "md", onUdpPrimaryButtonClick: () => this.handleSideSheetPrimaryAction() }, this.isLoading && this.isSideSheetOpen && h("udp-linear-loader", null), h("udp-list-renderer", { itemComponent: "udp-forms-list-card", data: this.sideSheetFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.SIDE_SHEET_PAGE_SIZE, currentPage: this.sideSheetListPageNumber, totalItems: this.sideSheetTotalItems, onPageChange: e => this.handleSideSheetPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })));
+    }
+    renderErrorMessage() {
+        return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
+    }
+    render() {
+        return (h("div", { key: '776f1c0d097049cf3fa25fd220c863863298f3f1', class: "udp-forms-list-container" }, h("primary-action-header", { key: '6bcbb3742d65343e74600ef82a83fb8f98d024d3', title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false }), this.isLoading && h("udp-linear-loader", { key: 'a28d9f33d6a7112be5686ceab652df74f7b94942' }), this.renderSideSheet(), h("udp-container", { key: 'e8c56a73a61a9b20b194d7271fa2e33fd6789600', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '2675f32cd0289e1bab35c4df2a8d75d65718a3ab', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })), h("udp-forms-list-card", { key: '8c5dcc9fd66c9ceef9577f27db3db38b4311f058', style: { display: 'none' } }), h("div", { key: 'a864d19e4bd93705d3a33f34883f79ccb13ed1e3', style: { height: '60px' } })));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "sortState": ["refetchMainListData"]
+    }; }
+};
+UdpFormsList.style = udpFormsListCss;
+export { UdpFormsList as udp_forms_list };
+//# sourceMappingURL=udp-forms-list.entry.js.map
+//# sourceMappingURL=udp-forms-list.entry.js.map