udp-react-enterprise-component-library 25.18.1-beta.31 → 25.18.1-beta.33

package/dist/UdpAuditEventsPage-BfwuxYxk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpAuditEventsPage-BfwuxYxk.js","names":["useStyles","getLocalizedDateTimeString","auditEventDetail","LinearProgress","getLocalizedDateTimeString","getLocalizedDateString","params","LinearProgress","UdpAuditEventSidesheet"],"sources":["../src/enums/auditEventEnums.ts","../src/udp/utilities/dateLocalizationHooks.jsx","../src/udp/pages/UdpAuditEvents/UdpAuditEventSidesheet.jsx","../src/udp/utilities/useDateStringColumnDef.js","../src/udp/pages/UdpAuditEvents/UdpAuditEventsPage.jsx"],"sourcesContent":["export enum AuditEventTypeEnums {\n  Create_Domain = 1,\n  Update_Domain = 2,\n  Delete_Domain = 3,\n}\n","import { IANAZone } from 'luxon';\nimport { useCallback } from 'react';\nimport {\n  getLocalizedDateString,\n  getLocalizedDateTimeString,\n} from '../../UI/widgets/utils/dateUtils';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser'\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date string without time in the specified IANA time zone.\n * @param timeZone An IANA time zone to convert the date to before returning as a string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedDateString = (timeZone) => {\n  const user = useAuthedUser();\n\n  const getDateString = useCallback(\n    (date) => {\n      const validTimeZone =\n        timeZone !== 'local' &&\n        (timeZone === user?.additionalProperties?.activeUtilityTimeZone ||\n          IANAZone.isValidZone(timeZone))\n          ? timeZone\n          : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n      return getLocalizedDateString(date, validTimeZone);\n    },\n    [user, timeZone],\n  );\n\n  return getDateString;\n};\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date time string in the specified IANA time zone.\n * @param timeZone The IANA time zone to convert the date before converting to\n * a localized string.\n * @param includeTimeZoneOffset If true, include the time zone offset in the localized string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedDateTimeString = (timeZone, includeTimeZoneOffset = false) => {\n  const user = useAuthedUser();\n\n  const getDateTimeString = useCallback(\n    (date, delimiter = null) => {\n      const validTimeZone =\n        timeZone !== 'local' &&\n        (timeZone === user?.additionalProperties?.activeUtilityTimeZone ||\n          IANAZone.isValidZone(timeZone))\n          ? timeZone\n          : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n      return getLocalizedDateTimeString(date, delimiter, validTimeZone, includeTimeZoneOffset);\n    },\n    [user, timeZone, includeTimeZoneOffset],\n  );\n\n  return getDateTimeString;\n};\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date time string in the current user's time zone.\n * @param includeTimeZoneOffset If true, include the time zone offset in the localized string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedUserDateTimeString = (includeTimeZoneOffset = false) => {\n  const user = useAuthedUser();\n\n  const getDateTimeString = useCallback(\n    (date, delimiter = null) => {\n      return getLocalizedDateTimeString(\n        date,\n        delimiter,\n        user?.additionalProperties?.timeZone,\n        includeTimeZoneOffset,\n      );\n    },\n    [user, includeTimeZoneOffset],\n  );\n\n  return getDateTimeString;\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { useTranslation } from 'react-i18next';\nimport { FluentTextField } from '../../../UI/inputs/textField/FluentTextField';\nimport { GridRow } from '../../../layout/GridRow';\nimport { GridUnit } from '../../../layout/GridUnit';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard/AmbientCard';\nimport { makeStyles, Box } from \"@material-ui/core\";\nimport { AuditEventTypeEnums } from '../../../enums/auditEventEnums';\nimport ReactJson from 'react-json-view';\nimport { LinearProgress } from '../../../UI/loading/LinearProgress';\nimport { useGetLocalizedUserDateTimeString } from '../../utilities/dateLocalizationHooks';\nimport { UdpEnums } from '../../../enums/unitySystemEnums';\nimport { executeQueryWithParameters, getBaseMethod } from '../../utilities/methodUtils';\n\nconst useStyles = makeStyles((theme) => ({\n    textField: {\n        marginTop: theme.spacing(0),\n    },\n    loadingBar: {\n        top: theme.spacing(-2),\n        marginLeft: theme.spacing(-2),\n        marginRight: theme.spacing(-2),\n    },\n}));\n\nconst UdpAuditEventSidesheet = props => {\n    const {\n        auditEvent,\n        isSideSheetOpen,\n        handleSideSheet,\n        promotedEntities,\n        sheetProps,\n    } = props;\n\n    const { t } = useTranslation();\n    const classes = useStyles();\n    const getLocalizedDateTimeString = useGetLocalizedUserDateTimeString();\n    const [auditEventDetail, setAuditEventDetail] = React.useState({});\n    const [loading, setLoading] = useState(false);\n\n    const auditEventDetailGetApiMethod = useMemo(() => {\n        return getBaseMethod(\n          UdpEnums.Udp_Audit_Event_Detail,\n          'unityBaseGetMethod',\n          promotedEntities\n        );\n      }, [promotedEntities]);\n\n    const onCloseSideSheet = () => {\n        handleSideSheet(false);\n    }\n\n    useEffect(() => {\n        const getAuditEventDetail = async () => {\n            let auditEventDetail = {};\n            const data = {};\n            try {\n                if (auditEventDetailGetApiMethod && auditEvent) {\n                    setLoading(true);\n                    data['{auditEventId}'] = auditEvent.id;\n                    const response = await executeQueryWithParameters(\n                        { data },\n                        auditEventDetailGetApiMethod.apiMethodId\n                    );\n                    if (response?.status === 200) {\n                        auditEventDetail = response.data;\n                        setAuditEventDetail(auditEventDetail);\n                    }\n                }\n            } finally {\n                setLoading(false);\n            }\n        };\n        getAuditEventDetail();\n      }, [auditEvent, auditEventDetailGetApiMethod]);\n\n    return (\n        <SideSheet\n            {...sheetProps}\n            open={isSideSheetOpen}\n            onClose={onCloseSideSheet}\n            title={t(`Audit Event Details`)}\n            width={800}\n            color='primary'\n        >\n            {loading && (\n                <LinearProgress className={classes.loadingBar} color=\"secondary\" />\n            )}\n            <GridRow>\n                <GridUnit ratio=\"1:1\" width=\"100%\">\n                    <AmbientCard title={t('Event')} fullWidth={true} subCard>\n                        <>\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventTypeName\"\n                                label={t('Event Type')}\n                                value={auditEvent?.auditEventTypeName || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventUserDisplayName\"\n                                label={t('User')}\n                                value={auditEvent?.userDisplayName || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventDomain\"\n                                label={t('Description')}\n                                value={auditEvent?.domain || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventCreatedOn\"\n                                label={t('Created On')}\n                                value={getLocalizedDateTimeString(auditEvent?.createdOn ?? '')}\n                                disabled={true}\n                            />\n                            <Box>\n                                {(auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain ||\n                                 auditEvent?.typeCode === AuditEventTypeEnums.Delete_Domain) &&\n                                    <ReactJson\n                                        src={auditEventDetail?.oldObj ? JSON.parse(auditEventDetail?.oldObj) : {}}\n                                        name={t('Old Details')}\n                                        displayDataTypes={false}\n                                        displayObjectSize={false}\n                                    />\n                                }\n                                {(auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain ||\n                                 auditEvent?.typeCode === AuditEventTypeEnums.Create_Domain) &&\n                                    <ReactJson\n                                        src={auditEventDetail?.newObj ? JSON.parse(auditEventDetail?.newObj) : {}}\n                                        name={t('New Details')}\n                                        displayDataTypes={false}\n                                        displayObjectSize={false}\n                                    />\n                                }\n                            </Box>\n                        </>\n                    </AmbientCard>\n                </GridUnit>\n            </GridRow>\n        </SideSheet>\n    )\n}\n\nexport default UdpAuditEventSidesheet;\n","import { DateTime, IANAZone } from 'luxon';\nimport { useMemo } from 'react';\nimport { getDateFromString } from '../../UI/widgets/utils/dateUtils';\nimport { GridExcelStyleEnums } from '../../enums/unitySystemEnums';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser'\nimport { useGetLocalizedDateString, useGetLocalizedDateTimeString } from './dateLocalizationHooks';\n\n\nexport const useDateStringColumnDef = (\n  includeTime = false,\n  timeZone = null,\n  includeTimeZoneOffset = false,\n) => {\n  const user = useAuthedUser();\n\n  const zone = useMemo(() => {\n    const tz = timeZone ?? user?.additionalProperties?.timeZone ?? 'local';\n    const validTimeZone =\n      tz !== 'local' &&\n      (tz === user?.additionalProperties?.timeZone || IANAZone.isValidZone(tz))\n        ? tz\n        : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n    return validTimeZone;\n  }, [timeZone, user]);\n\n  const getLocalizedDateTimeString = useGetLocalizedDateTimeString(zone, includeTimeZoneOffset);\n  const getLocalizedDateString = useGetLocalizedDateString(zone);\n\n  const columnDef = useMemo(() => {\n    return !user\n      ? {}\n      : ({\n          valueFormatter: (params) => {\n            if (!params) {\n              return '';\n            }\n            if (includeTime) {\n              return getLocalizedDateTimeString(params.value);\n            } else {\n              return getLocalizedDateString(params.value);\n            }\n          },\n          cellClass: includeTime\n            ? GridExcelStyleEnums.DateTimeShortWithSeconds\n            : GridExcelStyleEnums.DateShort,\n          filter: 'agDateColumnFilter',\n          filterParams: {\n            comparator: function (filterLocalDateAtMidnight, cellValue) {\n              const cellDate = getDateFromString(cellValue);\n              if (!cellDate) {\n                return null;\n              }\n\n              // Assume date picker is in the same time zone that we're displaying dates in so that the results make sense to the user\n              const filterDateTimeMidnight = DateTime.fromJSDate(filterLocalDateAtMidnight).setZone(\n                zone,\n                { keepLocalTime: true },\n              );\n              const cellDateTimeMidnight = DateTime.fromJSDate(cellDate, { zone: zone }).set({\n                hour: 0,\n                minute: 0,\n                second: 0,\n                millisecond: 0,\n              });\n\n              if (cellDateTimeMidnight < filterDateTimeMidnight) {\n                return -1;\n              } else if (cellDateTimeMidnight > filterDateTimeMidnight) {\n                return 1;\n              } else {\n                return 0;\n              }\n            },\n            buttons: ['apply', 'reset'],\n            closeOnApply: true,\n            suppressAndOrCondition: true,\n            filterOptions: ['equals', 'lessThan', 'greaterThan', 'inRange'],\n          },\n        });\n  }, [includeTime, getLocalizedDateString, getLocalizedDateTimeString, user, zone]);\n\n  return columnDef;\n};\n","import React, { useCallback, useEffect, useState, useMemo, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles } from '@material-ui/core';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\nimport { debounce } from 'lodash';\nimport { LogicalSearchOperatorEnums, UdpEnums } from '../../../enums/unitySystemEnums';\nimport { LinearProgress } from '../../../UI/loading/LinearProgress';\nimport { getSearchObject } from '../../../utilities/search/SearchUtilities';\nimport { ViewIcon, RefreshIcon } from '@fluentui/react-icons';\nimport UdpAuditEventSidesheet from './UdpAuditEventSidesheet';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useDateStringColumnDef } from '../../utilities/useDateStringColumnDef';\nimport { executeQueryAdHoc, getBaseMethod } from '../../utilities/methodUtils';\nimport { useCatalogStore } from '../../../stores/catalogStore';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { SearchMethodUdpGrid } from '../../../UI/templates/newGrid';\nimport { usePromotedMethodEntity } from '../../../hooks';\n\nconst PAGE_SIZE = 15;\n\nconst baseSearchPayload = {\n  pageNumber: 1,\n  pageSize: PAGE_SIZE,\n  filterElements: [],\n  filterGroups: [],\n  orderElements: [],\n  groupingType: '',\n  groupProperty: [],\n  groupOperationList: [],\n  eagerLoad: false,\n  logicalSearchOperator: 1,\n};\n\nconst useStyles = makeStyles(theme => ({\n  loadingBar: {\n    bottom: theme.spacing(-0.5),\n    marginLeft: theme.spacing(0.5),\n    marginRight: theme.spacing(0.5),\n  },\n}));\n\nconst UdpAuditEventsPage = (props) => {\n  const { params } = props;\n\n  // Hooks\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const { t } = useTranslation();\n  const classes = useStyles();\n  const dateStringColumnDef = useDateStringColumnDef(true);\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const gridApiRef = useRef(null);\n\n  // States\n  const [searchQuery, setSearchQuery] = useState('');\n  const [displayProgressBar, setDisplayProgressBar] = useState(false);\n  const [selectedAuditEvent, setSelectedAuditEvent] = useState(null);\n  const [viewSideSheetOpen, setViewSideSheetOpen] = useState(false);\n  const [auditEventTypes, setAuditEventTypes] = useState([]);\n  const [searchObject, setSearchObject] = useState(baseSearchPayload);\n\n  const currentApiCatalogId = useCatalogStore(\n      (state) => state.currentApiCatalogId\n    );\n\n  const promotedMethodEntitiesMap = useCatalogStore(\n    (state) => state.promotedMethodEntitiesMap\n  );\n\n  const promotedEntities = useMemo(() => {\n    if (!currentApiCatalogId || !promotedMethodEntitiesMap) {\n      return null;\n    }\n    return promotedMethodEntitiesMap[currentApiCatalogId] || [];\n  }, [promotedMethodEntitiesMap, currentApiCatalogId]);\n\n  const auditEventTypeGetAllApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Audit_Event_Type,\n      'unityBaseGetAllMethod',\n      promotedEntities\n    );\n  }, [promotedEntities]);\n\n  const auditEventSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Audit_Event,\n      'unityBaseSearchMethod',\n      promotedEntities\n    );\n  }, [promotedEntities]);\n\n  const getAuditEventTypeName = useCallback(auditEventTypeCode => {\n    if (!auditEventTypes) return '';\n    const matchingAuditEventType = auditEventTypes.find(\n      auditEventType => auditEventType.code === auditEventTypeCode\n    );\n    return matchingAuditEventType?.name || '';\n  }, [auditEventTypes]);\n\n  const handleSideSheet = useCallback((isOpen, auditEvent) => {\n    setViewSideSheetOpen(isOpen);\n    setSelectedAuditEvent(auditEvent);\n  }, []);\n\n  const columnDefs = useMemo(() => {\n    return [\n      {\n          headerName: t('Event Type'),\n          field: 'UdpAuditEventUdpAuditEventType.Name',\n          valueGetter: params => getAuditEventTypeName(params.data.typeCode),\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('User'),\n          field: 'userDisplayName',\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('Description'),\n          field: 'domain',\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('Created On'),\n          field: 'createdOn',\n          resizable: true,\n          sortable: true,\n          ...dateStringColumnDef\n      },\n      {\n          field: 'actions',\n          headerName: t('Details'),\n          cellRenderer: 'actionsRenderer',\n          cellRendererParams: {\n            actionList: [\n              {\n                id: 0,\n                title: t('View'),\n                iconName: 'view',\n                handleOnClick: (e, auditEvent) =>\n                  handleSideSheet(true, {...auditEvent?.data, auditEventTypeName: getAuditEventTypeName(auditEvent?.data?.typeCode)}),\n                disabled: false,\n              },\n\n            ],\n          },\n          suppressMenu: true,\n          sortable: false,\n          filter: false,\n      },\n    ];\n  }, [getAuditEventTypeName]);\n\n  const gridFunctions = [\n    { name: 'chipFilter' },\n    { name: 'agGridExport' },\n    { name: 'agGridSizeColumnsToFit' },\n    { name: 'agGridAutoSizeColumns' },\n    { name: 'agGridResetColumns' },\n    { name: 'agGridHideShowColumns' },\n  ];\n\n  const gridOptions = useMemo(() => {\n    return {\n      pagination: true,\n    };\n  }, []);\n\n  useEffect(() => {\n    const getAuditEventTypes = async () => {\n      let types = [];\n      if (auditEventTypeGetAllApiMethod) {\n        const response = await executeQueryAdHoc(\n          { data: {}},\n          auditEventTypeGetAllApiMethod.apiMethodId\n        );\n        if (response?.status === 200) {\n          types = response.data;\n        }\n      }\n      setAuditEventTypes(types);\n    };\n    getAuditEventTypes();\n  }, [auditEventTypeGetAllApiMethod]);\n\n  const handleGridApiCallback = api => {\n    gridApiRef.current = api;\n  };\n\n  const searchMethodConfig = useMemo(() => {\n    return {\n      apiMethodId: auditEventSearchApiMethod?.apiMethodId,\n      customSearchObject: searchObject,\n    };\n  }, [auditEventSearchApiMethod]);\n\n  return (\n    <>\n      {(displayProgressBar) && (<LinearProgress className={classes.loadingBar} color=\"secondary\" />)}\n      <SearchMethodUdpGrid\n        searchMethodConfig={searchMethodConfig}\n        columnDefs={columnDefs}\n        gridHeaderConfig={{\n          title: t('Audit Events'),\n        }}\n        gridOptions={gridOptions}\n        gridApiCallback={handleGridApiCallback}\n        gridFunctions={gridFunctions}\n      />\n      <UdpAuditEventSidesheet\n          auditEvent={selectedAuditEvent}\n          isSideSheetOpen={viewSideSheetOpen}\n          handleSideSheet={handleSideSheet}\n          promotedEntities={promotedEntities}\n      />\n    </>\n  )\n}\n\n  export default UdpAuditEventsPage;\n"],"mappings":"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"}

package/dist/UdpBarChart-DY3Sd8K8.js

@@ -0,0 +1,44 @@
+import React from "react";
+import { UdpBarChart, UdpDistributionChart, UdpDonutChart, UdpLineChart, UdpSankeyChart, UdpXyMultiSeriesChart } from "udp-react-stencil-component-library";
+
+//#region src/UI/charts/amcharts/UdpDistributionChart.tsx
+const UdpDistributionChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDistributionChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpDonutChart.tsx
+const UdpDonutChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDonutChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpLineChart.tsx
+const UdpLineChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpLineChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpSankeyChart.tsx
+const UdpSankeyChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpSankeyChart, {
+		...props,
+		kpisPosition: "top"
+	});
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpXYMultiSeriesChart.tsx
+const UdpXYMultiSeriesChart = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpXyMultiSeriesChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/amcharts/UdpBarChart.tsx
+const UdpBarChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpBarChart, props);
+};
+
+//#endregion
+export { UdpDonutChart$1 as a, UdpLineChart$1 as i, UdpXYMultiSeriesChart as n, UdpDistributionChart$1 as o, UdpSankeyChart$1 as r, UdpBarChart$1 as t };
+//# sourceMappingURL=UdpBarChart-DY3Sd8K8.js.map

package/dist/UdpBarChart-DY3Sd8K8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpBarChart-DY3Sd8K8.js","names":["UdpDistributionChart","StencilDistributionChart","UdpDonutChart: React.FC<UdpDonutChartProps>","StencilDonutChart","UdpLineChart: React.FC<UdpLineChartProps>","StencilLineChart","UdpSankeyChart","StencilSankeyChart","StencilXYMultiSeriesChart","UdpBarChart: React.FC<UdpBarChartProps>","StencilBarChart"],"sources":["../src/UI/charts/amcharts/UdpDistributionChart.tsx","../src/UI/charts/amcharts/UdpDonutChart.tsx","../src/UI/charts/amcharts/UdpLineChart.tsx","../src/UI/charts/amcharts/UdpSankeyChart.tsx","../src/UI/charts/amcharts/UdpXYMultiSeriesChart.tsx","../src/UI/charts/amcharts/UdpBarChart.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UdpDistributionChart as StencilDistributionChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from '../types';\n\nexport interface UdpDistributionChartProps extends XyChartBaseProps{\n  valueField: string;\n};\n\nexport const UdpDistributionChart = (props: UdpDistributionChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilDistributionChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpDonutChart as StencilDonutChart } from 'udp-react-stencil-component-library';\nimport { BaseProps } from '../types';\n\nexport interface UdpDonutChartProps extends BaseProps{\n  valueField: string;\n  labelField: string;\n  hideLegend: boolean;\n};\nexport const UdpDonutChart: React.FC<UdpDonutChartProps> = (props: UdpDonutChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilDonutChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpLineChart as StencilLineChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from '../types';\n\nexport interface UdpLineChartProps extends XyChartBaseProps{\n  xAxisField: string\n  yAxisField: string\n};\nexport const UdpLineChart: React.FC<UdpLineChartProps> = (props: UdpLineChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilLineChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpSankeyChart as StencilSankeyChart } from 'udp-react-stencil-component-library';\nimport { BaseProps } from '../types';\n\nexport interface SankeyChartBaseProps extends BaseProps {\n  valueField: string;\n  targetIdField: string;\n  sourceIdField: string;\n  labelFormat?: string;\n  tooltipTextFormat?: string;\n  nodeTooltipTextFormat?: string;\n  paddingRight?: number | string;\n}\n\nexport const UdpSankeyChart = (props: SankeyChartBaseProps) => {\n  {/* @ts-ignore */}\n  return <StencilSankeyChart {...props} kpisPosition=\"top\"/>;\n};\n","import React from 'react';\nimport { UdpXyMultiSeriesChart as StencilXYMultiSeriesChart } from 'udp-react-stencil-component-library';\nimport {\n  BaseProps,\n  XYMultiSeriesSeriesProps,\n  XYMultiSeriesXAxisProps,\n  XYMultiSeriesYAxisProps\n} from '../types';\n\nexport interface UdpXYMultiSeriesChartProps extends BaseProps {\n  hideLegend: boolean;\n  xAxes: XYMultiSeriesXAxisProps[];\n  yAxes: XYMultiSeriesYAxisProps[];\n  series: XYMultiSeriesSeriesProps[];\n}\n\nexport const UdpXYMultiSeriesChart = (props: UdpXYMultiSeriesChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilXYMultiSeriesChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpBarChart as StencilBarChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from '../types';\n\nexport interface UdpBarChartProps extends XyChartBaseProps{\n  valueField: string;\n  labelField: string;\n};\n\nexport const UdpBarChart: React.FC<UdpBarChartProps> = (props: UdpBarChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilBarChart {...props} />;\n};\n"],"mappings":";;;;AASA,MAAaA,0BAAwB,UAAqC;AAExE,QAAO,oCAACC,sBAA6B,MAAS;;;;;ACDhD,MAAaC,mBAA+C,UACvD;AAEH,QAAO,oCAACC,eAAsB,MAAS;;;;;ACJzC,MAAaC,kBAA6C,UACrD;AAEH,QAAO,oCAACC,cAAqB,MAAS;;;;;ACGxC,MAAaC,oBAAkB,UAAgC;AAE7D,QAAO,oCAACC;EAAmB,GAAI;EAAO,cAAa;GAAO;;;;;ACD5D,MAAa,yBAAyB,UAAsC;AAE1E,QAAO,oCAACC,uBAA8B,MAAS;;;;;ACRjD,MAAaC,iBAA2C,UAA4B;AAElF,QAAO,oCAACC,aAAoB,MAAS"}

package/dist/UdpDataBrowserPage-C746qBki.js

@@ -0,0 +1,458 @@
+import { t as __export } from "./chunk-B4enJp2Q.js";
+import { a as getPrimaryKeyValues, n as getEntityAttributes, r as getPathObject } from "./CrudBrowserUtilities-C9nVmUR3.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
+import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
+import { i as toLowerFirstChar, o as toUpperFirstChar } from "./StringUtilities-u-cxAW6-.js";
+import { n as CardinalityTypeEnums } from "./unitySystemEnums-DM5vXR_m.js";
+import { r as getSearchObject } from "./SearchUtilities-On0QS5vE.js";
+import { M as mapNodeObjValuesToSearchParameters } from "./TreeUtilities-CujOFOPm.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import { t as executeQueryAdHoc } from "./methodUtils-Cwo_kmVX.js";
+import { t as usePromotedMethodEntity } from "./usePromotedMethodEntity-Bi2neP26.js";
+import { t as useApiCatalog } from "./useApiCatalog-Yi_KDPot.js";
+import { t as useQueryExecutors } from "./useQueryExecutors-UWa24-Mf.js";
+import { t as useSearchFilterParamsMap } from "./useSearchFilterParamsMap-CLAStwmE.js";
+import { t as useAuthedUser } from "./useAuthedUser-CN4neRNZ.js";
+import { t as CrudTableSidePanel } from "./CrudTableSidePanel-BNnuDNZS.js";
+import { t as DataBrowserContainer } from "./DataBrowserContainer-nr4cDIBD.js";
+import React, { memo, useCallback, useEffect, useMemo, useState } from "react";
+import { useLocation } from "react-router-dom";
+import { DeleteIcon, EditIcon, UploadIcon } from "@fluentui/react-icons";
+import { useTranslation } from "react-i18next";
+import { v4 } from "uuid";
+import { Alert } from "@material-ui/lab";
+
+//#region src/udp/pages/UdpDataBrowserPage/UdpDataBrowserPage.jsx
+const UdpDataBrowserPage = (props) => {
+	const { queryId, params } = props;
+	const user = useAuthedUser();
+	const { t } = useTranslation();
+	const [entityData, setEntityData] = useState([]);
+	const [gridApi, setGridApi] = useState(null);
+	const [alertWarnings, setAlertWarnings] = useState([]);
+	const location = useLocation();
+	const state = location.state;
+	let searchParamStr = location.search;
+	let searchParams = new URLSearchParams(searchParamStr);
+	const searchParamsQueryId = state?.queryId ? state.queryId : searchParams.has("queryId") === true ? toUpperFirstChar(searchParams.get("queryId")) : "";
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const { getCleanData } = useQueryExecutors();
+	const udpQueryId = useMemo(() => params?.queryId || queryId || searchParamsQueryId || "", [
+		params,
+		queryId,
+		searchParamsQueryId
+	]);
+	const udpTagId = params?.udpTagId || "";
+	const [selectedEntity, setSelectedEntity] = useState(null);
+	const [foreignKeyData, setForeignKeyData] = useState(null);
+	const [udpFieldSearchApiId, setUdpFieldSearchApiId] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const [apiCatalogId, setApiCatalogId] = useState(null);
+	const [entityName, setEntityName] = useState(null);
+	const [enteredFromConfig, setEnteredFromConfig] = useState(false);
+	const { data: catalog } = useApiCatalog(apiCatalogId);
+	const { data: udpOjectFieldInfo } = usePromotedMethodEntity("UdpObjectFieldInfo", true);
+	const { getQueryFilterElements } = useSearchFilterParamsMap();
+	const [{ data: tpacb, loading: tpacbLoading, error: tpacbError }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!user, false);
+	const [{ data: apiMethodInstance, loading: apiMethodInstancebLoading, error: apiMethodInstanceError }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apiMethodInstance/${udpQueryId}`, {}, !!!udpQueryId, false);
+	const [{ data: apiMethod, loading: apiMethodLoading, error: apiMethodError }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apiMethod/${apiMethodInstance?.apiMethodId}`, {}, !!!apiMethodInstance?.apiMethodId, false);
+	const udpCatalogKey = useMemo(() => apiMethod?.entityName || "", [apiMethod]);
+	const { data: promotedMethodEntities, loading: promotedMethodsLoading } = usePromotedMethodEntity(entityName);
+	const executeCreate = useCallback(async (data) => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseCreateMethod?.apiMethodId}`, { method: "post" }, data), [selectedEntity]);
+	const executeUpdate = useCallback(async (data) => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseUpdateMethod?.apiMethodId}`, { method: "post" }, data), [selectedEntity]);
+	const executeDelete = useCallback(async (data) => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseDeleteMethod?.apiMethodId}`, { method: "post" }, data), [selectedEntity]);
+	const onCreate = useCallback(async (data) => {
+		return await executeCreate(data);
+	}, [executeCreate]);
+	const onUpdate = useCallback(async (data) => {
+		return await executeUpdate(data);
+	}, [executeUpdate]);
+	const onDelete = useCallback(async (data) => {
+		return await executeDelete(data);
+	}, [executeDelete]);
+	const queryColumnsData = useMemo(() => {
+		if (!apiMethodInstance) return [];
+		let catalogMods = [];
+		try {
+			const catalogModificationStr = apiMethodInstance.catalogModification;
+			catalogMods = JSON.parse(catalogModificationStr);
+		} catch {
+			console.warn("Error parsing apiMethodInstance catalogModification");
+		}
+		return catalogMods;
+	}, [apiMethodInstance]);
+	const lookupsMap = useMemo(() => {
+		if (!queryColumnsData.length) return null;
+		const map = {};
+		queryColumnsData.filter((column) => !!column.extendedProperties?.lookup).forEach((lc) => {
+			map[lc.name] = {
+				lookupKeyName: lc.extendedProperties?.lookupKeyName || "",
+				lookupValueName: lc.extendedProperties?.lookupKeyName || "",
+				value: lc.extendedProperties?.lookup || "",
+				filterOn: !!lc.filterOn || false
+			};
+		});
+		return map;
+	}, [queryColumnsData]);
+	const nodeFilterParams = useMemo(() => {
+		let filterParams = [];
+		if (params?.nodeObj && params?.queryParamMapping) {
+			const mappedParameters = mapNodeObjValuesToSearchParameters(params.nodeObj, params.queryParamMapping);
+			if (Object.keys(mappedParameters).length) Object.keys(mappedParameters).forEach((key) => {
+				filterParams.push({
+					name: key,
+					value: mappedParameters[key],
+					type: "string"
+				});
+			});
+		}
+		return filterParams;
+	}, [params]);
+	const searchFilterElements = useMemo(() => {
+		const filterElements = [];
+		if (!enteredFromConfig && udpTagId) filterElements.push({
+			searchField: "UdpTags.UdpTagAssociationUdpTag.Id",
+			searchOperator: "=",
+			searchValue: udpTagId
+		});
+		const queryFilterElements = getQueryFilterElements(apiMethodInstance, nodeFilterParams);
+		return filterElements.concat(queryFilterElements);
+	}, [
+		udpTagId,
+		enteredFromConfig,
+		getQueryFilterElements,
+		apiMethodInstance,
+		nodeFilterParams
+	]);
+	const entityAttributes = useMemo(() => {
+		return getEntityAttributes(catalog, entityName);
+	}, [catalog, entityName]);
+	const getMetaDataForUdpField = useCallback(async (entityName$1) => {
+		let fieldInfos = [];
+		if (udpFieldSearchApiId) executeQueryAdHoc({ data: getSearchObject([{
+			searchField: "ObjectInfo.SanitizedName",
+			searchOperator: "=",
+			searchValue: entityName$1
+		}], 1, 50, true) }, udpFieldSearchApiId).then((resp) => {
+			fieldInfos = resp.data?.pageList;
+		});
+		return fieldInfos;
+	}, [udpFieldSearchApiId]);
+	const getFKMethodEntities = useCallback(async (attributes) => {
+		if (!attributes) return [];
+		let fkMethods = [];
+		for (const attr of attributes) if (attr?.extendedProperties?.childEntity) {
+			const ceFieldsArr = [];
+			Object.keys(attr.extendedProperties.childEntityAssoc || {}).length && (attr.extendedProperties.childEntityAssoc.Cardinality === CardinalityTypeEnums.Many_To_Many || attr.extendedProperties.childEntityAssoc.Cardinality === CardinalityTypeEnums.One_To_Many) && !attr.extendedProperties.childEntityAssoc.UdpType && attr.extendedProperties.childEntityAssoc.Keys.forEach((value, i) => {
+				const name = value.split(",")[0];
+				if (name) ceFieldsArr.push({
+					idx: i,
+					name: /^[A-Z]*$/.test(name) ? name.toLowerCase() : toLowerFirstChar(name)
+				});
+			});
+			const ceAttr = attributes.find((p) => ceFieldsArr.find((cef) => cef.name === p.name));
+			if (ceAttr) await apiMutate(ConfigService.integrationV1ApiUrl, `apicatalog/${apiCatalogId}/promotedMethodEntities/${attr.reference}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, { method: "get" }, {}).then((resp) => {
+				if (resp && resp.data) fkMethods.push({
+					entityAttribute: ceAttr,
+					entity: resp.data
+				});
+			});
+		}
+		return fkMethods;
+	}, [apiCatalogId]);
+	const getFKAssociationLabel = useCallback(async (entityName$1) => {
+		let fieldsInfo = [];
+		fieldsInfo = await getMetaDataForUdpField(entityName$1);
+		if (fieldsInfo?.length <= 0) return "";
+		return (fieldsInfo?.find((fi) => fi.properties?.maintainenceConfig?.associationLabel === "true"))?.name;
+	}, [getMetaDataForUdpField]);
+	const getDataByKey = (obj, k) => {
+		if (!obj) return null;
+		let val = obj[k] ?? null;
+		if (!val) {
+			const key = Object.keys(obj).find((objKey) => objKey.toLowerCase().includes(k));
+			if (key) val = obj[key];
+		}
+		return val;
+	};
+	const getFKData = useCallback(async () => {
+		if (!entityAttributes?.length) return null;
+		const fkMethods = await getFKMethodEntities(entityAttributes);
+		if (!fkMethods?.length) {
+			setForeignKeyData([]);
+			return [];
+		}
+		let fkData = [];
+		let promises = [];
+		let promiseDetails = [];
+		const warnings = [];
+		for (const method of fkMethods) if (method && method?.entity?.unityBaseGetAllMethod) {
+			const associationLabel = await getFKAssociationLabel(method.entity.entityName);
+			promiseDetails.push({
+				url: ConfigService.integrationV1ApiUrl + `/apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`,
+				fieldName: method.entityAttribute.name,
+				name: method.entity.entityName,
+				associationLabel
+			});
+			promises.push(apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`, { method: "post" }, { data: {} }));
+		} else warnings.push({
+			id: v4(),
+			message: `${method.entity.entityName}'s Get-All method needs to be promoted`
+		});
+		setAlertWarnings(warnings);
+		Promise.all(promises).then((resp) => {
+			resp.forEach((response, index) => {
+				if (response.status === 200) {
+					if (response?.data) {
+						let respData = [];
+						const promiseDetail = promiseDetails.find((p) => p.url === response?.config?.url && !fkData.find((fd) => fd.entityName === p.Name && fd.fieldName === p.fieldName));
+						response.data.forEach((d) => {
+							const id = getDataByKey(d, promiseDetail?.fieldName && d[promiseDetail.fieldName] ? promiseDetail.fieldName : "id");
+							const name = getDataByKey(d, toLowerFirstChar(promiseDetail.associationLabel) || "name");
+							respData.push({
+								id,
+								name: name ?? id
+							});
+						});
+						fkData.push({
+							fieldName: promiseDetail.fieldName,
+							entityName: promiseDetail.name,
+							name: promiseDetail.fieldName,
+							data: respData
+						});
+					}
+				}
+			});
+			setForeignKeyData(fkData);
+		});
+	}, [
+		entityAttributes,
+		getFKMethodEntities,
+		getFKAssociationLabel
+	]);
+	const handleOnCreate = useCallback(async (values) => {
+		if (selectedEntity) {
+			const entityName$1 = selectedEntity?.entityName;
+			if (selectedEntity?.unityBaseCreateMethod) {
+				const response = await onCreate({ data: { requestBody: values } }).catch((res) => {
+					handleErrorSnackbar(res);
+				});
+				if (response?.status === 200) {
+					handleSuccessSnackbar(entityName$1 ? t(`${entityName$1} has been created`) : t(`Entity has been created`));
+					gridApi?.refreshServerSideStore();
+					return response;
+				}
+			}
+		}
+	}, [
+		selectedEntity,
+		onCreate,
+		t,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		gridApi
+	]);
+	const handleOnUpdate = useCallback(async (values, primaryKeyValues) => {
+		if (selectedEntity) {
+			const entityName$1 = selectedEntity?.entityName;
+			if (selectedEntity?.unityBaseUpdateMethod) {
+				const pathObject = getPathObject(selectedEntity.unityBaseUpdateMethod.pathParameters, primaryKeyValues);
+				let data = { requestBody: values };
+				if (Array.isArray(pathObject)) pathObject.forEach((po) => {
+					data[Object.keys(po)[0]] = po[Object.keys(po)[0]];
+				});
+				else data = {
+					...pathObject,
+					requestBody: values
+				};
+				if ((await onUpdate({ data }).catch((res) => {
+					handleErrorSnackbar(res);
+				}))?.status === 200) {
+					handleSuccessSnackbar(entityName$1 ? t(`${entityName$1} has been updated`) : t(`Entity has been updated`));
+					gridApi?.refreshServerSideStore();
+				}
+			}
+		}
+	}, [
+		selectedEntity,
+		onUpdate,
+		t,
+		gridApi,
+		handleErrorSnackbar,
+		handleSuccessSnackbar
+	]);
+	const handleOnDelete = useCallback(async (value) => {
+		value = getCleanData(value, lookupsMap);
+		if (selectedEntity) {
+			const entityName$1 = selectedEntity?.entityName;
+			if (selectedEntity?.unityBaseDeleteMethod) {
+				const primaryKeyValues = getPrimaryKeyValues(entityAttributes, value);
+				const pathObject = getPathObject(selectedEntity?.unityBaseDeleteMethod.pathParameters, primaryKeyValues);
+				let data = {};
+				if (Array.isArray(pathObject)) pathObject.forEach((po) => {
+					data[Object.keys(po)[0]] = po[Object.keys(po)[0]];
+				});
+				else data = { ...pathObject };
+				if ((await onDelete({ data }).catch((res) => {
+					handleErrorSnackbar(res);
+				}))?.status === 200) {
+					handleSuccessSnackbar(entityName$1 ? t(`${entityName$1} has been deleted`) : t(`Entity has been deleted`));
+					gridApi?.refreshServerSideStore();
+				}
+			}
+		}
+	}, [
+		selectedEntity,
+		entityAttributes,
+		onDelete,
+		t,
+		gridApi,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		getCleanData,
+		lookupsMap
+	]);
+	const handleEntitySelect = useCallback((entityName$1) => {
+		setAlertWarnings([]);
+		setEntityName(entityName$1);
+		setEnteredFromConfig(true);
+	}, []);
+	const removeWarning = useCallback((id) => {
+		setAlertWarnings(alertWarnings.filter((warning) => warning.id !== id));
+	}, [alertWarnings]);
+	const actionList = useMemo(() => {
+		if (!selectedEntity) return;
+		const data = getCleanData(entityData, lookupsMap);
+		const actions = [{
+			id: 1,
+			title: selectedEntity?.unityBaseUpdateMethod ? t("Edit") : t("Edit Method Not Accessible"),
+			icon: EditIcon,
+			onClick: null,
+			opens: "sideSheet",
+			loading: !!!foreignKeyData,
+			view: {
+				component: CrudTableSidePanel,
+				properties: {
+					entityAttributes,
+					foreignKeyData,
+					crudTableEditionData: null,
+					onUpdate: handleOnUpdate,
+					valuePropName: "crudTableEditionData",
+					closeSideSheet: null,
+					closeSideSheetPropName: "closeSideSheet",
+					pageId: selectedEntity?.unityBaseUpdateMethod?.pageId,
+					isNewEntry: false,
+					entityName,
+					entityData: data
+				}
+			},
+			disabled: !!!selectedEntity?.unityBaseUpdateMethod
+		}, {
+			id: 2,
+			title: selectedEntity?.unityBaseDeleteMethod ? t("Delete") : t("Delete Method Not Accessible"),
+			icon: DeleteIcon,
+			onClick: null,
+			opens: "dialog",
+			loading: !!!foreignKeyData,
+			view: {
+				component: null,
+				properties: {
+					title: t("Delete"),
+					message: t("Are you sure you want to delete this row?"),
+					labelOne: t("Cancel"),
+					actionTwo: handleOnDelete,
+					labelTwo: t("Confirm")
+				}
+			},
+			disabled: !!!selectedEntity?.unityBaseDeleteMethod
+		}];
+		if (params?.loadInquiryNode && params?.displayLoadNodeButton) actions.push({
+			id: 5,
+			title: t("Load to Tree"),
+			icon: UploadIcon,
+			onClick: (value) => {
+				const obj = getCleanData(value, lookupsMap);
+				params.loadInquiryNode(obj);
+			},
+			loading: !!!foreignKeyData,
+			view: {}
+		});
+		return actions;
+	}, [
+		selectedEntity,
+		t,
+		entityAttributes,
+		foreignKeyData,
+		handleOnUpdate,
+		handleOnDelete,
+		entityName,
+		entityData,
+		getCleanData,
+		lookupsMap,
+		params
+	]);
+	useEffect(() => {
+		const setFrKeyData = async () => {
+			await getFKData();
+		};
+		if (entityAttributes && udpFieldSearchApiId !== null) setFrKeyData();
+	}, [
+		entityAttributes,
+		getFKData,
+		udpFieldSearchApiId
+	]);
+	useEffect(() => {
+		if (promotedMethodEntities) setSelectedEntity(promotedMethodEntities);
+	}, [promotedMethodEntities]);
+	useEffect(() => {
+		if (udpOjectFieldInfo) setUdpFieldSearchApiId(udpOjectFieldInfo?.unityBaseSearchMethod?.apiMethodId || "");
+	}, [udpOjectFieldInfo]);
+	useEffect(() => {
+		setAlertWarnings([]);
+		if (udpCatalogKey) setEntityName(udpCatalogKey);
+	}, [udpCatalogKey]);
+	useEffect(() => {
+		if (tpacb) setApiCatalogId(tpacb.apiCatalogId);
+	}, [tpacb]);
+	useEffect(() => {
+		setLoading(tpacbLoading || promotedMethodsLoading);
+	}, [tpacbLoading, promotedMethodsLoading]);
+	if (tpacbError) return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, t("There is no Api Catalog associated with your tenant and product"));
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, alertWarnings.map((warning) => /* @__PURE__ */ React.createElement(Alert, {
+		onClose: () => removeWarning(warning.id),
+		severity: "warning"
+	}, warning.message || "")), /* @__PURE__ */ React.createElement(DataBrowserContainer, {
+		entityData,
+		actionList,
+		onCreate: handleOnCreate,
+		entityAttributes,
+		foreignKeyData,
+		isLoading: loading,
+		promotedEntity: selectedEntity,
+		setEntityData,
+		isServerSide: true,
+		apiMethod: {
+			apiCatalogId,
+			entityName
+		},
+		setGridApi,
+		filterElements: searchFilterElements,
+		backToConfigPage: enteredFromConfig ? () => handleEntitySelect(null) : null,
+		queryColumnsData,
+		lookupsMap,
+		disableRowSelction: !params?.loadInquiryNode
+	}));
+};
+var UdpDataBrowserPage_default = memo(UdpDataBrowserPage);
+
+//#endregion
+//#region src/udp/pages/UdpDataBrowserPage/index.ts
+var UdpDataBrowserPage_exports = /* @__PURE__ */ __export({
+	UdpDataBrowserPage: () => UdpDataBrowserPage,
+	default: () => UdpDataBrowserPage_default
+});
+
+//#endregion
+export { UdpDataBrowserPage as n, UdpDataBrowserPage_default as r, UdpDataBrowserPage_exports as t };
+//# sourceMappingURL=UdpDataBrowserPage-C746qBki.js.map