udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.9

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

@@ -1 +1 @@
-{"file":"udp-forms-list.js","mappings":"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","names":["UdpFormsList","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.css?tag=udp-forms-list&encapsulation=shadow","src/components/my-component/UI/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: 300px;\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\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 = 8;\n  private readonly MAIN_PAGE_SIZE = 6;\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  };\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\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    }));\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 handleHeaderPrimaryActionClick = () => {\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    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          <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        />\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        <primary-action-header title=\"UDP Forms\" primaryActionClick={() => this.handleHeaderPrimaryActionClick()} actionButtonLabel=\"Create New Form\" tabs={false} />\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}
+{"file":"udp-forms-list.js","mappings":"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","names":["UdpFormsList","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.css?tag=udp-forms-list&encapsulation=shadow","src/components/my-component/UI/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: 300px;\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\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 = 8;\n  private readonly MAIN_PAGE_SIZE = 6;\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  };\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\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    }));\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 handleHeaderPrimaryActionClick = () => {\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    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          <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        />\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        <primary-action-header title=\"UDP Forms\" primaryActionClick={() => this.handleHeaderPrimaryActionClick()} actionButtonLabel=\"Create New Form\" tabs={false} />\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-forms-renderer.js

@@ -6,33 +6,35 @@ import { f as fetchLatestForms } from './udp-form-api-utils.js';
 import { c as createFormData, m as makeApiCall } from './makeApiCall.js';
 import { S as SearchBuilder, c as SearchOperators } from './SearchBuilder.js';
 import { C as ConfigService } from './configService.js';
-import { d as defineCustomElement$z } from './custom-button2.js';
-import { d as defineCustomElement$y } from './file-upload2.js';
-import { d as defineCustomElement$x } from './fluent-dialog2.js';
-import { d as defineCustomElement$w } from './image-upload2.js';
-import { d as defineCustomElement$v } from './numeric-field2.js';
-import { d as defineCustomElement$u } from './selectable-list2.js';
-import { d as defineCustomElement$t } from './signature-input2.js';
-import { d as defineCustomElement$s } from './stencil-field2.js';
-import { d as defineCustomElement$r } from './stencil-form2.js';
-import { d as defineCustomElement$q } from './stencil-icon-button2.js';
-import { d as defineCustomElement$p } from './tally.js';
-import { d as defineCustomElement$o } from './text-area2.js';
-import { d as defineCustomElement$n } from './text-field2.js';
-import { d as defineCustomElement$m } from './udp-adornment2.js';
-import { d as defineCustomElement$l } from './udp-ambient-card2.js';
-import { d as defineCustomElement$k } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$j } from './udp-badge2.js';
-import { d as defineCustomElement$i } from './udp-button2.js';
-import { d as defineCustomElement$h } from './udp-container2.js';
-import { d as defineCustomElement$g } from './udp-date-selector2.js';
-import { d as defineCustomElement$f } from './udp-datetime-selector2.js';
-import { d as defineCustomElement$e } from './udp-forms-ui2.js';
-import { d as defineCustomElement$d } from './udp-icon2.js';
-import { d as defineCustomElement$c } from './udp-icon-button2.js';
-import { d as defineCustomElement$b } from './udp-linear-loader2.js';
-import { d as defineCustomElement$a } from './udp-list-renderer2.js';
-import { d as defineCustomElement$9 } from './udp-pagination2.js';
+import { d as defineCustomElement$B } from './custom-button2.js';
+import { d as defineCustomElement$A } from './file-upload2.js';
+import { d as defineCustomElement$z } from './fluent-dialog2.js';
+import { d as defineCustomElement$y } from './image-upload2.js';
+import { d as defineCustomElement$x } from './numeric-field2.js';
+import { d as defineCustomElement$w } from './selectable-list2.js';
+import { d as defineCustomElement$v } from './signature-input2.js';
+import { d as defineCustomElement$u } from './stencil-field2.js';
+import { d as defineCustomElement$t } from './stencil-form2.js';
+import { d as defineCustomElement$s } from './stencil-icon-button2.js';
+import { d as defineCustomElement$r } from './tally.js';
+import { d as defineCustomElement$q } from './text-area2.js';
+import { d as defineCustomElement$p } from './text-field2.js';
+import { d as defineCustomElement$o } from './udp-adornment2.js';
+import { d as defineCustomElement$n } from './udp-ambient-card2.js';
+import { d as defineCustomElement$m } from './udp-ambient-tool-tip2.js';
+import { d as defineCustomElement$l } from './udp-badge2.js';
+import { d as defineCustomElement$k } from './udp-button2.js';
+import { d as defineCustomElement$j } from './udp-container2.js';
+import { d as defineCustomElement$i } from './udp-date-selector2.js';
+import { d as defineCustomElement$h } from './udp-datetime-selector2.js';
+import { d as defineCustomElement$g } from './udp-forms-ui2.js';
+import { d as defineCustomElement$f } from './udp-icon2.js';
+import { d as defineCustomElement$e } from './udp-icon-button2.js';
+import { d as defineCustomElement$d } from './udp-linear-loader2.js';
+import { d as defineCustomElement$c } from './udp-list-renderer2.js';
+import { d as defineCustomElement$b } from './udp-menu-item2.js';
+import { d as defineCustomElement$a } from './udp-pagination2.js';
+import { d as defineCustomElement$9 } from './udp-pop-over2.js';
 import { d as defineCustomElement$8 } from './udp-question2.js';
 import { d as defineCustomElement$7 } from './udp-question-comment2.js';
 import { d as defineCustomElement$6 } from './udp-save-draft-button2.js';
@@ -985,7 +987,7 @@ const UdpFormsRenderer$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsRender
         return (h("udp-side-sheet", { title: "Link a Follow Up Form", open: this.isFollowUpFormsSideSheetOpen, onUdpSideSheetClose: () => this.handleSideSheetClose(), position: "right", width: "md" }, this.isLoading && this.isFollowUpFormsSideSheetOpen && h("udp-linear-loader", null), h("udp-list-renderer", { itemComponent: "udp-forms-follow-up-list-card", data: this.sideSheetFollowUpFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE, currentPage: this.followUpSideSheetListPageNumber, totalItems: this.followUpSideSheetTotalItems, onPageChange: e => this.handleSideSheetPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })));
     }
     render() {
-        return (h("div", { key: '32d6b68c4bdbae35e0e57a7b408acdb8182e3498', class: "forms-renderer-container" }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, initialValues: this.initialValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveErrorMessage: this.saveErrorMessage,
+        return (h("div", { key: '2006dafd4a0a51f50aed2ef093b12cdac48c352b', class: "forms-renderer-container" }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, initialValues: this.initialValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveErrorMessage: this.saveErrorMessage,
             // showAutoSaveStatus={this.formSubmissionHandler.supportsAutoSave() && !!this.userId}
             readonly: this.isSubmitted, handleSubmit: this.handleSubmit.bind(this), handleSave: values => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, userId: this.userId, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, ref: el => (this.formsUiEl = el), key: `form-rerender-key-${this.reRenderKey}`, isShowManualSaveIcon: this.isShowManualSaveIcon(), isLoading: this.isLoading, performBackgroundSaveAndUpdateLocalSubmissionState: this.performBackgroundSaveAndUpdateLocalSubmissionState })));
     }
@@ -1024,7 +1026,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["udp-forms-renderer", "custom-button", "file-upload", "fluent-dialog", "image-upload", "numeric-field", "selectable-list", "signature-input", "stencil-field", "stencil-form", "stencil-icon-button", "tally-display", "text-area", "text-field", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-container", "udp-date-selector", "udp-datetime-selector", "udp-forms-ui", "udp-icon", "udp-icon-button", "udp-linear-loader", "udp-list-renderer", "udp-pagination", "udp-question", "udp-question-comment", "udp-save-draft-button", "udp-selector", "udp-side-sheet", "udp-time-selector", "unity-typography"];
+    const components = ["udp-forms-renderer", "custom-button", "file-upload", "fluent-dialog", "image-upload", "numeric-field", "selectable-list", "signature-input", "stencil-field", "stencil-form", "stencil-icon-button", "tally-display", "text-area", "text-field", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-container", "udp-date-selector", "udp-datetime-selector", "udp-forms-ui", "udp-icon", "udp-icon-button", "udp-linear-loader", "udp-list-renderer", "udp-menu-item", "udp-pagination", "udp-pop-over", "udp-question", "udp-question-comment", "udp-save-draft-button", "udp-selector", "udp-side-sheet", "udp-time-selector", "unity-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "udp-forms-renderer":
             if (!customElements.get(tagName)) {
@@ -1033,135 +1035,145 @@ function defineCustomElement$1() {
             break;
         case "custom-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$z();
+                defineCustomElement$B();
             }
             break;
         case "file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$A();
             }
             break;
         case "fluent-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$z();
             }
             break;
         case "image-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$y();
             }
             break;
         case "numeric-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$x();
             }
             break;
         case "selectable-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$w();
             }
             break;
         case "signature-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$v();
             }
             break;
         case "stencil-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$u();
             }
             break;
         case "stencil-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$t();
             }
             break;
         case "stencil-icon-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$s();
             }
             break;
         case "tally-display":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$r();
             }
             break;
         case "text-area":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$q();
             }
             break;
         case "text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$p();
             }
             break;
         case "udp-adornment":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$o();
             }
             break;
         case "udp-ambient-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$n();
             }
             break;
         case "udp-ambient-tool-tip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$m();
             }
             break;
         case "udp-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$l();
             }
             break;
         case "udp-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$k();
             }
             break;
         case "udp-container":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$j();
             }
             break;
         case "udp-date-selector":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$i();
             }
             break;
         case "udp-datetime-selector":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$h();
             }
             break;
         case "udp-forms-ui":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$g();
             }
             break;
         case "udp-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$f();
             }
             break;
         case "udp-icon-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$e();
             }
             break;
         case "udp-linear-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$d();
             }
             break;
         case "udp-list-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$c();
+            }
+            break;
+        case "udp-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
             }
             break;
         case "udp-pagination":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "udp-pop-over":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }