udp-stencil-component-library 1.0.0

package/dist/cjs/udp-forms-list.cjs.entry.js

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

package/dist/cjs/udp-forms-list.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"udp-forms-list.entry.cjs.js","mappings":"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","names":["axios","ConfigService","getCurrentTenantId","h"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-form-api-utils.ts","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":["import axios from 'axios';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { ConfigService } from 'src/udp-utilities/api-config';\n\n\nexport const fetchLatestForms = (page: number, pageSize: number, filters: any[], order: any) => {\n    return axios.post(`${ConfigService.productV1ApiUrl}/UdpFormLatestVersionView/search`, {\n      eagerLoad: false,\n      pageNumber: page,\n      pageSize,\n      filterElements: [\n        ...filters,\n        {\n          searchField: 'tenantId',\n          searchOperator: '=',\n          searchValue: getCurrentTenantId(),\n        },\n      ],\n      orderElements: [order],\n    });\n  }\n\n  export const fetchFormVersions = (formId: string, page: number, pageSize: number) => {\n    return axios.post(`${ConfigService.productV1ApiUrl}/UdpForm/search`, {\n      eagerLoad: false,\n      pageNumber: page,\n      pageSize,\n      filterElements: [\n        { searchField: 'tenantId', searchOperator: '=', searchValue: getCurrentTenantId() },\n        { searchField: 'id', searchOperator: '=', searchValue: formId },\n      ],\n      orderElements: [{ sortColumn: 'Version', sortDirection: 'DESC' }],\n    });\n  }\n\n",":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 './udp-forms-list-card';\nimport { fetchLatestForms, fetchFormVersions } from './udp-form-api-utils';\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 pageBuilderId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1';\n  private readonly renderPageId = 'c696afbd-8d83-4f80-aaa1-9a3530a05a21';\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    pageBuilderId: 'pageBuilderId',\n    renderPageId: 'renderPageId',\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      pageBuilderId: this.pageBuilderId,\n      renderPageId: this.renderPageId,\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.pageBuilderId}`);\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.pageBuilderId}?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/cjs/udp-forms-list.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-forms-list.entry.cjs.js","sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-form-api-utils.ts","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":["import axios from 'axios';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { ConfigService } from 'src/udp-utilities/api-config';\n\n\nexport const fetchLatestForms = (page: number, pageSize: number, filters: any[], order: any) => {\n    return axios.post(`${ConfigService.productV1ApiUrl}/UdpFormLatestVersionView/search`, {\n      eagerLoad: false,\n      pageNumber: page,\n      pageSize,\n      filterElements: [\n        ...filters,\n        {\n          searchField: 'tenantId',\n          searchOperator: '=',\n          searchValue: getCurrentTenantId(),\n        },\n      ],\n      orderElements: [order],\n    });\n  }\n\n  export const fetchFormVersions = (formId: string, page: number, pageSize: number) => {\n    return axios.post(`${ConfigService.productV1ApiUrl}/UdpForm/search`, {\n      eagerLoad: false,\n      pageNumber: page,\n      pageSize,\n      filterElements: [\n        { searchField: 'tenantId', searchOperator: '=', searchValue: getCurrentTenantId() },\n        { searchField: 'id', searchOperator: '=', searchValue: formId },\n      ],\n      orderElements: [{ sortColumn: 'Version', sortDirection: 'DESC' }],\n    });\n  }\n\n",":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 './udp-forms-list-card';\nimport { fetchLatestForms, fetchFormVersions } from './udp-form-api-utils';\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 pageBuilderId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1';\n  private readonly renderPageId = 'c696afbd-8d83-4f80-aaa1-9a3530a05a21';\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    pageBuilderId: 'pageBuilderId',\n    renderPageId: 'renderPageId',\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      pageBuilderId: this.pageBuilderId,\n      renderPageId: this.renderPageId,\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.pageBuilderId}`);\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.pageBuilderId}?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"],"names":["axios","ConfigService","getCurrentTenantId","h"],"mappings":"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"}