udp-react-enterprise-component-library 26.3.0 → 26.4.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.tsbuildinfo +1 -1
- package/dist/dataBrowser/DataBrowserColumnDefs.d.ts.map +1 -1
- package/dist/dataBrowser/DataBrowserColumnDefs.js +5 -4
- package/dist/dataBrowser/DataBrowserColumnDefs.js.map +1 -1
- package/dist/dataBrowser/DataBrowserColumnDefs.mjs +1 -0
- package/dist/dataBrowser/DataBrowserColumnDefs.mjs.map +1 -1
- package/dist/hooks/useQueryExecutors.d.ts +8 -0
- package/dist/hooks/useQueryExecutors.d.ts.map +1 -1
- package/dist/hooks/useQueryExecutors.js +30 -33
- package/dist/hooks/useQueryExecutors.js.map +1 -1
- package/dist/hooks/useQueryExecutors.mjs +23 -15
- package/dist/hooks/useQueryExecutors.mjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/models/Lookup.d.ts +3 -0
- package/dist/models/Lookup.d.ts.map +1 -1
- package/dist/models/Lookup.js +3 -0
- package/dist/models/Lookup.js.map +1 -1
- package/dist/models/index.d.ts +0 -1
- package/dist/models/index.d.ts.map +1 -1
- package/dist/models/index.js +0 -1
- package/dist/models/index.js.map +1 -1
- package/dist/udp/lookups/LookupCreationSheet.d.ts +2 -1
- package/dist/udp/lookups/LookupCreationSheet.d.ts.map +1 -1
- package/dist/udp/lookups/LookupCreationSheet.js +38 -36
- package/dist/udp/lookups/LookupCreationSheet.js.map +1 -1
- package/dist/udp/lookups/LookupCreationSheet.mjs +39 -14
- package/dist/udp/lookups/LookupCreationSheet.mjs.map +1 -1
- package/dist/udp/lookups/useLookups.d.ts +7 -2
- package/dist/udp/lookups/useLookups.d.ts.map +1 -1
- package/dist/udp/lookups/useLookups.js +34 -2
- package/dist/udp/lookups/useLookups.js.map +1 -1
- package/dist/udp/lookups/useLookups.mjs +31 -5
- package/dist/udp/lookups/useLookups.mjs.map +1 -1
- package/dist/udp/pages/UdpDataBrowserPage/UdpDataBrowserPage.d.ts.map +1 -1
- package/dist/udp/pages/UdpDataBrowserPage/UdpDataBrowserPage.js +4 -3
- package/dist/udp/pages/UdpDataBrowserPage/UdpDataBrowserPage.js.map +1 -1
- package/dist/udp/pages/UdpDataBrowserPage/UdpDataBrowserPage.mjs +2 -1
- package/dist/udp/pages/UdpDataBrowserPage/UdpDataBrowserPage.mjs.map +1 -1
- package/dist/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.d.ts.map +1 -1
- package/dist/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.js +17 -4
- package/dist/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.js.map +1 -1
- package/dist/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.mjs +12 -6
- package/dist/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -9,7 +9,7 @@ import { useApiCatalog } from '../../../hooks/useApiCatalog';
|
|
|
9
9
|
import { useAxiosGet } from '../../../utilities/useAxiosGet';
|
|
10
10
|
import { useUser } from '../../../utilities/auth/useUser';
|
|
11
11
|
import { ConfigService } from '../../../configService';
|
|
12
|
-
import { LookupTypeId } from 'udp-stencil-component-library';
|
|
12
|
+
import { LookupTypeId, getLookupKeysFormatted } from 'udp-stencil-component-library';
|
|
13
13
|
export const UdpLookupManagementPage = ({ productId }) => {
|
|
14
14
|
var _a;
|
|
15
15
|
var _b;
|
|
@@ -18,7 +18,7 @@ export const UdpLookupManagementPage = ({ productId }) => {
|
|
|
18
18
|
const resolvedProductId = productId !== null && productId !== void 0 ? productId : ConfigService.config.UNITY_PRODUCT_ID;
|
|
19
19
|
const [{ data: productCatalog }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `tenantProductApiCatalogBase/tenant/${tenantId}/product/${resolvedProductId}`, {}, !tenantId || !resolvedProductId, true);
|
|
20
20
|
const apiCatalogId = productCatalog === null || productCatalog === void 0 ? void 0 : productCatalog.apiCatalogId;
|
|
21
|
-
const { lookups, loading: lookupsLoading, refetch, methodStatus, createLookup, updateLookup, deleteLookup, fetchColumns, createLookupColumn, updateLookupColumn, fetchValues, createLookupValue, deleteLookupValue } = useLookups(apiCatalogId, productId);
|
|
21
|
+
const { lookups, loading: lookupsLoading, refetch, methodStatus, createLookup, updateLookup, deleteLookup, fetchColumns, createLookupColumn, updateLookupColumn, fetchValues, createLookupValue, deleteLookupValue, isLegacyLookups } = useLookups(apiCatalogId, productId);
|
|
22
22
|
const [loading, setLoading] = useState(false);
|
|
23
23
|
const [sheetOpen, setSheetOpen] = useState(false);
|
|
24
24
|
const { data: catalogData } = useApiCatalog(sheetOpen ? apiCatalogId : undefined);
|
|
@@ -92,7 +92,20 @@ export const UdpLookupManagementPage = ({ productId }) => {
|
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
},
|
|
95
|
-
{
|
|
95
|
+
{
|
|
96
|
+
headerName: 'Key Name(s)',
|
|
97
|
+
field: 'udpLookupUdpLookupKey',
|
|
98
|
+
valueFormatter: (params) => {
|
|
99
|
+
var _a;
|
|
100
|
+
// console.log('Formatting keys for lookup:', params.value);
|
|
101
|
+
// console.log('data:', params);
|
|
102
|
+
if (!params.value)
|
|
103
|
+
return '';
|
|
104
|
+
if (!Array.isArray(params.value))
|
|
105
|
+
return ((_a = params.value) === null || _a === void 0 ? void 0 : _a.name) || '';
|
|
106
|
+
return getLookupKeysFormatted(params.value);
|
|
107
|
+
}
|
|
108
|
+
},
|
|
96
109
|
{ headerName: 'Value Name', field: 'valueName' },
|
|
97
110
|
{
|
|
98
111
|
field: 'actions',
|
|
@@ -133,6 +146,6 @@ export const UdpLookupManagementPage = ({ productId }) => {
|
|
|
133
146
|
},
|
|
134
147
|
{ name: 'quickFilter' }
|
|
135
148
|
], [handleRefresh]);
|
|
136
|
-
return (React.createElement(React.Fragment, null, React.createElement(ClientSideUdpGrid, { rowData: lookups !== null && lookups !== void 0 ? lookups : [], loading: loading || lookupsLoading, columnDefs: columnDefs, gridHeaderConfig: gridHeaderConfig, gridFunctions: gridFunctions, gridOptions: { pagination: true } }), React.createElement(LookupCreationSheet, { open: sheetOpen, onClose: handleSheetClose, lookup: editLookup, onCreateLookup: createLookup, onCreateLookupColumn: createLookupColumn, onCreateLookupValue: createLookupValue, onUpdateLookup: updateLookup, onUpdateLookupColumn: updateLookupColumn, onDeleteLookupValue: deleteLookupValue, fetchColumns: fetchColumns, fetchValues: fetchValues, onLookupCreated: handleLookupCreatedOrUpdated, catalogObjectList: catalogObjectList, lookupMethodStatus: methodStatus }), React.createElement(UdpDialog, { open: !!deleteTarget, dialogTitle: "Delete Lookup", onDialogClose: () => setDeleteTarget(null) }, React.createElement(UdpText, null, "Are you sure you want to delete “", deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.name, "” This action cannot be undone"), React.createElement(UdpButton, { appearance: "outline", onClick: () => setDeleteTarget(null), slot: "action" }, "Cance"), React.createElement(UdpButton, { appearance: "primary", onClick: handleDeleteConfirm, loading: deleting, slot: "action" }, "Delet"))));
|
|
149
|
+
return (React.createElement(React.Fragment, null, React.createElement(ClientSideUdpGrid, { rowData: lookups !== null && lookups !== void 0 ? lookups : [], loading: loading || lookupsLoading, columnDefs: columnDefs, gridHeaderConfig: gridHeaderConfig, gridFunctions: gridFunctions, gridOptions: { pagination: true } }), React.createElement(LookupCreationSheet, { open: sheetOpen, onClose: handleSheetClose, lookup: editLookup, onCreateLookup: createLookup, onCreateLookupColumn: createLookupColumn, onCreateLookupValue: createLookupValue, onUpdateLookup: updateLookup, onUpdateLookupColumn: updateLookupColumn, onDeleteLookupValue: deleteLookupValue, fetchColumns: fetchColumns, fetchValues: fetchValues, onLookupCreated: handleLookupCreatedOrUpdated, catalogObjectList: catalogObjectList, lookupMethodStatus: methodStatus, isLegacyLookups: isLegacyLookups }), React.createElement(UdpDialog, { open: !!deleteTarget, dialogTitle: "Delete Lookup", onDialogClose: () => setDeleteTarget(null) }, React.createElement(UdpText, null, "Are you sure you want to delete “", deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.name, "” This action cannot be undone"), React.createElement(UdpButton, { appearance: "outline", onClick: () => setDeleteTarget(null), slot: "action" }, "Cance"), React.createElement(UdpButton, { appearance: "primary", onClick: handleDeleteConfirm, loading: deleting, slot: "action" }, "Delet"))));
|
|
137
150
|
};
|
|
138
151
|
//# sourceMappingURL=UdpLookupManagementPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UdpLookupManagementPage.js","sourceRoot":"","sources":["../../../../src/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;
|
|
1
|
+
{"version":3,"file":"UdpLookupManagementPage.js","sourceRoot":"","sources":["../../../../src/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.jsx"],"names":[],"mappings":"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"}
|
|
@@ -9,14 +9,14 @@ import { UdpText } from "../../../UI/fluent-web-components/UdpText.mjs";
|
|
|
9
9
|
import { useLookups } from "../../lookups/useLookups.mjs";
|
|
10
10
|
import LookupCreationSheet from "../../lookups/LookupCreationSheet.mjs";
|
|
11
11
|
import React, { useCallback, useMemo, useState } from "react";
|
|
12
|
-
import { LookupTypeId } from "udp-stencil-component-library";
|
|
12
|
+
import { LookupTypeId, getLookupKeysFormatted } from "udp-stencil-component-library";
|
|
13
13
|
//#region src/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.jsx
|
|
14
14
|
const UdpLookupManagementPage = ({ productId }) => {
|
|
15
15
|
const tenantId = useUser()?.currentTenantId;
|
|
16
16
|
const resolvedProductId = productId ?? ConfigService.config.UNITY_PRODUCT_ID;
|
|
17
17
|
const [{ data: productCatalog }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `tenantProductApiCatalogBase/tenant/${tenantId}/product/${resolvedProductId}`, {}, !tenantId || !resolvedProductId, true);
|
|
18
18
|
const apiCatalogId = productCatalog?.apiCatalogId;
|
|
19
|
-
const { lookups, loading: lookupsLoading, refetch, methodStatus, createLookup, updateLookup, deleteLookup, fetchColumns, createLookupColumn, updateLookupColumn, fetchValues, createLookupValue, deleteLookupValue } = useLookups(apiCatalogId, productId);
|
|
19
|
+
const { lookups, loading: lookupsLoading, refetch, methodStatus, createLookup, updateLookup, deleteLookup, fetchColumns, createLookupColumn, updateLookupColumn, fetchValues, createLookupValue, deleteLookupValue, isLegacyLookups } = useLookups(apiCatalogId, productId);
|
|
20
20
|
const [loading, setLoading] = useState(false);
|
|
21
21
|
const [sheetOpen, setSheetOpen] = useState(false);
|
|
22
22
|
const { data: catalogData } = useApiCatalog(sheetOpen ? apiCatalogId : void 0);
|
|
@@ -97,8 +97,13 @@ const UdpLookupManagementPage = ({ productId }) => {
|
|
|
97
97
|
} }
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
|
-
headerName: "Key Name",
|
|
101
|
-
field: "
|
|
100
|
+
headerName: "Key Name(s)",
|
|
101
|
+
field: "udpLookupUdpLookupKey",
|
|
102
|
+
valueFormatter: (params_2) => {
|
|
103
|
+
if (!params_2.value) return "";
|
|
104
|
+
if (!Array.isArray(params_2.value)) return params_2.value?.name || "";
|
|
105
|
+
return getLookupKeysFormatted(params_2.value);
|
|
106
|
+
}
|
|
102
107
|
},
|
|
103
108
|
{
|
|
104
109
|
headerName: "Value Name",
|
|
@@ -116,7 +121,7 @@ const UdpLookupManagementPage = ({ productId }) => {
|
|
|
116
121
|
id: 2,
|
|
117
122
|
iconName: "delete",
|
|
118
123
|
title: "Delete",
|
|
119
|
-
handleOnClick: (__0,
|
|
124
|
+
handleOnClick: (__0, params_3) => setDeleteTarget(params_3?.data)
|
|
120
125
|
}] }
|
|
121
126
|
}
|
|
122
127
|
], [handleEdit]);
|
|
@@ -156,7 +161,8 @@ const UdpLookupManagementPage = ({ productId }) => {
|
|
|
156
161
|
fetchValues,
|
|
157
162
|
onLookupCreated: handleLookupCreatedOrUpdated,
|
|
158
163
|
catalogObjectList,
|
|
159
|
-
lookupMethodStatus: methodStatus
|
|
164
|
+
lookupMethodStatus: methodStatus,
|
|
165
|
+
isLegacyLookups
|
|
160
166
|
}), /* @__PURE__ */ React.createElement(UdpDialog, {
|
|
161
167
|
open: !!deleteTarget,
|
|
162
168
|
dialogTitle: "Delete Lookup",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UdpLookupManagementPage.mjs","names":["React","useState","useMemo","useCallback","ClientSideUdpGrid","UdpDialog","UdpButton","UdpText","useLookups","LookupCreationSheet","useApiCatalog","useAxiosGet","useUser","ConfigService","LookupTypeId","UdpLookupManagementPage","productId","user","tenantId","currentTenantId","resolvedProductId","config","UNITY_PRODUCT_ID","data","productCatalog","integrationV1ApiUrl","apiCatalogId","lookups","loading","lookupsLoading","refetch","methodStatus","createLookup","updateLookup","deleteLookup","fetchColumns","createLookupColumn","updateLookupColumn","fetchValues","createLookupValue","deleteLookupValue","setLoading","sheetOpen","setSheetOpen","catalogData","undefined","catalogObjectList","ctlg","editLookup","setEditLookup","deleteTarget","setDeleteTarget","deleting","setDeleting","handleRefresh","handleCreate","handleEdit","_","params","handleSheetClose","handleLookupCreatedOrUpdated","handleDeleteConfirm","statusConfig","true","false","columnDefs","headerName","field","valueFormatter","value","parts","split","length","cellRenderer","cellRendererParams","getStatusConfig","Domain","label","color","Lookup","actionList","id","iconName","title","handleOnClick","gridHeaderConfig","primaryActionButton","onClick","gridFunctions","name","onRefreshStart","onRefreshComplete","pagination"],"sources":["../../../../src/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.jsx"],"sourcesContent":["import React, { useState, useMemo, useCallback } from 'react';\nimport { ClientSideUdpGrid } from '../../../UI/templates/newGrid';\nimport { UdpDialog } from '../../../UI/fluent-web-components/UdpDialog';\nimport { UdpButton } from '../../../UI/fluent-web-components/UdpButton';\nimport { UdpText } from '../../../UI/fluent-web-components/UdpText';\nimport { useLookups } from '../../lookups/useLookups';\nimport { LookupCreationSheet } from '../../lookups/LookupCreationSheet';\nimport { useApiCatalog } from '../../../hooks/useApiCatalog';\nimport { useAxiosGet } from '../../../utilities/useAxiosGet';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { ConfigService } from '../../../configService';\nimport { LookupTypeId } from '@univerus/udp-stencil-component-library';\n\nexport const UdpLookupManagementPage = ({ productId }) => {\n const user = useUser();\n const tenantId = user?.currentTenantId;\n const resolvedProductId = productId ?? ConfigService.config.UNITY_PRODUCT_ID;\n\n const [{ data: productCatalog }] = useAxiosGet(\n ConfigService.integrationV1ApiUrl,\n `tenantProductApiCatalogBase/tenant/${tenantId}/product/${resolvedProductId}`,\n {},\n !tenantId || !resolvedProductId,\n true\n );\n\n const apiCatalogId = productCatalog?.apiCatalogId;\n const {\n lookups,\n loading: lookupsLoading,\n refetch,\n methodStatus,\n createLookup,\n updateLookup,\n deleteLookup,\n fetchColumns,\n createLookupColumn,\n updateLookupColumn,\n fetchValues,\n createLookupValue,\n deleteLookupValue\n } = useLookups(apiCatalogId, productId);\n\n const [loading, setLoading] = useState(false);\n const [sheetOpen, setSheetOpen] = useState(false);\n\n const { data: catalogData } = useApiCatalog(\n sheetOpen ? apiCatalogId : undefined\n );\n const catalogObjectList = catalogData?.ctlg?.catalogObjectList ?? [];\n const [editLookup, setEditLookup] = useState(null);\n const [deleteTarget, setDeleteTarget] = useState(null);\n const [deleting, setDeleting] = useState(false);\n\n const handleRefresh = useCallback(() => {\n setLoading(true);\n refetch();\n }, [refetch]);\n\n const handleCreate = useCallback(() => {\n setEditLookup(null);\n setSheetOpen(true);\n }, []);\n\n const handleEdit = useCallback((_, params) => {\n setEditLookup(params?.data);\n setSheetOpen(true);\n }, []);\n\n const handleSheetClose = useCallback(() => {\n setSheetOpen(false);\n setEditLookup(null);\n }, []);\n\n const handleLookupCreatedOrUpdated = useCallback(() => {\n refetch();\n }, [refetch]);\n\n const handleDeleteConfirm = useCallback(async () => {\n if (!deleteTarget) return;\n setDeleting(true);\n try {\n await deleteLookup(deleteTarget);\n setDeleteTarget(null);\n refetch();\n } finally {\n setDeleting(false);\n }\n }, [deleteTarget, deleteLookup, refetch]);\n\n const statusConfig = useMemo(\n () => ({\n true: 'success',\n false: 'secondary'\n }),\n []\n );\n\n const columnDefs = useMemo(\n () => [\n { headerName: 'Name', field: 'name' },\n {\n headerName: 'Description',\n field: 'description'\n },\n {\n headerName: 'Domain',\n field: 'domainName',\n valueFormatter: (params) => {\n if (!params.value) return '';\n const parts = params.value.split('.');\n return parts[parts.length - 1];\n }\n },\n {\n headerName: 'Type',\n field: 'typeId',\n cellRenderer: 'statusRenderer',\n cellRendererParams: {\n getStatusConfig: (params) => {\n if (params.value === LookupTypeId.Domain)\n return { label: 'Domain', color: 'warning' };\n if (params.value === LookupTypeId.Lookup)\n return { label: 'Virtual', color: 'info' };\n return null;\n }\n }\n },\n { headerName: 'Key Name', field: 'keyName' },\n { headerName: 'Value Name', field: 'valueName' },\n {\n field: 'actions',\n cellRenderer: 'actionsRenderer',\n cellRendererParams: {\n actionList: [\n {\n id: 1,\n iconName: 'edit',\n title: 'Edit',\n handleOnClick: handleEdit\n },\n {\n id: 2,\n iconName: 'delete',\n title: 'Delete',\n handleOnClick: (_, params) => setDeleteTarget(params?.data)\n }\n ]\n }\n }\n ],\n [handleEdit]\n );\n\n const gridHeaderConfig = useMemo(\n () => ({\n title: 'Lookups',\n primaryActionButton: {\n label: 'Create Lookup',\n iconName: 'add',\n onClick: handleCreate\n }\n }),\n [handleCreate]\n );\n\n const gridFunctions = useMemo(\n () => [\n {\n name: 'agGridRefreshData',\n params: {\n onRefreshStart: handleRefresh,\n onRefreshComplete: () => setLoading(false)\n }\n },\n { name: 'quickFilter' }\n ],\n [handleRefresh]\n );\n\n return (\n <>\n <ClientSideUdpGrid\n rowData={lookups ?? []}\n loading={loading || lookupsLoading}\n columnDefs={columnDefs}\n gridHeaderConfig={gridHeaderConfig}\n gridFunctions={gridFunctions}\n gridOptions={{ pagination: true }}\n />\n\n <LookupCreationSheet\n open={sheetOpen}\n onClose={handleSheetClose}\n lookup={editLookup}\n onCreateLookup={createLookup}\n onCreateLookupColumn={createLookupColumn}\n onCreateLookupValue={createLookupValue}\n onUpdateLookup={updateLookup}\n onUpdateLookupColumn={updateLookupColumn}\n onDeleteLookupValue={deleteLookupValue}\n fetchColumns={fetchColumns}\n fetchValues={fetchValues}\n onLookupCreated={handleLookupCreatedOrUpdated}\n catalogObjectList={catalogObjectList}\n lookupMethodStatus={methodStatus}\n />\n\n <UdpDialog\n open={!!deleteTarget}\n dialogTitle='Delete Lookup'\n onDialogClose={() => setDeleteTarget(null)}\n >\n <UdpText>\n Are you sure you want to delete “{deleteTarget?.name}”?\n This action cannot be undone.\n </UdpText>\n\n <UdpButton\n appearance='outline'\n onClick={() => setDeleteTarget(null)}\n slot='action'\n >\n Cancel\n </UdpButton>\n <UdpButton\n appearance='primary'\n onClick={handleDeleteConfirm}\n loading={deleting}\n slot='action'\n >\n Delete\n </UdpButton>\n </UdpDialog>\n </>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAae,2BAA2B,EAAEC,gBAAgB;CAExD,MAAME,WADON,SAAS,EACCO;CACvB,MAAMC,oBAAoBJ,aAAaH,cAAcQ,OAAOC;CAE5D,MAAM,CAAC,EAAEC,MAAMC,oBAAoBb,YACjCE,cAAcY,qBACd,sCAAsCP,SAAQ,WAAYE,qBAC1D,EAAE,EACF,CAACF,YAAY,CAACE,mBACd,KACD;CAED,MAAMM,eAAeF,gBAAgBE;CACrC,MAAM,EACJC,SACAC,SAASC,gBACTC,SACAC,cACAC,cACAC,cACAC,cACAC,cACAC,oBACAC,oBACAC,aACAC,mBACAC,sBACEhC,WAAWkB,cAAcV,UAAU;CAEvC,MAAM,CAACY,SAASa,cAAcxC,SAAS,MAAM;CAC7C,MAAM,CAACyC,WAAWC,gBAAgB1C,SAAS,MAAM;CAEjD,MAAM,EAAEsB,MAAMqB,gBAAgBlC,cAC5BgC,YAAYhB,eAAemB,KAAAA,EAC5B;CACD,MAAMC,oBAAoBF,aAAaG,MAAMD,qBAAqB,EAAE;CACpE,MAAM,CAACE,YAAYC,iBAAiBhD,SAAS,KAAK;CAClD,MAAM,CAACiD,cAAcC,mBAAmBlD,SAAS,KAAK;CACtD,MAAM,CAACmD,UAAUC,eAAepD,SAAS,MAAM;CAE/C,MAAMqD,gBAAgBnD,kBAAkB;AACtCsC,aAAW,KAAK;AAChBX,WAAS;IACR,CAACA,QAAQ,CAAC;CAEb,MAAMyB,eAAepD,kBAAkB;AACrC8C,gBAAc,KAAK;AACnBN,eAAa,KAAK;IACjB,EAAE,CAAC;CAEN,MAAMa,aAAarD,aAAasD,GAAGC,WAAW;AAC5CT,gBAAcS,QAAQnC,KAAK;AAC3BoB,eAAa,KAAK;IACjB,EAAE,CAAC;CAEN,MAAMgB,mBAAmBxD,kBAAkB;AACzCwC,eAAa,MAAM;AACnBM,gBAAc,KAAK;IAClB,EAAE,CAAC;CAEN,MAAMW,+BAA+BzD,kBAAkB;AACrD2B,WAAS;IACR,CAACA,QAAQ,CAAC;CAEb,MAAM+B,sBAAsB1D,YAAY,YAAY;AAClD,MAAI,CAAC+C,aAAc;AACnBG,cAAY,KAAK;AACjB,MAAI;AACF,SAAMnB,aAAagB,aAAa;AAChCC,mBAAgB,KAAK;AACrBrB,YAAS;YACD;AACRuB,eAAY,MAAM;;IAEnB;EAACH;EAAchB;EAAcJ;EAAQ,CAAC;AAEpB5B,gBACZ;EACL6D,MAAM;EACNC,OAAO;EACR,GACD,EACF,CAAC;CAED,MAAMC,aAAa/D,cACX;EACJ;GAAEgE,YAAY;GAAQC,OAAO;GAAQ;EACrC;GACED,YAAY;GACZC,OAAO;GACR;EACD;GACED,YAAY;GACZC,OAAO;GACPC,iBAAiBV,aAAW;AAC1B,QAAI,CAACA,SAAOW,MAAO,QAAO;IAC1B,MAAMC,QAAQZ,SAAOW,MAAME,MAAM,IAAI;AACrC,WAAOD,MAAMA,MAAME,SAAS;;GAE/B;EACD;GACEN,YAAY;GACZC,OAAO;GACPM,cAAc;GACdC,oBAAoB,EAClBC,kBAAkBjB,aAAW;AAC3B,QAAIA,SAAOW,UAAUvD,aAAa8D,OAChC,QAAO;KAAEC,OAAO;KAAUC,OAAO;KAAW;AAC9C,QAAIpB,SAAOW,UAAUvD,aAAaiE,OAChC,QAAO;KAAEF,OAAO;KAAWC,OAAO;KAAQ;AAC5C,WAAO;MAEX;GACD;EACD;GAAEZ,YAAY;GAAYC,OAAO;GAAW;EAC5C;GAAED,YAAY;GAAcC,OAAO;GAAa;EAChD;GACEA,OAAO;GACPM,cAAc;GACdC,oBAAoB,EAClBM,YAAY,CACV;IACEC,IAAI;IACJC,UAAU;IACVC,OAAO;IACPC,eAAe5B;IAChB,EACD;IACEyB,IAAI;IACJC,UAAU;IACVC,OAAO;IACPC,gBAAgB3B,KAAGC,aAAWP,gBAAgBO,UAAQnC,KAAI;IAC3D,CAAA,EAEL;GACD;EACF,EACD,CAACiC,WACH,CAAC;CAED,MAAM6B,mBAAmBnF,eAChB;EACLiF,OAAO;EACPG,qBAAqB;GACnBT,OAAO;GACPK,UAAU;GACVK,SAAShC;GACX;EACD,GACD,CAACA,aACH,CAAC;CAED,MAAMiC,gBAAgBtF,cACd,CACJ;EACEuF,MAAM;EACN/B,QAAQ;GACNgC,gBAAgBpC;GAChBqC,yBAAyBlD,WAAW,MAAK;GAC3C;EACD,EACD,EAAEgD,MAAM,eAAe,CACxB,EACD,CAACnC,cACH,CAAC;AAED,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAC,mBAAD;EACE,SAAS3B,WAAW,EAAE;EACtB,SAASC,WAAWC;EACRoC;EACMoB;EACHG;EACf,aAAa,EAAEI,YAAY,MAAM;EAAC,CAAA,EAGpC,sBAAA,cAAC,qBAAD;EACE,MAAMlD;EACN,SAASiB;EACT,QAAQX;EACR,gBAAgBhB;EAChB,sBAAsBI;EACtB,qBAAqBG;EACrB,gBAAgBN;EAChB,sBAAsBI;EACtB,qBAAqBG;EACPL;EACDG;EACb,iBAAiBsB;EACEd;EACnB,oBAAoBf;EAAa,CAAA,EAGnC,sBAAA,cAAC,WAAD;EACE,MAAM,CAAC,CAACmB;EACR,aAAY;EACZ,qBAAqBC,gBAAgB,KAAK;EAsBjC,EApBT,sBAAA,cAAC,SAAA,MAAO,qCACkCD,cAAcuC,MAAK,mCAEpD,EAET,sBAAA,cAAC,WAAD;EACE,YAAW;EACX,eAAetC,gBAAgB,KAAK;EACpC,MAAK;EAGI,EAHI,SAGJ,EACX,sBAAA,cAAC,WAAD;EACE,YAAW;EACX,SAASU;EACT,SAAST;EACT,MAAK;EAGI,EAHI,SAGJ,CACF,CACV"}
|
|
1
|
+
{"version":3,"file":"UdpLookupManagementPage.mjs","names":["React","useState","useMemo","useCallback","ClientSideUdpGrid","UdpDialog","UdpButton","UdpText","useLookups","LookupCreationSheet","useApiCatalog","useAxiosGet","useUser","ConfigService","LookupTypeId","getLookupKeysFormatted","UdpLookupManagementPage","productId","user","tenantId","currentTenantId","resolvedProductId","config","UNITY_PRODUCT_ID","data","productCatalog","integrationV1ApiUrl","apiCatalogId","lookups","loading","lookupsLoading","refetch","methodStatus","createLookup","updateLookup","deleteLookup","fetchColumns","createLookupColumn","updateLookupColumn","fetchValues","createLookupValue","deleteLookupValue","isLegacyLookups","setLoading","sheetOpen","setSheetOpen","catalogData","undefined","catalogObjectList","ctlg","editLookup","setEditLookup","deleteTarget","setDeleteTarget","deleting","setDeleting","handleRefresh","handleCreate","handleEdit","_","params","handleSheetClose","handleLookupCreatedOrUpdated","handleDeleteConfirm","statusConfig","true","false","columnDefs","headerName","field","valueFormatter","value","parts","split","length","cellRenderer","cellRendererParams","getStatusConfig","Domain","label","color","Lookup","Array","isArray","name","actionList","id","iconName","title","handleOnClick","gridHeaderConfig","primaryActionButton","onClick","gridFunctions","onRefreshStart","onRefreshComplete","pagination"],"sources":["../../../../src/udp/pages/UdpLookupManagementPage/UdpLookupManagementPage.jsx"],"sourcesContent":["import React, { useState, useMemo, useCallback } from 'react';\nimport { ClientSideUdpGrid } from '../../../UI/templates/newGrid';\nimport { UdpDialog } from '../../../UI/fluent-web-components/UdpDialog';\nimport { UdpButton } from '../../../UI/fluent-web-components/UdpButton';\nimport { UdpText } from '../../../UI/fluent-web-components/UdpText';\nimport { useLookups } from '../../lookups/useLookups';\nimport { LookupCreationSheet } from '../../lookups/LookupCreationSheet';\nimport { useApiCatalog } from '../../../hooks/useApiCatalog';\nimport { useAxiosGet } from '../../../utilities/useAxiosGet';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { ConfigService } from '../../../configService';\nimport { LookupTypeId, getLookupKeysFormatted } from '@univerus/udp-stencil-component-library';\n\nexport const UdpLookupManagementPage = ({ productId }) => {\n const user = useUser();\n const tenantId = user?.currentTenantId;\n const resolvedProductId = productId ?? ConfigService.config.UNITY_PRODUCT_ID;\n\n const [{ data: productCatalog }] = useAxiosGet(\n ConfigService.integrationV1ApiUrl,\n `tenantProductApiCatalogBase/tenant/${tenantId}/product/${resolvedProductId}`,\n {},\n !tenantId || !resolvedProductId,\n true\n );\n\n const apiCatalogId = productCatalog?.apiCatalogId;\n const {\n lookups,\n loading: lookupsLoading,\n refetch,\n methodStatus,\n createLookup,\n updateLookup,\n deleteLookup,\n fetchColumns,\n createLookupColumn,\n updateLookupColumn,\n fetchValues,\n createLookupValue,\n deleteLookupValue,\n isLegacyLookups\n } = useLookups(apiCatalogId, productId);\n\n const [loading, setLoading] = useState(false);\n const [sheetOpen, setSheetOpen] = useState(false);\n\n const { data: catalogData } = useApiCatalog(\n sheetOpen ? apiCatalogId : undefined\n );\n const catalogObjectList = catalogData?.ctlg?.catalogObjectList ?? [];\n const [editLookup, setEditLookup] = useState(null);\n const [deleteTarget, setDeleteTarget] = useState(null);\n const [deleting, setDeleting] = useState(false);\n\n const handleRefresh = useCallback(() => {\n setLoading(true);\n refetch();\n }, [refetch]);\n\n const handleCreate = useCallback(() => {\n setEditLookup(null);\n setSheetOpen(true);\n }, []);\n\n const handleEdit = useCallback((_, params) => {\n setEditLookup(params?.data);\n setSheetOpen(true);\n }, []);\n\n const handleSheetClose = useCallback(() => {\n setSheetOpen(false);\n setEditLookup(null);\n }, []);\n\n const handleLookupCreatedOrUpdated = useCallback(() => {\n refetch();\n }, [refetch]);\n\n const handleDeleteConfirm = useCallback(async () => {\n if (!deleteTarget) return;\n setDeleting(true);\n try {\n await deleteLookup(deleteTarget);\n setDeleteTarget(null);\n refetch();\n } finally {\n setDeleting(false);\n }\n }, [deleteTarget, deleteLookup, refetch]);\n\n const statusConfig = useMemo(\n () => ({\n true: 'success',\n false: 'secondary'\n }),\n []\n );\n\n const columnDefs = useMemo(\n () => [\n { headerName: 'Name', field: 'name' },\n {\n headerName: 'Description',\n field: 'description'\n },\n {\n headerName: 'Domain',\n field: 'domainName',\n valueFormatter: (params) => {\n if (!params.value) return '';\n const parts = params.value.split('.');\n return parts[parts.length - 1];\n }\n },\n {\n headerName: 'Type',\n field: 'typeId',\n cellRenderer: 'statusRenderer',\n cellRendererParams: {\n getStatusConfig: (params) => {\n if (params.value === LookupTypeId.Domain)\n return { label: 'Domain', color: 'warning' };\n if (params.value === LookupTypeId.Lookup)\n return { label: 'Virtual', color: 'info' };\n return null;\n }\n }\n },\n {\n headerName: 'Key Name(s)',\n field: 'udpLookupUdpLookupKey',\n valueFormatter: (params) => {\n // console.log('Formatting keys for lookup:', params.value);\n // console.log('data:', params);\n\n if (!params.value) return '';\n if (!Array.isArray(params.value))\n return params.value?.name || '';\n\n return getLookupKeysFormatted(params.value);\n }\n },\n { headerName: 'Value Name', field: 'valueName' },\n {\n field: 'actions',\n cellRenderer: 'actionsRenderer',\n cellRendererParams: {\n actionList: [\n {\n id: 1,\n iconName: 'edit',\n title: 'Edit',\n handleOnClick: handleEdit\n },\n {\n id: 2,\n iconName: 'delete',\n title: 'Delete',\n handleOnClick: (_, params) => setDeleteTarget(params?.data)\n }\n ]\n }\n }\n ],\n [handleEdit]\n );\n\n const gridHeaderConfig = useMemo(\n () => ({\n title: 'Lookups',\n primaryActionButton: {\n label: 'Create Lookup',\n iconName: 'add',\n onClick: handleCreate\n }\n }),\n [handleCreate]\n );\n\n const gridFunctions = useMemo(\n () => [\n {\n name: 'agGridRefreshData',\n params: {\n onRefreshStart: handleRefresh,\n onRefreshComplete: () => setLoading(false)\n }\n },\n { name: 'quickFilter' }\n ],\n [handleRefresh]\n );\n\n return (\n <>\n <ClientSideUdpGrid\n rowData={lookups ?? []}\n loading={loading || lookupsLoading}\n columnDefs={columnDefs}\n gridHeaderConfig={gridHeaderConfig}\n gridFunctions={gridFunctions}\n gridOptions={{ pagination: true }}\n />\n\n <LookupCreationSheet\n open={sheetOpen}\n onClose={handleSheetClose}\n lookup={editLookup}\n onCreateLookup={createLookup}\n onCreateLookupColumn={createLookupColumn}\n onCreateLookupValue={createLookupValue}\n onUpdateLookup={updateLookup}\n onUpdateLookupColumn={updateLookupColumn}\n onDeleteLookupValue={deleteLookupValue}\n fetchColumns={fetchColumns}\n fetchValues={fetchValues}\n onLookupCreated={handleLookupCreatedOrUpdated}\n catalogObjectList={catalogObjectList}\n lookupMethodStatus={methodStatus}\n isLegacyLookups={isLegacyLookups}\n />\n\n <UdpDialog\n open={!!deleteTarget}\n dialogTitle='Delete Lookup'\n onDialogClose={() => setDeleteTarget(null)}\n >\n <UdpText>\n Are you sure you want to delete “{deleteTarget?.name}”?\n This action cannot be undone.\n </UdpText>\n\n <UdpButton\n appearance='outline'\n onClick={() => setDeleteTarget(null)}\n slot='action'\n >\n Cancel\n </UdpButton>\n <UdpButton\n appearance='primary'\n onClick={handleDeleteConfirm}\n loading={deleting}\n slot='action'\n >\n Delete\n </UdpButton>\n </UdpDialog>\n </>\n );\n};\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "udp-react-enterprise-component-library",
|
|
3
|
-
"version": "26.
|
|
3
|
+
"version": "26.4.0-beta.0",
|
|
4
4
|
"description": "React-based UI component library implementing Fluent UI design for Univerus internal projects",
|
|
5
5
|
"author": "Univerus",
|
|
6
6
|
"license": "MIT",
|
|
@@ -3738,8 +3738,8 @@
|
|
|
3738
3738
|
"@microlink/react-json-view": "^1.31.20",
|
|
3739
3739
|
"@tanstack/react-query": "^5",
|
|
3740
3740
|
"@tanstack/react-query-devtools": "^5",
|
|
3741
|
-
"udp-react-stencil-component-library": "
|
|
3742
|
-
"udp-stencil-component-library": "
|
|
3741
|
+
"udp-react-stencil-component-library": "26.4.0-beta.0",
|
|
3742
|
+
"udp-stencil-component-library": "26.4.0-beta.0",
|
|
3743
3743
|
"axios": "^0.31.1",
|
|
3744
3744
|
"axios-hooks": "^2.1.0",
|
|
3745
3745
|
"broadcast-channel": "^4.17.0",
|