udp-react-enterprise-component-library 25.18.1-beta.21 → 25.18.1-beta.22

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.
@@ -42,6 +42,33 @@ const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
42
42
  const handleSideSheetClosed = () => {
43
43
  setIsSidesheetOpen(false);
44
44
  };
45
+ const consolidateAndSortFormsByFormId = useCallback((forms, submissions = []) => {
46
+ const resultMap = /* @__PURE__ */ new Map();
47
+ for (const item of forms) {
48
+ const { id: formId, version: formVersion, name: formName, description: formDescription, initialCreatedOn } = item;
49
+ if (!formId || formVersion == null) continue;
50
+ const key = String(formId);
51
+ const existing = resultMap.get(key);
52
+ const versionNum = Number(formVersion) || 0;
53
+ const ts = initialCreatedOn ? new Date(initialCreatedOn).getTime() : 0;
54
+ const submissionCount = (submissions || []).filter((sub) => String(sub?.formSubmission_FormId) === key).length;
55
+ if (!existing) resultMap.set(key, {
56
+ id: key,
57
+ formId,
58
+ formVersion: versionNum,
59
+ name: formName || t("Untitled Form"),
60
+ submissionCount,
61
+ description: formDescription || "",
62
+ mostRecentCreatedOn: ts
63
+ });
64
+ else if (versionNum > (existing.formVersion || 0)) {
65
+ existing.formVersion = versionNum;
66
+ if (formName) existing.name = formName;
67
+ if (formDescription) existing.description = formDescription;
68
+ }
69
+ }
70
+ return Array.from(resultMap.values()).sort((a, b) => b.name.localeCompare(a.name));
71
+ }, [t]);
45
72
  const consolidateAndSortFormSubmissionsByFormId = useCallback((submissions) => {
46
73
  const resultMap = /* @__PURE__ */ new Map();
47
74
  for (const item of submissions) {
@@ -72,8 +99,12 @@ const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
72
99
  }
73
100
  return Array.from(resultMap.values()).sort((a, b) => b.mostRecentCreatedOn - a.mostRecentCreatedOn);
74
101
  }, [t]);
102
+ const filterSubmissionByTenantId = useCallback((submissions, tenantId) => {
103
+ return submissions.filter((submission) => submission.form_TenantId === tenantId);
104
+ }, []);
75
105
  const fetchSubmissions = useCallback(async () => {
76
106
  try {
107
+ if (!tenant?.activeTenant?.tenantId) return;
77
108
  const filterElements = [];
78
109
  filterElements.push({
79
110
  searchField: "Form_TenantId",
@@ -85,14 +116,14 @@ const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
85
116
  searchOperator: "=",
86
117
  searchValue: user.id
87
118
  });
88
- setFormSubmissionViewDataRaw((await apiMutate(ConfigService.productV1ApiUrl, `UdpFormWithSubmissionsView/search`, {
119
+ setFormSubmissionViewDataRaw(filterSubmissionByTenantId((await apiMutate(ConfigService.productV1ApiUrl, `UdpFormWithSubmissionsView/search`, {
89
120
  method: "POST",
90
121
  data: {
91
122
  eagerLoad: false,
92
123
  getAll: true,
93
124
  filterElements
94
125
  }
95
- }, {}))?.data.pageList || []);
126
+ }, {}))?.data.pageList || [], tenant.activeTenant.tenantId));
96
127
  } catch (e) {
97
128
  console.error("fetchSubmissions error:", e);
98
129
  }
@@ -105,6 +136,7 @@ const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
105
136
  ]);
106
137
  const fetchForms = useCallback(async () => {
107
138
  try {
139
+ if (!tenant?.activeTenant?.tenantId) return;
108
140
  const filterElements = [];
109
141
  filterElements.push({
110
142
  searchField: "tenantId",
@@ -133,6 +165,7 @@ const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
133
165
  return formSubmissionId;
134
166
  }, []);
135
167
  const getSearchMethodConfig = useCallback((formId) => {
168
+ if (!tenant?.activeTenant?.tenantId) return;
136
169
  const filterElements = [];
137
170
  if (!isManagerMode) filterElements.push({
138
171
  searchField: "formSubmission_unityUserId",
@@ -144,6 +177,11 @@ const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
144
177
  searchOperator: "=",
145
178
  searchValue: formId
146
179
  });
180
+ filterElements.push({
181
+ searchField: "form_tenantId",
182
+ searchOperator: "=",
183
+ searchValue: tenant?.activeTenant?.tenantId || ""
184
+ });
147
185
  return {
148
186
  requestUrl: `${ConfigService.productV1ApiUrl}/UdpFormWithSubmissionsView/search`,
149
187
  customSearchObject: {
@@ -155,7 +193,11 @@ const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
155
193
  }]
156
194
  }
157
195
  };
158
- }, [user, isManagerMode]);
196
+ }, [
197
+ user,
198
+ isManagerMode,
199
+ tenant
200
+ ]);
159
201
  const getGridHeaderConfig = useCallback((formId, formVersion, formTitle) => {
160
202
  const config = { title: formTitle };
161
203
  config.primaryActionButton = {
@@ -370,28 +412,31 @@ const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
370
412
  }));
371
413
  };
372
414
  useEffect(() => {
415
+ if (!tenant?.activeTenant?.tenantId) return;
373
416
  (async () => {
374
417
  await fetchSubmissions();
375
418
  await fetchForms();
376
419
  })();
377
- }, [fetchSubmissions, fetchForms]);
420
+ }, [
421
+ fetchSubmissions,
422
+ fetchForms,
423
+ tenant
424
+ ]);
378
425
  useEffect(() => {
379
- const resultArray = consolidateAndSortFormSubmissionsByFormId(formSubmissionViewDataRaw || []);
380
- resultArray.unshift({
426
+ const innerMenuList = consolidateAndSortFormsByFormId(formDataRaw || [], formSubmissionViewDataRaw || []);
427
+ innerMenuList.unshift({
381
428
  id: "all-forms-key",
382
429
  name: t(isManagerMode ? "All Form Submissions" : "All My Form Submissions"),
383
430
  submissionCount: formSubmissionViewDataRaw?.length || 0
384
431
  });
385
- setInnerMenuItemList(resultArray);
432
+ setInnerMenuItemList(innerMenuList);
386
433
  }, [
387
434
  formSubmissionViewDataRaw,
388
435
  isManagerMode,
389
- consolidateAndSortFormSubmissionsByFormId,
436
+ consolidateAndSortFormsByFormId,
437
+ formDataRaw,
390
438
  t
391
439
  ]);
392
- useCallback((value) => {
393
- setSelectedFormValue(value || "");
394
- }, [setSelectedFormValue]);
395
440
  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(CustomMenuPage_default, {
396
441
  menuTitle: t("Forms"),
397
442
  items: innerMenuItemList,
@@ -411,4 +456,4 @@ const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
411
456
 
412
457
  //#endregion
413
458
  export { UdpFormsSubmissionGrid as t };
414
- //# sourceMappingURL=UdpFormsSubmissionGrid-DesZibh4.js.map
459
+ //# sourceMappingURL=UdpFormsSubmissionGrid-mPVNbJ97.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UdpFormsSubmissionGrid-mPVNbJ97.js","names":["CustomMenuPage"],"sources":["../src/udp/pages/UdpFormsSubmissionGrid/UdpFormsSubmissionGrid.jsx"],"sourcesContent":["import React, {\n useMemo,\n useState,\n useEffect,\n useCallback,\n useRef\n} from 'react';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { useTenant } from '../../../utilities/tenant/useTenant';\nimport { useHistory } from 'react-router-dom';\nimport { useSnackbar } from 'notistack';\nimport { CustomMenuPage } from '../../../menuPage';\nimport { useTranslation } from 'react-i18next';\nimport { apiMutate } from '../../../utilities';\nimport { ConfigService } from '../../../configService';\nimport { SearchMethodUdpGrid } from '../../../UI/templates/newGrid';\nimport { LoadingIndicator } from '../../../UI/loading/LoadingIndicator';\nimport { UdpPageEnums } from '../../../enums';\nimport { StatusCellRenderer } from '../../../UI/templates/ui/renderers';\nimport { UdpSideSheet } from 'udp-react-stencil-component-library';\nimport { SelectableList } from 'udp-react-stencil-component-library';\nimport { UdpSelector } from 'udp-react-stencil-component-library';\n\nconst UdpFormsSubmissionStatusEnum = Object.freeze({\n InProgress: 1,\n Submitted: 2,\n Created: 3\n});\n\nconst dateFormatter = (dateString) =>\n new Date(dateString).toLocaleString(undefined, {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n\nexport const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {\n const user = useUser();\n const tenant = useTenant();\n const history = useHistory();\n const { t } = useTranslation();\n const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n const [innerMenuItemList, setInnerMenuItemList] = useState([]);\n const [formSubmissionViewDataRaw, setFormSubmissionViewDataRaw] = useState(\n []\n );\n const [formDataRaw, setFormDataRaw] = useState([]);\n const [isSidesheetOpen, setIsSidesheetOpen] = useState(false);\n const [selectedFormValue, setSelectedFormValue] = useState('');\n\n const selectorRef = useRef(null);\n\n const pendingNavRef = useRef(null);\n const handleSideSheetClosed = () => {\n setIsSidesheetOpen(false);\n };\n\n const consolidateAndSortFormsByFormId = useCallback(\n (forms, submissions = []) => {\n const resultMap = new Map();\n for (const item of forms) {\n const {\n id: formId,\n version: formVersion,\n name: formName,\n description: formDescription,\n initialCreatedOn: initialCreatedOn\n } = item;\n if (!formId || formVersion == null) continue;\n\n const key = String(formId);\n const existing = resultMap.get(key);\n\n // normalize version and timestamp\n const versionNum = Number(formVersion) || 0;\n const ts = initialCreatedOn ? new Date(initialCreatedOn).getTime() : 0;\n\n // robust comparison (coerce to string)\n const submissionCount = (submissions || []).filter(\n (sub) => String(sub?.formSubmission_FormId) === key\n ).length;\n\n if (!existing) {\n resultMap.set(key, {\n id: key,\n formId,\n formVersion: versionNum,\n name: formName || t('Untitled Form'),\n submissionCount,\n description: formDescription || '',\n mostRecentCreatedOn: ts\n });\n } else {\n // keep metadata (name/description/formVersion) from the highest version seen\n if (versionNum > (existing.formVersion || 0)) {\n existing.formVersion = versionNum;\n if (formName) existing.name = formName;\n if (formDescription) existing.description = formDescription;\n }\n }\n }\n\n const sortedOptions = Array.from(resultMap.values()).sort((a, b) =>\n b.name.localeCompare(a.name)\n );\n return sortedOptions;\n },\n [t]\n );\n\n const consolidateAndSortFormSubmissionsByFormId = useCallback(\n (submissions) => {\n const resultMap = new Map();\n for (const item of submissions) {\n const {\n formSubmission_FormId: formId,\n formSubmission_FormVersion: formVersion,\n form_Name: formName,\n form_Description: formDescription,\n formSubmission_InitialCreatedOn: initialCreatedOn\n } = item;\n if (!formId || formVersion == null) continue;\n\n const key = `${formId}`;\n const existing = resultMap.get(key);\n\n // normalize version and timestamp\n const versionNum = Number(formVersion) || 0;\n const ts = initialCreatedOn ? new Date(initialCreatedOn).getTime() : 0;\n\n if (!existing) {\n resultMap.set(key, {\n id: key,\n formId,\n formVersion: versionNum,\n name: formName || t('Untitled Form'),\n submissionCount: 1,\n description: formDescription || '',\n mostRecentCreatedOn: ts\n });\n } else {\n existing.submissionCount += 1;\n existing.mostRecentCreatedOn = Math.max(\n existing.mostRecentCreatedOn || 0,\n ts\n );\n\n // keep metadata (name/description/formVersion) from the highest version seen\n if (versionNum > (existing.formVersion || 0)) {\n existing.formVersion = versionNum;\n if (formName) existing.name = formName;\n if (formDescription) existing.description = formDescription;\n }\n }\n }\n\n const sortedOptions = Array.from(resultMap.values()).sort(\n (a, b) => b.mostRecentCreatedOn - a.mostRecentCreatedOn\n );\n return sortedOptions;\n },\n [t]\n );\n\n const filterSubmissionByTenantId = useCallback((submissions, tenantId) => {\n return submissions.filter(\n (submission) => submission.form_TenantId === tenantId\n );\n }, []);\n\n\n const fetchSubmissions = useCallback(async () => {\n try {\n if (!tenant?.activeTenant?.tenantId) return;\n\n const filterElements = [];\n\n filterElements.push({\n searchField: 'Form_TenantId',\n searchOperator: '=',\n searchValue: tenant.activeTenant.tenantId \n });\n\n if (!isManagerMode) {\n filterElements.push({\n searchField: 'FormSubmission_UnityUserId',\n searchOperator: '=',\n searchValue: user.id\n });\n }\n\n const formSubmissionViewSearchResponse = await apiMutate(\n ConfigService.productV1ApiUrl,\n `UdpFormWithSubmissionsView/search`,\n {\n method: 'POST',\n data: {\n eagerLoad: false,\n getAll: true,\n filterElements\n }\n },\n {}\n );\n\n const submissions = formSubmissionViewSearchResponse?.data.pageList || [];\n const processedSubmissions = filterSubmissionByTenantId(submissions, tenant.activeTenant.tenantId)\n setFormSubmissionViewDataRaw(processedSubmissions);\n } catch (e) {\n console.error('fetchSubmissions error:', e);\n }\n }, [\n user,\n tenant,\n isManagerMode,\n consolidateAndSortFormSubmissionsByFormId,\n t\n ]);\n\n const fetchForms = useCallback(async () => {\n try {\n if (!tenant?.activeTenant?.tenantId) return;\n\n const filterElements = [];\n\n filterElements.push({\n searchField: 'tenantId',\n searchOperator: '=',\n searchValue: tenant.activeTenant.tenantId\n });\n\n const formResponse = await apiMutate(\n ConfigService.productV1ApiUrl,\n `UdpForm/search`,\n {\n method: 'POST',\n data: {\n eagerLoad: false,\n getAll: true,\n filterElements\n }\n },\n {}\n );\n\n const forms = formResponse?.data.pageList || [];\n setFormDataRaw(forms);\n } catch (e) {\n console.error('fetchForms error:', e);\n }\n }, [user, tenant, consolidateAndSortFormSubmissionsByFormId]);\n\n const parseIdAndVersion = useCallback((input) => {\n const formSubmissionId = input.replace(/^form-submission-/, '');\n // Check for \"all forms\" special case\n if (formSubmissionId.includes('all-forms-key')) {\n return null;\n }\n return formSubmissionId;\n }, []);\n\n const getSearchMethodConfig = useCallback(\n (formId) => {\n if (!tenant?.activeTenant?.tenantId) return;\n\n const filterElements = [];\n\n if (!isManagerMode) {\n filterElements.push({\n searchField: 'formSubmission_unityUserId',\n searchOperator: '=',\n searchValue: user.id || ''\n });\n }\n\n if (formId) {\n filterElements.push({\n searchField: 'formSubmission_formId',\n searchOperator: '=',\n searchValue: formId\n });\n }\n\n filterElements.push({\n searchField: 'form_tenantId',\n searchOperator: '=',\n searchValue: tenant?.activeTenant?.tenantId || ''\n });\n\n return {\n requestUrl: `${ConfigService.productV1ApiUrl}/UdpFormWithSubmissionsView/search`,\n customSearchObject: {\n eagerLoad: false,\n filterElements,\n orderElements: [\n {\n sortColumn: 'initialCreatedOn',\n sortDirection: 'DESC'\n }\n ]\n }\n // logicalSearchOperator: 1,\n // groupingType: '',\n // groupProperty: [],\n // groupOperationList: [],\n // type: 'advanced',\n // pageNumber: 1,\n // pageSize: 20,\n };\n },\n [user, isManagerMode, tenant]\n );\n\n const getGridHeaderConfig = useCallback(\n (formId, formVersion, formTitle) => {\n const config = {\n title: formTitle\n };\n\n config.primaryActionButton = {\n label: t('Submit New Form'),\n onClick: () => {\n // Only show submit button when we have a specific form id and version\n if (formId && formVersion) {\n history.push(\n `/page/${UdpPageEnums.Udp_Form_Renderer_Page}?udpf_formId=${formId}&udpf_version=${formVersion}`\n );\n } else {\n setIsSidesheetOpen(true);\n }\n }\n };\n\n return config;\n },\n [history, t]\n );\n\n const getGridOptions = useCallback(() => {\n return {\n pagination: true,\n defaultColDef: {\n sortable: true,\n filter: true,\n resizable: true\n }\n };\n }, []);\n\n const getStatus = useMemo(() => {\n return {\n Created: 'info',\n InProgress: 'warning',\n Submitted: 'success',\n Overdue: 'error'\n };\n }, []);\n\n const getSubmissionStatusLabel = (node) => {\n const formStatus = node?.data?.formSubmission_Status;\n const dueDateRaw = node?.data?.formSubmission_DueDate;\n\n // overdue check\n if (dueDateRaw && formStatus != UdpFormsSubmissionStatusEnum.Submitted) {\n const dueTs = Date.parse(String(dueDateRaw));\n if (!Number.isNaN(dueTs) && Date.now() > dueTs) return 'Overdue';\n }\n\n switch (formStatus) {\n case UdpFormsSubmissionStatusEnum.InProgress:\n return 'InProgress';\n case UdpFormsSubmissionStatusEnum.Created:\n return 'Created';\n case UdpFormsSubmissionStatusEnum.Submitted:\n return 'Submitted';\n default:\n return 'Unknown';\n }\n };\n\n const columnDefs = useMemo(\n () => [\n { headerName: 'Form ID', field: 'formSubmission_FormId', hide: true },\n {\n headerName: t('Form Name'),\n field: 'form_Name',\n sortable: true\n },\n {\n headerName: t('Form Version'),\n field: 'formSubmission_FormVersion',\n hide: false\n },\n {\n headerName: t('Description'),\n field: 'form_Description',\n sortable: true\n },\n {\n headerName: t('Submitted By'),\n field: 'formSubmission_UserDisplayName'\n },\n {\n headerName: 'Form Status',\n // filter: true,\n field: 'formSubmission_Status',\n cellRenderer: 'statusRenderer',\n cellRendererParams: {\n statusMappingConfig: getStatus,\n getStatusValue: getSubmissionStatusLabel\n }\n },\n {\n headerName: t('Created On'),\n field: 'formSubmission_InitialCreatedOn',\n valueFormatter: (p) => (p.value ? dateFormatter(p.value) : ''),\n sortable: true\n },\n {\n headerName: t('Last Modified On'),\n field: 'formSubmission_LastModifiedOn',\n valueFormatter: (p) => (p.value ? dateFormatter(p.value) : ''),\n sortable: true\n },\n {\n headerName: t('Submitted On'),\n field: 'formSubmission_SubmittedOn',\n valueFormatter: (p) => (p.value ? dateFormatter(p.value) : ''),\n sortable: true\n },\n {\n headerName: t('Due On'),\n field: 'formSubmission_DueDate',\n valueFormatter: (p) => (p.value ? dateFormatter(p.value) : ''),\n sortable: true\n },\n {\n field: 'actions',\n cellRenderer: 'actionsRenderer',\n cellRendererParams: {\n actionList: [\n {\n id: 0,\n iconName: 'view',\n title: t('Open This Submission'),\n handleOnClick: (e, params) => {\n history.push(\n `/page/${UdpPageEnums.Udp_Form_Renderer_Page}?udpf_submissionId=${params?.data?.formSubmission_Id}`\n );\n }\n }\n ]\n }\n }\n ],\n [history, t]\n );\n\n const gridFunctions = useMemo(\n () => [\n { name: 'agGridSizeColumnsToFit' },\n { name: 'agGridAutoSizeColumns' },\n { name: 'agGridResetColumns' },\n { name: 'agGridHideShowColumns' }\n ],\n []\n );\n\n const handleSidesheetPrimaryClick = useCallback(() => {\n // selectedFormValue format is \"formId|formVersion\"\n const raw = selectedFormValue || '';\n const [id, versionStr] = raw.split('|');\n const version = Number(versionStr || 0);\n if (!id || !version) {\n console.warn('Invalid selection:', selectedFormValue);\n setIsSidesheetOpen(false);\n return;\n }\n\n history.push(\n `/page/${\n UdpPageEnums.Udp_Form_Renderer_Page\n }?udpf_formId=${encodeURIComponent(id)}&udpf_version=${version}`\n );\n\n // schedule navigation after sheet closes to ensure Stencil cleans up its portal DOM\n pendingNavRef.current = { id, version };\n setIsSidesheetOpen(false);\n }, [selectedFormValue, formDataRaw, history]);\n\n // prepare items for SelectableList (normalize keys)\n const selectableItems = useMemo(() => {\n const map = new Map();\n\n for (const f of formDataRaw || []) {\n const formType = f.form_Type ?? f.formType ?? f.type;\n if (Number(formType) !== 1) continue;\n\n const formId = f.id ?? f.form_Id ?? f.formId ?? String(f?.Id ?? '');\n const version = Number(f.version ?? f.form_Version ?? f.formVersion ?? 0);\n const name =\n f.name ??\n f.form_Name ??\n f.formName ??\n f.Form_Name ??\n f.displayName ??\n t('Untitled Form');\n const description = f.description ?? f.form_Description ?? '';\n\n const existing = map.get(formId);\n if (!existing || version > existing.version) {\n map.set(formId, { id: formId, name, version, description });\n }\n }\n\n return Array.from(map.values()).sort((a, b) => b.version - a.version);\n }, [formDataRaw, t]);\n\n const selectorOptions = useMemo(() => {\n return (selectableItems || []).map((s) => ({\n value: `${s.id}|${s.version}`,\n label: s.version ? `${s.name} (v${s.version})` : s.name\n }));\n }, [selectableItems]);\n\n // attach stencil custom event listeners only while sidesheet is open\n useEffect(() => {\n const el = selectorRef.current;\n if (!el || !isSidesheetOpen) return;\n\n const onChange = (e) => {\n const val = e?.detail ?? (e?.target && e.target.value) ?? '';\n setSelectedFormValue(val || '');\n };\n\n el.addEventListener('change', onChange);\n el.addEventListener('input', onChange);\n\n // keep selector controlled-ish by syncing value -> element.value\n if (selectedFormValue) el.value = selectedFormValue;\n\n return () => {\n el.removeEventListener('change', onChange);\n el.removeEventListener('input', onChange);\n };\n }, [selectorRef, selectorOptions, isSidesheetOpen, selectedFormValue]);\n\n const getMainGridContent = ({\n selectedNode,\n menuItemsList,\n idMap,\n classes\n }) => {\n if (!selectedNode) {\n return <LoadingIndicator />;\n }\n const formId = parseIdAndVersion(selectedNode.id);\n // const formId = selectedNode.id;\n const found = innerMenuItemList.find((form) => form.formId == formId);\n const formTitle = `${found?.name}` || 'Unknown Form';\n const newestFormVersion = formDataRaw\n .filter((formObj) => formObj.id == formId)\n .reduce((acc, curr) => {\n return Math.max(acc, curr.version);\n }, 0);\n\n return (\n <>\n <UdpSideSheet\n open={isSidesheetOpen}\n title={t('Submit New Form')}\n position='right'\n width={'md'}\n primaryButtonLabel={t('Next')}\n primaryButtonDisabled={!selectedFormValue}\n onUdpPrimaryButtonClick={handleSidesheetPrimaryClick}\n onUdpSideSheetClose={handleSideSheetClosed}\n >\n {isSidesheetOpen && (\n <UdpSelector\n ref={selectorRef}\n options={selectorOptions}\n initialValue={selectedFormValue}\n multiSelect={false}\n label={t('Select a Form')}\n />\n )}\n </UdpSideSheet>\n <SearchMethodUdpGrid\n searchMethodConfig={getSearchMethodConfig(formId)}\n columnDefs={columnDefs}\n gridOptions={getGridOptions()}\n gridHeaderConfig={getGridHeaderConfig(\n formId,\n newestFormVersion,\n formTitle\n )}\n gridFunctions={gridFunctions}\n />\n </>\n );\n };\n\n useEffect(() => {\n if (!tenant?.activeTenant?.tenantId) return;\n\n (async () => {\n await fetchSubmissions();\n await fetchForms();\n })();\n }, [fetchSubmissions, fetchForms, tenant]);\n\n // derive menu items from fetched submissions (separate effect to avoid refetch loop)\n useEffect(() => {\n const innerMenuList = consolidateAndSortFormsByFormId(\n formDataRaw || [],\n formSubmissionViewDataRaw || []\n );\n\n innerMenuList.unshift({\n id: 'all-forms-key',\n name: t(\n isManagerMode ? 'All Form Submissions' : 'All My Form Submissions'\n ),\n submissionCount: formSubmissionViewDataRaw?.length || 0\n });\n setInnerMenuItemList(innerMenuList);\n }, [\n formSubmissionViewDataRaw,\n isManagerMode,\n consolidateAndSortFormsByFormId,\n formDataRaw, \n t\n ]);\n\n\n return (\n <div>\n <CustomMenuPage\n menuTitle={t('Forms')}\n items={innerMenuItemList}\n idPrefix='form-submission'\n showItemCount={true}\n itemCountAccessor={(item) => item?.submissionCount ?? 0}\n mainContent={({ selectedNode, menuItemsList, idMap, classes }) => {\n return (\n <div>\n {getMainGridContent({\n selectedNode,\n menuItemsList,\n idMap,\n classes\n })}\n </div>\n );\n }}\n />\n </div>\n );\n};\n"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -397,7 +397,7 @@ import { t as CustomMenuPage_default } from "./menuPage-Df5ucoQW.js";
397
397
  import "./enums-Edm9Kwqq.js";
398
398
  import { t as StatusCellRenderer } from "./StatusCellRenderer-DK3MexwY.js";
399
399
  import "./renderers-BI4w5Al3.js";
400
- import { t as UdpFormsSubmissionGrid } from "./UdpFormsSubmissionGrid-DesZibh4.js";
400
+ import { t as UdpFormsSubmissionGrid } from "./UdpFormsSubmissionGrid-mPVNbJ97.js";
401
401
  import { n as FieldType, t as FieldArrayCard } from "./FieldArrayCard-KGSDXwrq.js";
402
402
  import { n as ApprovalIcon, t as RejectIcon } from "./RejectIcon-DNo11W_H.js";
403
403
  import { t as UdpMap } from "./UdpMap-BgkNp2X2.js";
@@ -1 +1 @@
1
- {"version":3,"file":"UdpFormsSubmissionGrid.d.ts","sourceRoot":"","sources":["../../../../../../src/udp/pages/UdpFormsSubmissionGrid/UdpFormsSubmissionGrid.jsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAiCf,eAAO,MAAM,sBAAsB;;uBA6iBlC,CAAC"}
1
+ {"version":3,"file":"UdpFormsSubmissionGrid.d.ts","sourceRoot":"","sources":["../../../../../../src/udp/pages/UdpFormsSubmissionGrid/UdpFormsSubmissionGrid.jsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAiCf,eAAO,MAAM,sBAAsB;;uBA+mBlC,CAAC"}