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

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

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

package/dist/collection/components/drawers/udp-side-sheet/udp-side-sheet.css CHANGED Viewed

@@ -2,14 +2,20 @@
   position: fixed;
   top: 0;
   left: 0;
-  width: 100vw;
-  height: 100vh;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  /* CRITICAL: transform creates a containing block, forcing fixed children to respect overflow: hidden */
+  transform: translate(0);
   z-index: 9999;
   visibility: hidden;
-  transition: visibility 0s 0.2s;
+  transition: visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;
 }
 :host(.is-visible) {
+  width: 100vw;
+  height: 100vh;
+  overflow: visible;
   visibility: visible;
   transition-delay: 0s;
 }
@@ -55,11 +61,25 @@
   transform: translateX(0);
 }
-.sheet.sm { max-width: 360px; }
-.sheet.md { max-width: 600px; }
-.sheet.lg { max-width: 960px; }
-.sheet.full { max-width: 100%; }
-.sheet.custom-width { /* max-width is set via inline style */ }
+.sheet.sm {
+  max-width: 360px;
+}
+.sheet.md {
+  max-width: 600px;
+}
+.sheet.lg {
+  max-width: 960px;
+}
+.sheet.full {
+  max-width: 100%;
+}
+.sheet.custom-width {
+  /* max-width is set via inline style */
+}
 /* Updated title container for new layout */
 .title-container {
@@ -73,7 +93,8 @@
 .title-text {
   flex-grow: 1;
-  text-align: left; /* Ensure title stays left-aligned */
+  text-align: left;
+  /* Ensure title stays left-aligned */
 }
 .close-button {
@@ -110,23 +131,23 @@
   align-items: center;
 }
-.footer.secondary-button-overflow{
+.footer.secondary-button-overflow {
   flex-direction: row-reverse;
 }
-.footer-secondary-buttons-container{
+.footer-secondary-buttons-container {
   flex-grow: 2;
   width: 100%;
 }
-.footer-secondary-buttons{
+.footer-secondary-buttons {
   display: flex;
   justify-content: flex-end;
   gap: var(--spacing-02, 4px);
   align-items: center;
 }
-.footer-secondary-buttons.secondary-button-overflow{
+.footer-secondary-buttons.secondary-button-overflow {
   flex-grow: 1;
 }
@@ -160,4 +181,3 @@
   opacity: 1;
   /* transition: opacity 0.3s ease-in-out; */
 }

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

@@ -17,7 +17,7 @@ export class UdpFormsList {
         this.sideSheetTotalItems = 0;
         this.isLoading = true;
         this.errorMessage = '';
-        this.sortState = { sortDirection: 'DESC', sortColumn: 'lastModifiedOn' };
+        this.sortState = { sortDirection: 'DESC', sortColumn: 'initialCreatedOn' };
         this.searchFilters = [];
         this.nameFilter = '';
         this.formsBuilderPageId = UdpFormsPageIdEnum.FormBuilderPageId;
@@ -38,8 +38,8 @@ export class UdpFormsList {
             { label: 'Desc', value: 'DESC' },
         ];
         this.SORT_COLUMNS = [
-            { label: 'Last Modified', value: 'lastModifiedOn' },
             { label: 'Created On', value: 'initialCreatedOn' },
+            { label: 'Last Modified', value: 'lastModifiedOn' },
             { label: 'Name', value: 'name' },
         ];
         this.FORM_TYPES = [
@@ -216,7 +216,7 @@ export class UdpFormsList {
         return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
     }
     render() {
-        return (h("div", { key: 'e73a567c697644cb26d5ea3eb12c40347917ea74', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '65c7818ef8ec9adce0855bccf674d7d1d59d15c1' }), this.renderSideSheet(), h("udp-container", { key: '5d57f227d1743af987227e1f9af4c4a326b988d9', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '974973524dbc459391bd38a323cbec764c1af5e0', 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: '887d870d0cec70391e04ce9739a3af4ee5404fce', style: { display: 'none' } }), h("div", { key: 'c3e09b6ecdf501ec37d31a91dc7de007efb95e3e', style: { height: '60px' } })));
+        return (h("div", { key: '39572c59a7175e47a64cc2b08d54254d9d259802', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '29242ff6dcad53e0538800d1d8b6739627e0db5d' }), this.renderSideSheet(), h("udp-container", { key: '68d169eeb25108026bc8b0038bd6fe2b88e0d086', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '5d16bd62ec3111d8e250e8a4a1aec9f0e5ead02e', 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: '67ab49dd00a00e6cef3da17725de39e9aeebb793', style: { display: 'none' } }), h("div", { key: '8100b772d7b60c7e89355c431fe854fbbdcd2d93', style: { height: '60px' } })));
     }
     static get is() { return "udp-forms-list"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"udp-forms-list.js","sourceRoot":"","sources":["../../../../../src/components/forms/udp-forms/udp-forms-list/udp-forms-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Prop, Element, Watch } from '@stencil/core';\nimport { fetchLatestForms, fetchFormVersions } from './udp-form-api-utils';\nimport './udp-forms-list-card/udp-forms-list-card';\nimport { UdpFormsPageIdEnum } from '../utils/enums';\n@Component({\n tag: 'udp-forms-list',\n styleUrl: 'udp-forms-list.css',\n shadow: true,\n})\nexport class UdpFormsList {\n @Element() el: HTMLElement;\n\n @Prop() clientUrlBase: string;\n @Prop() history: any;\n @Prop() isPublicFormConfigOn: boolean = false;\n @Prop() isCreateNewFormHeaderActionConfigOn: boolean = false;\n @Prop() isFollowUpFormConfigOn: boolean = false;\n @Prop() isRendererRedirectConfigOn: boolean = false;\n @Prop() formsBuilderUrlPath: string \| undefined; // override path for form builder\n @Prop() formsRendererUrlPath: string \| undefined; // override path for form renderer\n\n @State() isSideSheetOpen = false;\n @State() mainFormsList = [];\n @State() sideSheetFormsList = [];\n\n @State() mainListPageNumber = 1;\n @State() sideSheetListPageNumber = 1;\n\n @State() mainTotalItems = 0;\n @State() sideSheetTotalItems = 0;\n\n @State() isLoading = true;\n @State() errorMessage: string = '';\n @State() sortState = { sortDirection: 'DESC', sortColumn: 'lastModifiedOn' };\n @State() searchFilters = [];\n @State() nameFilter = '';\n\n private readonly formsBuilderPageId = UdpFormsPageIdEnum.FormBuilderPageId;\n\n private readonly SIDE_SHEET_PAGE_SIZE = 5;\n private readonly MAIN_PAGE_SIZE = 5;\n\n private currentFormId: string;\n\n private readonly componentMap = {\n history: 'history',\n isSideSheetList: 'isSideSheetList',\n openSideSheet: 'openSideSheet',\n data: 'data',\n titleClick: 'titleClick',\n formsBuilderUrlPath: 'formsBuilderUrlPath',\n formsRendererUrlPath: 'formsRendererUrlPath',\n isFollowUpFormConfigOn: 'isFollowUpFormConfigOn'\n };\n\n private readonly SORT_DIRECTIONS = [\n { label: 'Asc', value: 'ASC' },\n { label: 'Desc', value: 'DESC' },\n ];\n\n private readonly SORT_COLUMNS = [\n { label: 'Last Modified', value: 'lastModifiedOn' },\n { label: 'Created On', value: 'initialCreatedOn' },\n { label: 'Name', value: 'name' },\n ];\n\n private readonly FORM_TYPES = [\n { label: 'Any', value: '0' },\n { label: 'Standard', value: '1' },\n { label: 'FollowUp', value: '2' },\n ]\n\n\n componentDidLoad() {\n return this.loadMainForms();\n }\n\n // ###################### API Helpers ######################\n private async loadMainForms() {\n this.isLoading = true;\n this.errorMessage = '';\n try {\n const response = await fetchLatestForms(this.mainListPageNumber, this.MAIN_PAGE_SIZE, this.searchFilters, this.sortState);\n\n const data = response.data;\n\n if (!data \|\| !Array.isArray(data.pageList)) {\n throw new Error('Malformed data received from server.');\n }\n\n this.mainFormsList = this.formatList(data.pageList, false);\n this.mainTotalItems = data.total ?? 0;\n } catch (err) {\n console.error('Error loading forms data:', err);\n this.errorMessage = 'Failed to load forms. Please try again.';\n } finally {\n this.isLoading = false;\n }\n }\n\n private async loadFormVersions() {\n this.isLoading = true;\n this.errorMessage = '';\n try {\n const response = await fetchFormVersions(this.currentFormId, this.sideSheetListPageNumber, this.SIDE_SHEET_PAGE_SIZE);\n\n const data = response.data;\n\n if (!data \|\| !Array.isArray(data.pageList)) {\n throw new Error('Malformed form versions data.');\n }\n\n this.sideSheetFormsList = this.formatList(data.pageList, true);\n this.sideSheetTotalItems = data.total ?? 0;\n } catch (err) {\n console.error('Error loading form versions:', err);\n this.errorMessage = 'Failed to load form versions.';\n } finally {\n this.isLoading = false;\n }\n }\n\n private formatList(data, isSideSheetList) {\n return data.map(item => ({\n data: item,\n history: this.history,\n isSideSheetList,\n openSideSheet: () => this.handleOpenSideSheet(item.id),\n formsBuilderUrlPath: this.formsBuilderUrlPath,\n formsRendererUrlPath: this.formsRendererUrlPath,\n isFollowUpFormConfigOn: this.isFollowUpFormConfigOn,\n isRendererRedirectConfigOn: this.isRendererRedirectConfigOn\n }));\n }\n\n private debouncedFormNameSearch = (() => {\n let timeout: number;\n return () => {\n clearTimeout(timeout);\n timeout = window.setTimeout(() => this.loadMainForms(), 300);\n };\n })();\n\n // ###################### Main list Handlers/helpers ######################\n private async handleMainPageChange(page: number) {\n this.mainListPageNumber = page;\n await this.loadMainForms();\n }\n\n private handleOrderFilterChange({ fieldName, value }) {\n this.sortState = { ...this.sortState, [fieldName]: value };\n }\n\n private handleFormNameSearchFilterChange(e) {\n const inputEl = e.target as HTMLInputElement;\n this.nameFilter = inputEl.value;\n\n const searchFieldName = 'name';\n const searchOperator = 'LIKE';\n const searchObject = {\n searchField: searchFieldName,\n searchOperator,\n searchValue: inputEl.value,\n };\n\n let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);\n\n if (inputEl.value.trim() !== '') {\n filtersStateCopy.push(searchObject);\n }\n\n this.searchFilters = filtersStateCopy;\n this.mainListPageNumber = 1;\n }\n\n private async handleFormTypeFilterChange(e) {\n const inputEl = e.target as HTMLInputElement;\n const filterValue = inputEl.value\n const searchFieldName = 'type'\n let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);\n\n // all forms, remove any filters for type\n if (filterValue !== '0') {\n const searchObject = {\n searchField: searchFieldName,\n searchOperator: '=',\n searchValue: filterValue,\n };\n \n filtersStateCopy.push(searchObject); \n }\n \n this.searchFilters = filtersStateCopy;\n this.mainListPageNumber = 1;\n await this.loadMainForms();\n }\n\n private handleHeaderPrimaryActionClick = () => {\n if (this.formsBuilderUrlPath) {\n this.history.push(this.formsBuilderUrlPath);\n return;\n }\n this.history.push(`/page/${this.formsBuilderPageId}`);\n };\n\n @Watch('sortState')\n async refetchMainListData(newVal: any, oldVal: any) {\n if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n this.mainListPageNumber = 1;\n await this.loadMainForms();\n }\n\n // ###################### Side Sheet list Handler/helpers ######################\n\n private async handleOpenSideSheet(formId: string) {\n this.currentFormId = formId;\n this.sideSheetListPageNumber = 1;\n this.isSideSheetOpen = true;\n await this.loadFormVersions();\n }\n\n private async handleSideSheetPageChange(page: number) {\n this.sideSheetListPageNumber = page;\n await this.loadFormVersions();\n }\n\n private handleSideSheetPrimaryAction = () => {\n // redirect to form builder with latest version\n const latestFormData = this.mainFormsList.find(form => form.data.id === this.sideSheetFormsList[0].data.id).data;\n const latestFormId = latestFormData.id;\n const formLatestVersion = latestFormData.version;\n\n if (this.formsBuilderUrlPath) {\n this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);\n this.isSideSheetOpen = false;\n return;\n }\n\n this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);\n this.isSideSheetOpen = false;\n };\n\n private handleSideSheetClose = () => {\n // reset side sheet data\n this.sideSheetFormsList = [];\n this.sideSheetListPageNumber = 1;\n this.sideSheetTotalItems = 0;\n this.isSideSheetOpen = false;\n };\n\n // ###################### RENDERER HELPERS ######################\n\n private renderFilters() {\n return (\n <div class=\"udp-form-filter-container\">\n <div class=\"search-group\">\n <text-field\n label=\"Search Name\"\n value={this.nameFilter}\n placeholder=\"Search Form Name\"\n onInput={async e => {\n this.handleFormNameSearchFilterChange(e);\n this.debouncedFormNameSearch();\n }}\n margin=\"none\"\n />\n </div>\n <div class=\"selector-group\">\n {this.isPublicFormConfigOn && (\n <udp-selector\n label=\"Form Type\"\n name=\"sortColumn\"\n options={this.FORM_TYPES}\n onChange={async (e: CustomEvent) => await this.handleFormTypeFilterChange(e)}\n initialValue={'0'}\n />\n )}\n <udp-selector\n label=\"Sort By\"\n name=\"sortColumn\"\n options={this.SORT_COLUMNS}\n onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortColumn', value: e.detail })}\n initialValue={this.sortState.sortColumn}\n />\n <udp-selector\n label=\"Sort Direction\"\n name=\"sortDirection\"\n options={this.SORT_DIRECTIONS}\n onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortDirection', value: e.detail })}\n initialValue={this.sortState.sortDirection}\n />\n </div>\n </div>\n );\n }\n\n private renderSideSheet() {\n return (\n <udp-side-sheet\n primaryButtonLabel=\"Create New Form Version\"\n title=\"Form Version History\"\n open={this.isSideSheetOpen}\n onUdpSideSheetClose={() => this.handleSideSheetClose()}\n position=\"right\"\n width=\"md\"\n onUdpPrimaryButtonClick={() => this.handleSideSheetPrimaryAction()}\n >\n {this.isLoading && this.isSideSheetOpen && <udp-linear-loader />}\n <udp-list-renderer\n itemComponent=\"udp-forms-list-card\"\n data={this.sideSheetFormsList}\n pagination\n isServerSide\n isLoading={this.isLoading}\n itemsPerPage={this.SIDE_SHEET_PAGE_SIZE}\n currentPage={this.sideSheetListPageNumber}\n totalItems={this.sideSheetTotalItems}\n onPageChange={e => this.handleSideSheetPageChange(e.detail)}\n componentDataMap={this.componentMap}\n spacing='md'\n // @ts-ignore -- custom event to close sidesheet after clicking edit action in card\n onCloseSidesheet={() => this.handleSideSheetClose()}\n />\n </udp-side-sheet>\n );\n }\n\n private renderErrorMessage() {\n return this.errorMessage ? (\n <div class=\"error-banner\">\n <unity-typography variant=\"body2\">{this.errorMessage}</unity-typography>\n </div>\n ) : null;\n }\n\n render() {\n return (\n <div class=\"udp-forms-list-container\">\n {this.isCreateNewFormHeaderActionConfigOn ? (\n <primary-action-header\n title=\"UDP Forms\"\n primaryActionClick={() => this.handleHeaderPrimaryActionClick()}\n actionButtonLabel=\"Create New Form\"\n tabs={false}\n />\n ) : (\n <primary-action-header\n title=\"UDP Forms\"\n tabs={false}\n />\n )}\n {this.isLoading && <udp-linear-loader />}\n\n {this.renderSideSheet()}\n <udp-container maxWidth=\"lg\">\n {this.renderErrorMessage()}\n {this.renderFilters()}\n {/* TODO: Add prop for disabling card-content gutter(px) and padding(py) /}\n <udp-list-renderer\n itemComponent=\"udp-forms-list-card\"\n data={this.mainFormsList}\n pagination\n isServerSide\n isLoading={this.isLoading}\n itemsPerPage={this.MAIN_PAGE_SIZE}\n currentPage={this.mainListPageNumber}\n totalItems={this.mainTotalItems}\n onPageChange={e => this.handleMainPageChange(e.detail)}\n componentDataMap={this.componentMap}\n spacing=\"md\"\n />\n </udp-container>\n {/\n This hidden instance ensures the udp-forms-list-card component is included in the build and its custom element is registered.\n It's necessary because the component is passed as a string (via itemComponent) and not directly used in JSX, which can cause it to be tree-shaken.\n /}\n <udp-forms-list-card style={{ display: 'none' }} />\n {/ TODO: Remove this once we have a proper layout unit component */}\n <div style={{ height: '60px' }} />\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"udp-forms-list.js","sourceRoot":"","sources":["../../../../../src/components/forms/udp-forms/udp-forms-list/udp-forms-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Prop, Element, Watch } from '@stencil/core';\nimport { fetchLatestForms, fetchFormVersions } from './udp-form-api-utils';\nimport './udp-forms-list-card/udp-forms-list-card';\nimport { UdpFormsPageIdEnum } from '../utils/enums';\n@Component({\n tag: 'udp-forms-list',\n styleUrl: 'udp-forms-list.css',\n shadow: true,\n})\nexport class UdpFormsList {\n @Element() el: HTMLElement;\n\n @Prop() clientUrlBase: string;\n @Prop() history: any;\n @Prop() isPublicFormConfigOn: boolean = false;\n @Prop() isCreateNewFormHeaderActionConfigOn: boolean = false;\n @Prop() isFollowUpFormConfigOn: boolean = false;\n @Prop() isRendererRedirectConfigOn: boolean = false;\n @Prop() formsBuilderUrlPath: string \| undefined; // override path for form builder\n @Prop() formsRendererUrlPath: string \| undefined; // override path for form renderer\n\n @State() isSideSheetOpen = false;\n @State() mainFormsList = [];\n @State() sideSheetFormsList = [];\n\n @State() mainListPageNumber = 1;\n @State() sideSheetListPageNumber = 1;\n\n @State() mainTotalItems = 0;\n @State() sideSheetTotalItems = 0;\n\n @State() isLoading = true;\n @State() errorMessage: string = '';\n @State() sortState = { sortDirection: 'DESC', sortColumn: 'initialCreatedOn' };\n @State() searchFilters = [];\n @State() nameFilter = '';\n\n private readonly formsBuilderPageId = UdpFormsPageIdEnum.FormBuilderPageId;\n\n private readonly SIDE_SHEET_PAGE_SIZE = 5;\n private readonly MAIN_PAGE_SIZE = 5;\n\n private currentFormId: string;\n\n private readonly componentMap = {\n history: 'history',\n isSideSheetList: 'isSideSheetList',\n openSideSheet: 'openSideSheet',\n data: 'data',\n titleClick: 'titleClick',\n formsBuilderUrlPath: 'formsBuilderUrlPath',\n formsRendererUrlPath: 'formsRendererUrlPath',\n isFollowUpFormConfigOn: 'isFollowUpFormConfigOn'\n };\n\n private readonly SORT_DIRECTIONS = [\n { label: 'Asc', value: 'ASC' },\n { label: 'Desc', value: 'DESC' },\n ];\n\n private readonly SORT_COLUMNS = [\n { label: 'Created On', value: 'initialCreatedOn' },\n { label: 'Last Modified', value: 'lastModifiedOn' },\n { label: 'Name', value: 'name' },\n ];\n\n private readonly FORM_TYPES = [\n { label: 'Any', value: '0' },\n { label: 'Standard', value: '1' },\n { label: 'FollowUp', value: '2' },\n ]\n\n\n componentDidLoad() {\n return this.loadMainForms();\n }\n\n // ###################### API Helpers ######################\n private async loadMainForms() {\n this.isLoading = true;\n this.errorMessage = '';\n try {\n const response = await fetchLatestForms(this.mainListPageNumber, this.MAIN_PAGE_SIZE, this.searchFilters, this.sortState);\n\n const data = response.data;\n\n if (!data \|\| !Array.isArray(data.pageList)) {\n throw new Error('Malformed data received from server.');\n }\n\n this.mainFormsList = this.formatList(data.pageList, false);\n this.mainTotalItems = data.total ?? 0;\n } catch (err) {\n console.error('Error loading forms data:', err);\n this.errorMessage = 'Failed to load forms. Please try again.';\n } finally {\n this.isLoading = false;\n }\n }\n\n private async loadFormVersions() {\n this.isLoading = true;\n this.errorMessage = '';\n try {\n const response = await fetchFormVersions(this.currentFormId, this.sideSheetListPageNumber, this.SIDE_SHEET_PAGE_SIZE);\n\n const data = response.data;\n\n if (!data \|\| !Array.isArray(data.pageList)) {\n throw new Error('Malformed form versions data.');\n }\n\n this.sideSheetFormsList = this.formatList(data.pageList, true);\n this.sideSheetTotalItems = data.total ?? 0;\n } catch (err) {\n console.error('Error loading form versions:', err);\n this.errorMessage = 'Failed to load form versions.';\n } finally {\n this.isLoading = false;\n }\n }\n\n private formatList(data, isSideSheetList) {\n return data.map(item => ({\n data: item,\n history: this.history,\n isSideSheetList,\n openSideSheet: () => this.handleOpenSideSheet(item.id),\n formsBuilderUrlPath: this.formsBuilderUrlPath,\n formsRendererUrlPath: this.formsRendererUrlPath,\n isFollowUpFormConfigOn: this.isFollowUpFormConfigOn,\n isRendererRedirectConfigOn: this.isRendererRedirectConfigOn\n }));\n }\n\n private debouncedFormNameSearch = (() => {\n let timeout: number;\n return () => {\n clearTimeout(timeout);\n timeout = window.setTimeout(() => this.loadMainForms(), 300);\n };\n })();\n\n // ###################### Main list Handlers/helpers ######################\n private async handleMainPageChange(page: number) {\n this.mainListPageNumber = page;\n await this.loadMainForms();\n }\n\n private handleOrderFilterChange({ fieldName, value }) {\n this.sortState = { ...this.sortState, [fieldName]: value };\n }\n\n private handleFormNameSearchFilterChange(e) {\n const inputEl = e.target as HTMLInputElement;\n this.nameFilter = inputEl.value;\n\n const searchFieldName = 'name';\n const searchOperator = 'LIKE';\n const searchObject = {\n searchField: searchFieldName,\n searchOperator,\n searchValue: inputEl.value,\n };\n\n let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);\n\n if (inputEl.value.trim() !== '') {\n filtersStateCopy.push(searchObject);\n }\n\n this.searchFilters = filtersStateCopy;\n this.mainListPageNumber = 1;\n }\n\n private async handleFormTypeFilterChange(e) {\n const inputEl = e.target as HTMLInputElement;\n const filterValue = inputEl.value\n const searchFieldName = 'type'\n let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);\n\n // all forms, remove any filters for type\n if (filterValue !== '0') {\n const searchObject = {\n searchField: searchFieldName,\n searchOperator: '=',\n searchValue: filterValue,\n };\n \n filtersStateCopy.push(searchObject); \n }\n \n this.searchFilters = filtersStateCopy;\n this.mainListPageNumber = 1;\n await this.loadMainForms();\n }\n\n private handleHeaderPrimaryActionClick = () => {\n if (this.formsBuilderUrlPath) {\n this.history.push(this.formsBuilderUrlPath);\n return;\n }\n this.history.push(`/page/${this.formsBuilderPageId}`);\n };\n\n @Watch('sortState')\n async refetchMainListData(newVal: any, oldVal: any) {\n if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n this.mainListPageNumber = 1;\n await this.loadMainForms();\n }\n\n // ###################### Side Sheet list Handler/helpers ######################\n\n private async handleOpenSideSheet(formId: string) {\n this.currentFormId = formId;\n this.sideSheetListPageNumber = 1;\n this.isSideSheetOpen = true;\n await this.loadFormVersions();\n }\n\n private async handleSideSheetPageChange(page: number) {\n this.sideSheetListPageNumber = page;\n await this.loadFormVersions();\n }\n\n private handleSideSheetPrimaryAction = () => {\n // redirect to form builder with latest version\n const latestFormData = this.mainFormsList.find(form => form.data.id === this.sideSheetFormsList[0].data.id).data;\n const latestFormId = latestFormData.id;\n const formLatestVersion = latestFormData.version;\n\n if (this.formsBuilderUrlPath) {\n this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);\n this.isSideSheetOpen = false;\n return;\n }\n\n this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);\n this.isSideSheetOpen = false;\n };\n\n private handleSideSheetClose = () => {\n // reset side sheet data\n this.sideSheetFormsList = [];\n this.sideSheetListPageNumber = 1;\n this.sideSheetTotalItems = 0;\n this.isSideSheetOpen = false;\n };\n\n // ###################### RENDERER HELPERS ######################\n\n private renderFilters() {\n return (\n <div class=\"udp-form-filter-container\">\n <div class=\"search-group\">\n <text-field\n label=\"Search Name\"\n value={this.nameFilter}\n placeholder=\"Search Form Name\"\n onInput={async e => {\n this.handleFormNameSearchFilterChange(e);\n this.debouncedFormNameSearch();\n }}\n margin=\"none\"\n />\n </div>\n <div class=\"selector-group\">\n {this.isPublicFormConfigOn && (\n <udp-selector\n label=\"Form Type\"\n name=\"sortColumn\"\n options={this.FORM_TYPES}\n onChange={async (e: CustomEvent) => await this.handleFormTypeFilterChange(e)}\n initialValue={'0'}\n />\n )}\n <udp-selector\n label=\"Sort By\"\n name=\"sortColumn\"\n options={this.SORT_COLUMNS}\n onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortColumn', value: e.detail })}\n initialValue={this.sortState.sortColumn}\n />\n <udp-selector\n label=\"Sort Direction\"\n name=\"sortDirection\"\n options={this.SORT_DIRECTIONS}\n onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortDirection', value: e.detail })}\n initialValue={this.sortState.sortDirection}\n />\n </div>\n </div>\n );\n }\n\n private renderSideSheet() {\n return (\n <udp-side-sheet\n primaryButtonLabel=\"Create New Form Version\"\n title=\"Form Version History\"\n open={this.isSideSheetOpen}\n onUdpSideSheetClose={() => this.handleSideSheetClose()}\n position=\"right\"\n width=\"md\"\n onUdpPrimaryButtonClick={() => this.handleSideSheetPrimaryAction()}\n >\n {this.isLoading && this.isSideSheetOpen && <udp-linear-loader />}\n <udp-list-renderer\n itemComponent=\"udp-forms-list-card\"\n data={this.sideSheetFormsList}\n pagination\n isServerSide\n isLoading={this.isLoading}\n itemsPerPage={this.SIDE_SHEET_PAGE_SIZE}\n currentPage={this.sideSheetListPageNumber}\n totalItems={this.sideSheetTotalItems}\n onPageChange={e => this.handleSideSheetPageChange(e.detail)}\n componentDataMap={this.componentMap}\n spacing='md'\n // @ts-ignore -- custom event to close sidesheet after clicking edit action in card\n onCloseSidesheet={() => this.handleSideSheetClose()}\n />\n </udp-side-sheet>\n );\n }\n\n private renderErrorMessage() {\n return this.errorMessage ? (\n <div class=\"error-banner\">\n <unity-typography variant=\"body2\">{this.errorMessage}</unity-typography>\n </div>\n ) : null;\n }\n\n render() {\n return (\n <div class=\"udp-forms-list-container\">\n {this.isCreateNewFormHeaderActionConfigOn ? (\n <primary-action-header\n title=\"UDP Forms\"\n primaryActionClick={() => this.handleHeaderPrimaryActionClick()}\n actionButtonLabel=\"Create New Form\"\n tabs={false}\n />\n ) : (\n <primary-action-header\n title=\"UDP Forms\"\n tabs={false}\n />\n )}\n {this.isLoading && <udp-linear-loader />}\n\n {this.renderSideSheet()}\n <udp-container maxWidth=\"lg\">\n {this.renderErrorMessage()}\n {this.renderFilters()}\n {/* TODO: Add prop for disabling card-content gutter(px) and padding(py) /}\n <udp-list-renderer\n itemComponent=\"udp-forms-list-card\"\n data={this.mainFormsList}\n pagination\n isServerSide\n isLoading={this.isLoading}\n itemsPerPage={this.MAIN_PAGE_SIZE}\n currentPage={this.mainListPageNumber}\n totalItems={this.mainTotalItems}\n onPageChange={e => this.handleMainPageChange(e.detail)}\n componentDataMap={this.componentMap}\n spacing=\"md\"\n />\n </udp-container>\n {/\n This hidden instance ensures the udp-forms-list-card component is included in the build and its custom element is registered.\n It's necessary because the component is passed as a string (via itemComponent) and not directly used in JSX, which can cause it to be tree-shaken.\n /}\n <udp-forms-list-card style={{ display: 'none' }} />\n {/ TODO: Remove this once we have a proper layout unit component */}\n <div style={{ height: '60px' }} />\n </div>\n );\n }\n}\n"]}

package/dist/components/udp-dialog2.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
 import { d as defineCustomElement$2 } from './udp-button2.js';
 import { d as defineCustomElement$1 } from './unity-typography2.js';
-const udpDialogCss = ":host{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5)}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}";
+const udpDialogCss = ":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;overflow:visible;transition-delay:0s}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}";
 const UdpDialog = /*@__PURE__*/ proxyCustomElement(class UdpDialog extends H {
     constructor(registerHost) {

package/dist/components/udp-dialog2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"udp-dialog2.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,~~uvBAAuvB~~;;MCO/vB,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAS2B,QAAA,IAAA,CAAA,IAAI,GAAY,KAAK,CAAC;AAUvC,QAAA,IAAO,CAAA,OAAA,GAAW,cAAc;AAChC,QAAA,IAAa,CAAA,aAAA,GAAW,oBAAoB;AAC5C,QAAA,IAAe,CAAA,eAAA,GAAY,KAAK;AAChC,QAAA,IAAe,CAAA,eAAA,GAAY,KAAK;AAChC,QAAA,IAAiB,CAAA,iBAAA,GAAY,IAAI;AAMjC,QAAA,IAAoB,CAAA,oBAAA,GAAW,EAAE;AAqBjC,QAAA,IAAmB,CAAA,mBAAA,GAAG,MAAK;AACjC,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,EAAE;gBAC7D,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;AAE1C,SAAC;AASO,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,KAAoB,KAAI;YAC/C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE;gBAC9C,IAAI,CAAC,WAAW,EAAE;;AAEtB,SAAC;AAEO,QAAA,IAAkB,CAAA,kBAAA,GAAG,MAAK;AAChC,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,WAAW,EAAE;;AAEtB,SAAC;AAqCF;AA9EC,IAAA,gBAAgB,CAAC,MAAe,EAAA;QAC9B,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;YACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;YACtC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;YAExD,qBAAqB,CAAC,MAAK;gBACzB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;AACzC,aAAC,CAAC;;aACG;YACL,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;YAC1C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,oBAAoB;YACxD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;AAC3D,YAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;;;IAU3F,oBAAoB,GAAA;QAClB,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;YAC7C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,oBAAoB;;QAE1D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;;IAe7D,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAA,EACpC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EAAA,iBAAA,EACA,IAAI,CAAC,OAAO,EAAA,kBAAA,EACX,IAAI,CAAC,aAAa,EACpC,OAAO,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,EAAA,EAE3C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,IAAI,CAAC,OAAO,EAAA,EACxC,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,IAAI,EAAA,EAAE,IAAI,CAAC,KAAK,CAAoB,CAC1D,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa,EAAA,EAC/C,IAAI,CAAC,OAAO,IAAI,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,MAAM,EAAE,EAAA,IAAI,CAAC,OAAO,CAAoB,EACnF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,CAAC,IAAI,CAAC,eAAe,KACpB,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAG,EAAA,IAAI,CAAC,QAAQ,CAAc,CACpH,EACA,CAAC,IAAI,CAAC,iBAAiB,KACtB,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAG,EAAA,IAAI,CAAC,UAAU,CAAc,CAC1H,EACA,CAAC,IAAI,CAAC,eAAe,KACpB,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,OAAO,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,QAAQ,CAAc,CACnJ,CACG,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/dialogs/udp-dialog.css?tag=udp-dialog&encapsulation=shadow","src/components/dialogs/udp-dialog.tsx"],"sourcesContent":[":host {\n /* Initial state before being opened /\n position: fixed;\n top: 0;\n left: 0;\n width: ~~100%;\~~n height: ~~100%;\~~n z-index: 100000;\n display: flex;\n align-items: center;\n justify-content: center;\n\n / Animation properties - UPDATED FOR FADE /\n visibility: hidden;\n background-color: rgba(0, 0, 0, 0);\n transition: background-color 0.2s ease-out; / Smoother background fade /\n}\n\n:host(.is-visible) {\n / Visible state for the overlay /\n visibility: visible;\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.dialog-container {\n background-color: #fff;\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);\n max-width: 90vw;\n width: 500px;\n max-height: 90vh;\n display: flex;\n flex-direction: column;\n\n / Animation properties - UPDATED FOR FADE /\n opacity: 0;\n transition: opacity 0.2s ease-out;\n}\n\n:host(.is-visible) .dialog-container {\n / Visible state for the dialog box */\n opacity: 1;\n}\n\n.dialog-title {\n padding: 16px;\n flex-shrink: 0;\n}\n\n.dialog-content {\n padding: 0 16px;\n overflow-y: auto;\n}\n\n.dialog-actions {\n padding: 16px;\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n flex-shrink: 0;\n}\n","import { Component, Prop, h, Host, Element, Watch } from '@stencil/core';\n\n@Component({\n tag: 'udp-dialog',\n styleUrl: 'udp-dialog.css',\n shadow: true,\n})\nexport class UdpDialog {\n @Element() hostEl!: HTMLElement;\n\n // --- Original Prop Names & Controlled Pattern ---\n @Prop({ reflect: true }) open: boolean = false; // No longer mutable\n @Prop() handleClose: Function; // Using the function prop again\n @Prop() title: string;\n @Prop() message: string;\n @Prop() actionOne: () => void;\n @Prop() actionTwo: () => void;\n @Prop() actionThree: () => void;\n @Prop() labelOne: string;\n @Prop() labelTwo: string;\n @Prop() labelThree: string;\n @Prop() titleId: string = 'dialog-title';\n @Prop() descriptionId: string = 'dialog-description';\n @Prop() buttonOneHidden: boolean = false;\n @Prop() buttonTwoHidden: boolean = false;\n @Prop() buttonThreeHidden: boolean = true;\n @Prop() disableOne: boolean;\n @Prop() disableTwo: boolean;\n @Prop() disableThree: boolean;\n @Prop() progress: number;\n\n private originalBodyOverflow: string = '';\n\n @Watch('open')\n handleOpenChange(isOpen: boolean) {\n if (isOpen) {\n this.originalBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n document.body.appendChild(this.hostEl);\n document.addEventListener('keydown', this.handleKeyDown);\n\n requestAnimationFrame(() => {\n this.hostEl.classList.add('is-visible');\n });\n } else {\n this.hostEl.classList.remove('is-visible');\n document.body.style.overflow = this.originalBodyOverflow;\n document.removeEventListener('keydown', this.handleKeyDown);\n this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n }\n }\n\n private handleTransitionEnd = () => {\n if (!this.open && this.hostEl.parentElement === document.body) {\n document.body.removeChild(this.hostEl);\n }\n };\n\n disconnectedCallback() {\n if (document.body.style.overflow === 'hidden') {\n document.body.style.overflow = this.originalBodyOverflow;\n }\n document.removeEventListener('keydown', this.handleKeyDown);\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && this.handleClose) {\n this.handleClose();\n }\n };\n\n private handleOverlayClick = () => {\n if (this.handleClose) {\n this.handleClose();\n }\n };\n\n render() {\n return (\n <Host onClick={this.handleOverlayClick}>\n <div\n class=\"dialog-container\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={this.titleId}\n aria-describedby={this.descriptionId}\n onClick={(event) => event.stopPropagation()}\n >\n <div class=\"dialog-title\" id={this.titleId}>\n <unity-typography variant=\"h3\">{this.title}</unity-typography>\n </div>\n\n <div class=\"dialog-content\" id={this.descriptionId}>\n {this.message && <unity-typography variant=\"body\">{this.message}</unity-typography>}\n <slot />\n </div>\n\n <div class=\"dialog-actions\">\n {!this.buttonTwoHidden && (\n <udp-button variant='text' disabled={this.disableTwo} onClick={() => this.actionTwo()}>{this.labelTwo}</udp-button>\n )}\n {!this.buttonThreeHidden && (\n <udp-button variant='text' disabled={this.disableThree} onClick={() => this.actionThree()}>{this.labelThree}</udp-button>\n )}\n {!this.buttonOneHidden && (\n <udp-button variant='contained' disabled={this.disableOne} onClick={() => this.actionOne()} loading={!!this.progress}>{this.labelOne}</udp-button>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"udp-dialog2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/dialogs/udp-dialog.css?tag=udp-dialog&encapsulation=shadow","src/components/dialogs/udp-dialog.tsx"],"sourcesContent":[":host {\n /* Initial state before being opened /\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: hidden;\n / CRITICAL: transform creates a containing block, forcing fixed children to respect overflow: hidden /\n transform: translate(0);\n z-index: 100000;\n display: flex;\n align-items: center;\n justify-content: center;\n\n / Animation properties - UPDATED FOR FADE /\n visibility: hidden;\n background-color: rgba(0, 0, 0, 0);\n transition: background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;\n / Smoother background fade /\n}\n\n:host(.is-visible) {\n / Visible state for the overlay /\n visibility: visible;\n background-color: rgba(0, 0, 0, 0.5);\n width: 100%;\n height: 100%;\n overflow: visible;\n transition-delay: 0s;\n}\n\n.dialog-container {\n background-color: #fff;\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);\n max-width: 90vw;\n width: 500px;\n max-height: 90vh;\n display: flex;\n flex-direction: column;\n\n / Animation properties - UPDATED FOR FADE /\n opacity: 0;\n transition: opacity 0.2s ease-out;\n}\n\n:host(.is-visible) .dialog-container {\n / Visible state for the dialog box */\n opacity: 1;\n}\n\n.dialog-title {\n padding: 16px;\n flex-shrink: 0;\n}\n\n.dialog-content {\n padding: 0 16px;\n overflow-y: auto;\n}\n\n.dialog-actions {\n padding: 16px;\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n flex-shrink: 0;\n}\n","import { Component, Prop, h, Host, Element, Watch } from '@stencil/core';\n\n@Component({\n tag: 'udp-dialog',\n styleUrl: 'udp-dialog.css',\n shadow: true,\n})\nexport class UdpDialog {\n @Element() hostEl!: HTMLElement;\n\n // --- Original Prop Names & Controlled Pattern ---\n @Prop({ reflect: true }) open: boolean = false; // No longer mutable\n @Prop() handleClose: Function; // Using the function prop again\n @Prop() title: string;\n @Prop() message: string;\n @Prop() actionOne: () => void;\n @Prop() actionTwo: () => void;\n @Prop() actionThree: () => void;\n @Prop() labelOne: string;\n @Prop() labelTwo: string;\n @Prop() labelThree: string;\n @Prop() titleId: string = 'dialog-title';\n @Prop() descriptionId: string = 'dialog-description';\n @Prop() buttonOneHidden: boolean = false;\n @Prop() buttonTwoHidden: boolean = false;\n @Prop() buttonThreeHidden: boolean = true;\n @Prop() disableOne: boolean;\n @Prop() disableTwo: boolean;\n @Prop() disableThree: boolean;\n @Prop() progress: number;\n\n private originalBodyOverflow: string = '';\n\n @Watch('open')\n handleOpenChange(isOpen: boolean) {\n if (isOpen) {\n this.originalBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n document.body.appendChild(this.hostEl);\n document.addEventListener('keydown', this.handleKeyDown);\n\n requestAnimationFrame(() => {\n this.hostEl.classList.add('is-visible');\n });\n } else {\n this.hostEl.classList.remove('is-visible');\n document.body.style.overflow = this.originalBodyOverflow;\n document.removeEventListener('keydown', this.handleKeyDown);\n this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n }\n }\n\n private handleTransitionEnd = () => {\n if (!this.open && this.hostEl.parentElement === document.body) {\n document.body.removeChild(this.hostEl);\n }\n };\n\n disconnectedCallback() {\n if (document.body.style.overflow === 'hidden') {\n document.body.style.overflow = this.originalBodyOverflow;\n }\n document.removeEventListener('keydown', this.handleKeyDown);\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && this.handleClose) {\n this.handleClose();\n }\n };\n\n private handleOverlayClick = () => {\n if (this.handleClose) {\n this.handleClose();\n }\n };\n\n render() {\n return (\n <Host onClick={this.handleOverlayClick}>\n <div\n class=\"dialog-container\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={this.titleId}\n aria-describedby={this.descriptionId}\n onClick={(event) => event.stopPropagation()}\n >\n <div class=\"dialog-title\" id={this.titleId}>\n <unity-typography variant=\"h3\">{this.title}</unity-typography>\n </div>\n\n <div class=\"dialog-content\" id={this.descriptionId}>\n {this.message && <unity-typography variant=\"body\">{this.message}</unity-typography>}\n <slot />\n </div>\n\n <div class=\"dialog-actions\">\n {!this.buttonTwoHidden && (\n <udp-button variant='text' disabled={this.disableTwo} onClick={() => this.actionTwo()}>{this.labelTwo}</udp-button>\n )}\n {!this.buttonThreeHidden && (\n <udp-button variant='text' disabled={this.disableThree} onClick={() => this.actionThree()}>{this.labelThree}</udp-button>\n )}\n {!this.buttonOneHidden && (\n <udp-button variant='contained' disabled={this.disableOne} onClick={() => this.actionOne()} loading={!!this.progress}>{this.labelOne}</udp-button>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-forms-list.js CHANGED Viewed

@@ -49,7 +49,7 @@ const UdpFormsList$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsList exten
         this.sideSheetTotalItems = 0;
         this.isLoading = true;
         this.errorMessage = '';
-        this.sortState = { sortDirection: 'DESC', sortColumn: 'lastModifiedOn' };
+        this.sortState = { sortDirection: 'DESC', sortColumn: 'initialCreatedOn' };
         this.searchFilters = [];
         this.nameFilter = '';
         this.formsBuilderPageId = UdpFormsPageIdEnum.FormBuilderPageId;
@@ -70,8 +70,8 @@ const UdpFormsList$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsList exten
             { label: 'Desc', value: 'DESC' },
         ];
         this.SORT_COLUMNS = [
-            { label: 'Last Modified', value: 'lastModifiedOn' },
             { label: 'Created On', value: 'initialCreatedOn' },
+            { label: 'Last Modified', value: 'lastModifiedOn' },
             { label: 'Name', value: 'name' },
         ];
         this.FORM_TYPES = [
@@ -248,7 +248,7 @@ const UdpFormsList$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsList exten
         return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
     }
     render() {
-        return (h("div", { key: 'e73a567c697644cb26d5ea3eb12c40347917ea74', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '65c7818ef8ec9adce0855bccf674d7d1d59d15c1' }), this.renderSideSheet(), h("udp-container", { key: '5d57f227d1743af987227e1f9af4c4a326b988d9', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '974973524dbc459391bd38a323cbec764c1af5e0', 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: '887d870d0cec70391e04ce9739a3af4ee5404fce', style: { display: 'none' } }), h("div", { key: 'c3e09b6ecdf501ec37d31a91dc7de007efb95e3e', style: { height: '60px' } })));
+        return (h("div", { key: '39572c59a7175e47a64cc2b08d54254d9d259802', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '29242ff6dcad53e0538800d1d8b6739627e0db5d' }), this.renderSideSheet(), h("udp-container", { key: '68d169eeb25108026bc8b0038bd6fe2b88e0d086', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '5d16bd62ec3111d8e250e8a4a1aec9f0e5ead02e', 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: '67ab49dd00a00e6cef3da17725de39e9aeebb793', style: { display: 'none' } }), h("div", { key: '8100b772d7b60c7e89355c431fe854fbbdcd2d93', style: { height: '60px' } })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-forms-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"udp-forms-list.js","mappings":"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","names":["UdpFormsList","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/udp-forms/udp-forms-list/udp-forms-list.css?tag=udp-forms-list&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-list/udp-forms-list.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n\n.udp-form-filter-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: var(--spacing-05);\n flex-wrap: nowrap;\n padding: var(--spacing-05) 0;\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.selector-group,\n.search-group {\n display: flex;\n gap: 0.75rem;\n align-items: flex-end;\n}\n\n.selector-group {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 500px;\n}\n\n/* \n.selector-group udp-selector,\n.search-group text-field,\n.search-group stencil-icon-button,\n.search-group udp-button {\n flex: 0 1 auto;\n} /","import { Component, h, State, Prop, Element, Watch } from '@stencil/core';\nimport { fetchLatestForms, fetchFormVersions } from './udp-form-api-utils';\nimport './udp-forms-list-card/udp-forms-list-card';\nimport { UdpFormsPageIdEnum } from '../utils/enums';\n@Component({\n tag: 'udp-forms-list',\n styleUrl: 'udp-forms-list.css',\n shadow: true,\n})\nexport class UdpFormsList {\n @Element() el: HTMLElement;\n\n @Prop() clientUrlBase: string;\n @Prop() history: any;\n @Prop() isPublicFormConfigOn: boolean = false;\n @Prop() isCreateNewFormHeaderActionConfigOn: boolean = false;\n @Prop() isFollowUpFormConfigOn: boolean = false;\n @Prop() isRendererRedirectConfigOn: boolean = false;\n @Prop() formsBuilderUrlPath: string \| undefined; // override path for form builder\n @Prop() formsRendererUrlPath: string \| undefined; // override path for form renderer\n\n @State() isSideSheetOpen = false;\n @State() mainFormsList = [];\n @State() sideSheetFormsList = [];\n\n @State() mainListPageNumber = 1;\n @State() sideSheetListPageNumber = 1;\n\n @State() mainTotalItems = 0;\n @State() sideSheetTotalItems = 0;\n\n @State() isLoading = true;\n @State() errorMessage: string = '';\n @State() sortState = { sortDirection: 'DESC', sortColumn: 'lastModifiedOn' };\n @State() searchFilters = [];\n @State() nameFilter = '';\n\n private readonly formsBuilderPageId = UdpFormsPageIdEnum.FormBuilderPageId;\n\n private readonly SIDE_SHEET_PAGE_SIZE = 5;\n private readonly MAIN_PAGE_SIZE = 5;\n\n private currentFormId: string;\n\n private readonly componentMap = {\n history: 'history',\n isSideSheetList: 'isSideSheetList',\n openSideSheet: 'openSideSheet',\n data: 'data',\n titleClick: 'titleClick',\n formsBuilderUrlPath: 'formsBuilderUrlPath',\n formsRendererUrlPath: 'formsRendererUrlPath',\n isFollowUpFormConfigOn: 'isFollowUpFormConfigOn'\n };\n\n private readonly SORT_DIRECTIONS = [\n { label: 'Asc', value: 'ASC' },\n { label: 'Desc', value: 'DESC' },\n ];\n\n private readonly SORT_COLUMNS = [\n { label: 'Last Modified', value: 'lastModifiedOn' },\n { label: 'Created On', value: 'initialCreatedOn' },\n { label: 'Name', value: 'name' },\n ];\n\n private readonly FORM_TYPES = [\n { label: 'Any', value: '0' },\n { label: 'Standard', value: '1' },\n { label: 'FollowUp', value: '2' },\n ]\n\n\n componentDidLoad() {\n return this.loadMainForms();\n }\n\n // ###################### API Helpers ######################\n private async loadMainForms() {\n this.isLoading = true;\n this.errorMessage = '';\n try {\n const response = await fetchLatestForms(this.mainListPageNumber, this.MAIN_PAGE_SIZE, this.searchFilters, this.sortState);\n\n const data = response.data;\n\n if (!data \|\| !Array.isArray(data.pageList)) {\n throw new Error('Malformed data received from server.');\n }\n\n this.mainFormsList = this.formatList(data.pageList, false);\n this.mainTotalItems = data.total ?? 0;\n } catch (err) {\n console.error('Error loading forms data:', err);\n this.errorMessage = 'Failed to load forms. Please try again.';\n } finally {\n this.isLoading = false;\n }\n }\n\n private async loadFormVersions() {\n this.isLoading = true;\n this.errorMessage = '';\n try {\n const response = await fetchFormVersions(this.currentFormId, this.sideSheetListPageNumber, this.SIDE_SHEET_PAGE_SIZE);\n\n const data = response.data;\n\n if (!data \|\| !Array.isArray(data.pageList)) {\n throw new Error('Malformed form versions data.');\n }\n\n this.sideSheetFormsList = this.formatList(data.pageList, true);\n this.sideSheetTotalItems = data.total ?? 0;\n } catch (err) {\n console.error('Error loading form versions:', err);\n this.errorMessage = 'Failed to load form versions.';\n } finally {\n this.isLoading = false;\n }\n }\n\n private formatList(data, isSideSheetList) {\n return data.map(item => ({\n data: item,\n history: this.history,\n isSideSheetList,\n openSideSheet: () => this.handleOpenSideSheet(item.id),\n formsBuilderUrlPath: this.formsBuilderUrlPath,\n formsRendererUrlPath: this.formsRendererUrlPath,\n isFollowUpFormConfigOn: this.isFollowUpFormConfigOn,\n isRendererRedirectConfigOn: this.isRendererRedirectConfigOn\n }));\n }\n\n private debouncedFormNameSearch = (() => {\n let timeout: number;\n return () => {\n clearTimeout(timeout);\n timeout = window.setTimeout(() => this.loadMainForms(), 300);\n };\n })();\n\n // ###################### Main list Handlers/helpers ######################\n private async handleMainPageChange(page: number) {\n this.mainListPageNumber = page;\n await this.loadMainForms();\n }\n\n private handleOrderFilterChange({ fieldName, value }) {\n this.sortState = { ...this.sortState, [fieldName]: value };\n }\n\n private handleFormNameSearchFilterChange(e) {\n const inputEl = e.target as HTMLInputElement;\n this.nameFilter = inputEl.value;\n\n const searchFieldName = 'name';\n const searchOperator = 'LIKE';\n const searchObject = {\n searchField: searchFieldName,\n searchOperator,\n searchValue: inputEl.value,\n };\n\n let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);\n\n if (inputEl.value.trim() !== '') {\n filtersStateCopy.push(searchObject);\n }\n\n this.searchFilters = filtersStateCopy;\n this.mainListPageNumber = 1;\n }\n\n private async handleFormTypeFilterChange(e) {\n const inputEl = e.target as HTMLInputElement;\n const filterValue = inputEl.value\n const searchFieldName = 'type'\n let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);\n\n // all forms, remove any filters for type\n if (filterValue !== '0') {\n const searchObject = {\n searchField: searchFieldName,\n searchOperator: '=',\n searchValue: filterValue,\n };\n \n filtersStateCopy.push(searchObject); \n }\n \n this.searchFilters = filtersStateCopy;\n this.mainListPageNumber = 1;\n await this.loadMainForms();\n }\n\n private handleHeaderPrimaryActionClick = () => {\n if (this.formsBuilderUrlPath) {\n this.history.push(this.formsBuilderUrlPath);\n return;\n }\n this.history.push(`/page/${this.formsBuilderPageId}`);\n };\n\n @Watch('sortState')\n async refetchMainListData(newVal: any, oldVal: any) {\n if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n this.mainListPageNumber = 1;\n await this.loadMainForms();\n }\n\n // ###################### Side Sheet list Handler/helpers ######################\n\n private async handleOpenSideSheet(formId: string) {\n this.currentFormId = formId;\n this.sideSheetListPageNumber = 1;\n this.isSideSheetOpen = true;\n await this.loadFormVersions();\n }\n\n private async handleSideSheetPageChange(page: number) {\n this.sideSheetListPageNumber = page;\n await this.loadFormVersions();\n }\n\n private handleSideSheetPrimaryAction = () => {\n // redirect to form builder with latest version\n const latestFormData = this.mainFormsList.find(form => form.data.id === this.sideSheetFormsList[0].data.id).data;\n const latestFormId = latestFormData.id;\n const formLatestVersion = latestFormData.version;\n\n if (this.formsBuilderUrlPath) {\n this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);\n this.isSideSheetOpen = false;\n return;\n }\n\n this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);\n this.isSideSheetOpen = false;\n };\n\n private handleSideSheetClose = () => {\n // reset side sheet data\n this.sideSheetFormsList = [];\n this.sideSheetListPageNumber = 1;\n this.sideSheetTotalItems = 0;\n this.isSideSheetOpen = false;\n };\n\n // ###################### RENDERER HELPERS ######################\n\n private renderFilters() {\n return (\n <div class=\"udp-form-filter-container\">\n <div class=\"search-group\">\n <text-field\n label=\"Search Name\"\n value={this.nameFilter}\n placeholder=\"Search Form Name\"\n onInput={async e => {\n this.handleFormNameSearchFilterChange(e);\n this.debouncedFormNameSearch();\n }}\n margin=\"none\"\n />\n </div>\n <div class=\"selector-group\">\n {this.isPublicFormConfigOn && (\n <udp-selector\n label=\"Form Type\"\n name=\"sortColumn\"\n options={this.FORM_TYPES}\n onChange={async (e: CustomEvent) => await this.handleFormTypeFilterChange(e)}\n initialValue={'0'}\n />\n )}\n <udp-selector\n label=\"Sort By\"\n name=\"sortColumn\"\n options={this.SORT_COLUMNS}\n onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortColumn', value: e.detail })}\n initialValue={this.sortState.sortColumn}\n />\n <udp-selector\n label=\"Sort Direction\"\n name=\"sortDirection\"\n options={this.SORT_DIRECTIONS}\n onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortDirection', value: e.detail })}\n initialValue={this.sortState.sortDirection}\n />\n </div>\n </div>\n );\n }\n\n private renderSideSheet() {\n return (\n <udp-side-sheet\n primaryButtonLabel=\"Create New Form Version\"\n title=\"Form Version History\"\n open={this.isSideSheetOpen}\n onUdpSideSheetClose={() => this.handleSideSheetClose()}\n position=\"right\"\n width=\"md\"\n onUdpPrimaryButtonClick={() => this.handleSideSheetPrimaryAction()}\n >\n {this.isLoading && this.isSideSheetOpen && <udp-linear-loader />}\n <udp-list-renderer\n itemComponent=\"udp-forms-list-card\"\n data={this.sideSheetFormsList}\n pagination\n isServerSide\n isLoading={this.isLoading}\n itemsPerPage={this.SIDE_SHEET_PAGE_SIZE}\n currentPage={this.sideSheetListPageNumber}\n totalItems={this.sideSheetTotalItems}\n onPageChange={e => this.handleSideSheetPageChange(e.detail)}\n componentDataMap={this.componentMap}\n spacing='md'\n // @ts-ignore -- custom event to close sidesheet after clicking edit action in card\n onCloseSidesheet={() => this.handleSideSheetClose()}\n />\n </udp-side-sheet>\n );\n }\n\n private renderErrorMessage() {\n return this.errorMessage ? (\n <div class=\"error-banner\">\n <unity-typography variant=\"body2\">{this.errorMessage}</unity-typography>\n </div>\n ) : null;\n }\n\n render() {\n return (\n <div class=\"udp-forms-list-container\">\n {this.isCreateNewFormHeaderActionConfigOn ? (\n <primary-action-header\n title=\"UDP Forms\"\n primaryActionClick={() => this.handleHeaderPrimaryActionClick()}\n actionButtonLabel=\"Create New Form\"\n tabs={false}\n />\n ) : (\n <primary-action-header\n title=\"UDP Forms\"\n tabs={false}\n />\n )}\n {this.isLoading && <udp-linear-loader />}\n\n {this.renderSideSheet()}\n <udp-container maxWidth=\"lg\">\n {this.renderErrorMessage()}\n {this.renderFilters()}\n {/ TODO: Add prop for disabling card-content gutter(px) and padding(py) /}\n <udp-list-renderer\n itemComponent=\"udp-forms-list-card\"\n data={this.mainFormsList}\n pagination\n isServerSide\n isLoading={this.isLoading}\n itemsPerPage={this.MAIN_PAGE_SIZE}\n currentPage={this.mainListPageNumber}\n totalItems={this.mainTotalItems}\n onPageChange={e => this.handleMainPageChange(e.detail)}\n componentDataMap={this.componentMap}\n spacing=\"md\"\n />\n </udp-container>\n {/\n This hidden instance ensures the udp-forms-list-card component is included in the build and its custom element is registered.\n It's necessary because the component is passed as a string (via itemComponent) and not directly used in JSX, which can cause it to be tree-shaken.\n /}\n <udp-forms-list-card style={{ display: 'none' }} />\n {/ TODO: Remove this once we have a proper layout unit component */}\n <div style={{ height: '60px' }} />\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"udp-forms-list.js","mappings":"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","names":["UdpFormsList","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/udp-forms/udp-forms-list/udp-forms-list.css?tag=udp-forms-list&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-list/udp-forms-list.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n\n.udp-form-filter-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: var(--spacing-05);\n flex-wrap: nowrap;\n padding: var(--spacing-05) 0;\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.selector-group,\n.search-group {\n display: flex;\n gap: 0.75rem;\n align-items: flex-end;\n}\n\n.selector-group {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 500px;\n}\n\n/* \n.selector-group udp-selector,\n.search-group text-field,\n.search-group stencil-icon-button,\n.search-group udp-button {\n flex: 0 1 auto;\n} /","import { Component, h, State, Prop, Element, Watch } from '@stencil/core';\nimport { fetchLatestForms, fetchFormVersions } from './udp-form-api-utils';\nimport './udp-forms-list-card/udp-forms-list-card';\nimport { UdpFormsPageIdEnum } from '../utils/enums';\n@Component({\n tag: 'udp-forms-list',\n styleUrl: 'udp-forms-list.css',\n shadow: true,\n})\nexport class UdpFormsList {\n @Element() el: HTMLElement;\n\n @Prop() clientUrlBase: string;\n @Prop() history: any;\n @Prop() isPublicFormConfigOn: boolean = false;\n @Prop() isCreateNewFormHeaderActionConfigOn: boolean = false;\n @Prop() isFollowUpFormConfigOn: boolean = false;\n @Prop() isRendererRedirectConfigOn: boolean = false;\n @Prop() formsBuilderUrlPath: string \| undefined; // override path for form builder\n @Prop() formsRendererUrlPath: string \| undefined; // override path for form renderer\n\n @State() isSideSheetOpen = false;\n @State() mainFormsList = [];\n @State() sideSheetFormsList = [];\n\n @State() mainListPageNumber = 1;\n @State() sideSheetListPageNumber = 1;\n\n @State() mainTotalItems = 0;\n @State() sideSheetTotalItems = 0;\n\n @State() isLoading = true;\n @State() errorMessage: string = '';\n @State() sortState = { sortDirection: 'DESC', sortColumn: 'initialCreatedOn' };\n @State() searchFilters = [];\n @State() nameFilter = '';\n\n private readonly formsBuilderPageId = UdpFormsPageIdEnum.FormBuilderPageId;\n\n private readonly SIDE_SHEET_PAGE_SIZE = 5;\n private readonly MAIN_PAGE_SIZE = 5;\n\n private currentFormId: string;\n\n private readonly componentMap = {\n history: 'history',\n isSideSheetList: 'isSideSheetList',\n openSideSheet: 'openSideSheet',\n data: 'data',\n titleClick: 'titleClick',\n formsBuilderUrlPath: 'formsBuilderUrlPath',\n formsRendererUrlPath: 'formsRendererUrlPath',\n isFollowUpFormConfigOn: 'isFollowUpFormConfigOn'\n };\n\n private readonly SORT_DIRECTIONS = [\n { label: 'Asc', value: 'ASC' },\n { label: 'Desc', value: 'DESC' },\n ];\n\n private readonly SORT_COLUMNS = [\n { label: 'Created On', value: 'initialCreatedOn' },\n { label: 'Last Modified', value: 'lastModifiedOn' },\n { label: 'Name', value: 'name' },\n ];\n\n private readonly FORM_TYPES = [\n { label: 'Any', value: '0' },\n { label: 'Standard', value: '1' },\n { label: 'FollowUp', value: '2' },\n ]\n\n\n componentDidLoad() {\n return this.loadMainForms();\n }\n\n // ###################### API Helpers ######################\n private async loadMainForms() {\n this.isLoading = true;\n this.errorMessage = '';\n try {\n const response = await fetchLatestForms(this.mainListPageNumber, this.MAIN_PAGE_SIZE, this.searchFilters, this.sortState);\n\n const data = response.data;\n\n if (!data \|\| !Array.isArray(data.pageList)) {\n throw new Error('Malformed data received from server.');\n }\n\n this.mainFormsList = this.formatList(data.pageList, false);\n this.mainTotalItems = data.total ?? 0;\n } catch (err) {\n console.error('Error loading forms data:', err);\n this.errorMessage = 'Failed to load forms. Please try again.';\n } finally {\n this.isLoading = false;\n }\n }\n\n private async loadFormVersions() {\n this.isLoading = true;\n this.errorMessage = '';\n try {\n const response = await fetchFormVersions(this.currentFormId, this.sideSheetListPageNumber, this.SIDE_SHEET_PAGE_SIZE);\n\n const data = response.data;\n\n if (!data \|\| !Array.isArray(data.pageList)) {\n throw new Error('Malformed form versions data.');\n }\n\n this.sideSheetFormsList = this.formatList(data.pageList, true);\n this.sideSheetTotalItems = data.total ?? 0;\n } catch (err) {\n console.error('Error loading form versions:', err);\n this.errorMessage = 'Failed to load form versions.';\n } finally {\n this.isLoading = false;\n }\n }\n\n private formatList(data, isSideSheetList) {\n return data.map(item => ({\n data: item,\n history: this.history,\n isSideSheetList,\n openSideSheet: () => this.handleOpenSideSheet(item.id),\n formsBuilderUrlPath: this.formsBuilderUrlPath,\n formsRendererUrlPath: this.formsRendererUrlPath,\n isFollowUpFormConfigOn: this.isFollowUpFormConfigOn,\n isRendererRedirectConfigOn: this.isRendererRedirectConfigOn\n }));\n }\n\n private debouncedFormNameSearch = (() => {\n let timeout: number;\n return () => {\n clearTimeout(timeout);\n timeout = window.setTimeout(() => this.loadMainForms(), 300);\n };\n })();\n\n // ###################### Main list Handlers/helpers ######################\n private async handleMainPageChange(page: number) {\n this.mainListPageNumber = page;\n await this.loadMainForms();\n }\n\n private handleOrderFilterChange({ fieldName, value }) {\n this.sortState = { ...this.sortState, [fieldName]: value };\n }\n\n private handleFormNameSearchFilterChange(e) {\n const inputEl = e.target as HTMLInputElement;\n this.nameFilter = inputEl.value;\n\n const searchFieldName = 'name';\n const searchOperator = 'LIKE';\n const searchObject = {\n searchField: searchFieldName,\n searchOperator,\n searchValue: inputEl.value,\n };\n\n let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);\n\n if (inputEl.value.trim() !== '') {\n filtersStateCopy.push(searchObject);\n }\n\n this.searchFilters = filtersStateCopy;\n this.mainListPageNumber = 1;\n }\n\n private async handleFormTypeFilterChange(e) {\n const inputEl = e.target as HTMLInputElement;\n const filterValue = inputEl.value\n const searchFieldName = 'type'\n let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);\n\n // all forms, remove any filters for type\n if (filterValue !== '0') {\n const searchObject = {\n searchField: searchFieldName,\n searchOperator: '=',\n searchValue: filterValue,\n };\n \n filtersStateCopy.push(searchObject); \n }\n \n this.searchFilters = filtersStateCopy;\n this.mainListPageNumber = 1;\n await this.loadMainForms();\n }\n\n private handleHeaderPrimaryActionClick = () => {\n if (this.formsBuilderUrlPath) {\n this.history.push(this.formsBuilderUrlPath);\n return;\n }\n this.history.push(`/page/${this.formsBuilderPageId}`);\n };\n\n @Watch('sortState')\n async refetchMainListData(newVal: any, oldVal: any) {\n if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n this.mainListPageNumber = 1;\n await this.loadMainForms();\n }\n\n // ###################### Side Sheet list Handler/helpers ######################\n\n private async handleOpenSideSheet(formId: string) {\n this.currentFormId = formId;\n this.sideSheetListPageNumber = 1;\n this.isSideSheetOpen = true;\n await this.loadFormVersions();\n }\n\n private async handleSideSheetPageChange(page: number) {\n this.sideSheetListPageNumber = page;\n await this.loadFormVersions();\n }\n\n private handleSideSheetPrimaryAction = () => {\n // redirect to form builder with latest version\n const latestFormData = this.mainFormsList.find(form => form.data.id === this.sideSheetFormsList[0].data.id).data;\n const latestFormId = latestFormData.id;\n const formLatestVersion = latestFormData.version;\n\n if (this.formsBuilderUrlPath) {\n this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);\n this.isSideSheetOpen = false;\n return;\n }\n\n this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);\n this.isSideSheetOpen = false;\n };\n\n private handleSideSheetClose = () => {\n // reset side sheet data\n this.sideSheetFormsList = [];\n this.sideSheetListPageNumber = 1;\n this.sideSheetTotalItems = 0;\n this.isSideSheetOpen = false;\n };\n\n // ###################### RENDERER HELPERS ######################\n\n private renderFilters() {\n return (\n <div class=\"udp-form-filter-container\">\n <div class=\"search-group\">\n <text-field\n label=\"Search Name\"\n value={this.nameFilter}\n placeholder=\"Search Form Name\"\n onInput={async e => {\n this.handleFormNameSearchFilterChange(e);\n this.debouncedFormNameSearch();\n }}\n margin=\"none\"\n />\n </div>\n <div class=\"selector-group\">\n {this.isPublicFormConfigOn && (\n <udp-selector\n label=\"Form Type\"\n name=\"sortColumn\"\n options={this.FORM_TYPES}\n onChange={async (e: CustomEvent) => await this.handleFormTypeFilterChange(e)}\n initialValue={'0'}\n />\n )}\n <udp-selector\n label=\"Sort By\"\n name=\"sortColumn\"\n options={this.SORT_COLUMNS}\n onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortColumn', value: e.detail })}\n initialValue={this.sortState.sortColumn}\n />\n <udp-selector\n label=\"Sort Direction\"\n name=\"sortDirection\"\n options={this.SORT_DIRECTIONS}\n onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortDirection', value: e.detail })}\n initialValue={this.sortState.sortDirection}\n />\n </div>\n </div>\n );\n }\n\n private renderSideSheet() {\n return (\n <udp-side-sheet\n primaryButtonLabel=\"Create New Form Version\"\n title=\"Form Version History\"\n open={this.isSideSheetOpen}\n onUdpSideSheetClose={() => this.handleSideSheetClose()}\n position=\"right\"\n width=\"md\"\n onUdpPrimaryButtonClick={() => this.handleSideSheetPrimaryAction()}\n >\n {this.isLoading && this.isSideSheetOpen && <udp-linear-loader />}\n <udp-list-renderer\n itemComponent=\"udp-forms-list-card\"\n data={this.sideSheetFormsList}\n pagination\n isServerSide\n isLoading={this.isLoading}\n itemsPerPage={this.SIDE_SHEET_PAGE_SIZE}\n currentPage={this.sideSheetListPageNumber}\n totalItems={this.sideSheetTotalItems}\n onPageChange={e => this.handleSideSheetPageChange(e.detail)}\n componentDataMap={this.componentMap}\n spacing='md'\n // @ts-ignore -- custom event to close sidesheet after clicking edit action in card\n onCloseSidesheet={() => this.handleSideSheetClose()}\n />\n </udp-side-sheet>\n );\n }\n\n private renderErrorMessage() {\n return this.errorMessage ? (\n <div class=\"error-banner\">\n <unity-typography variant=\"body2\">{this.errorMessage}</unity-typography>\n </div>\n ) : null;\n }\n\n render() {\n return (\n <div class=\"udp-forms-list-container\">\n {this.isCreateNewFormHeaderActionConfigOn ? (\n <primary-action-header\n title=\"UDP Forms\"\n primaryActionClick={() => this.handleHeaderPrimaryActionClick()}\n actionButtonLabel=\"Create New Form\"\n tabs={false}\n />\n ) : (\n <primary-action-header\n title=\"UDP Forms\"\n tabs={false}\n />\n )}\n {this.isLoading && <udp-linear-loader />}\n\n {this.renderSideSheet()}\n <udp-container maxWidth=\"lg\">\n {this.renderErrorMessage()}\n {this.renderFilters()}\n {/ TODO: Add prop for disabling card-content gutter(px) and padding(py) /}\n <udp-list-renderer\n itemComponent=\"udp-forms-list-card\"\n data={this.mainFormsList}\n pagination\n isServerSide\n isLoading={this.isLoading}\n itemsPerPage={this.MAIN_PAGE_SIZE}\n currentPage={this.mainListPageNumber}\n totalItems={this.mainTotalItems}\n onPageChange={e => this.handleMainPageChange(e.detail)}\n componentDataMap={this.componentMap}\n spacing=\"md\"\n />\n </udp-container>\n {/\n This hidden instance ensures the udp-forms-list-card component is included in the build and its custom element is registered.\n It's necessary because the component is passed as a string (via itemComponent) and not directly used in JSX, which can cause it to be tree-shaken.\n /}\n <udp-forms-list-card style={{ display: 'none' }} />\n {/ TODO: Remove this once we have a proper layout unit component */}\n <div style={{ height: '60px' }} />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-side-sheet2.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { d as defineCustomElement$3 } from './udp-menu-item2.js';
 import { d as defineCustomElement$2 } from './udp-pop-over2.js';
 import { d as defineCustomElement$1 } from './unity-typography2.js';
-const udpSideSheetCss = ":host{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;visibility:hidden;transition:visibility 0s 0.2s}:host(.is-visible){visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";
+const udpSideSheetCss = ":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:9999;visibility:hidden;transition:visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s}:host(.is-visible){width:100vw;height:100vh;overflow:visible;visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";
 const UdpSideSheet = /*@__PURE__*/ proxyCustomElement(class UdpSideSheet extends H {
     constructor(registerHost) {