udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/dist/TableContainer-DX7ylhSY.js

@@ -0,0 +1,109 @@
+import { useAgGridApi } from "./AgTable-0F_xrxvX.js";
+import { getSanitizedName } from "./entityUtilities-D7_FeTEd.js";
+import { executeQueryAdHoc } from "./methodUtils-Bgi0VCWP.js";
+import { useBuildEnvironment } from "./EnvironmentRibbon-CPm8YnJ4.js";
+import { ActionsRenderer, AmbientGridTemplate } from "./AmbientGridTemplate-B58pNLnZ.js";
+import { SearchServiceDatasource } from "./SearchServiceDatasource-C-eLl_u3.js";
+import React, { useCallback, useEffect, useMemo } from "react";
+
+//#region src/maintenanceEngine/tableBrowser/TableColumnDefs.js
+const TableColumnDefs = (actionList) => {
+	const getterRowData = useCallback((params) => {
+		return params.data;
+	}, []);
+	return [{
+		headerName: "Name",
+		field: "entityName",
+		valueGetter: (params) => params.data?.properties?.displayName || params.data?.sanitizedName || getSanitizedName(params.data?.entityName),
+		wrapText: true,
+		autoHeight: false,
+		sortable: false
+	}, {
+		headerName: "Actions",
+		filter: false,
+		pinned: "right",
+		cellRenderer: "actionsRenderer",
+		width: 150,
+		cellRendererParams: { actionList },
+		valueGetter: getterRowData,
+		maxWidth: 180,
+		suppressMenu: true,
+		sortable: false,
+		cellStyle: {
+			display: "flex",
+			alignItems: "center"
+		}
+	}];
+};
+const defaultColumnActionsDef = {
+	resizable: true,
+	editable: false,
+	sortable: true,
+	filter: true,
+	floatingFilter: false,
+	enableRowGroup: true
+};
+
+//#endregion
+//#region src/maintenanceEngine/tableBrowser/TableContainer.jsx
+const TableContainer = (props) => {
+	const { actionList, loading, rowData, catalog, isServerSide = false, promotedEntity, filterElements, customColumnDefs, eagerLoad = false, logicalSearchOperator = 1, frameworkComponents = { actionsRenderer: ActionsRenderer }, additionalGridOptions, headerBackgroundColor, api, columnApi, gridReady, dynamicSizing,...other } = props;
+	const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();
+	const gApi = api || gridApi;
+	const cApi = columnApi || gridColumnApi;
+	const gReady = gridReady || onGridReady;
+	const buildEnv = useBuildEnvironment();
+	const columnDefs = customColumnDefs || TableColumnDefs(actionList);
+	const groupData = useMemo(() => {
+		return columnDefs?.map((item) => {
+			return {
+				groupItem: item.field,
+				label: item.headerName,
+				value: item.field
+			};
+		});
+	}, [columnDefs]);
+	useEffect(() => {
+		if (!gApi) return;
+		if (promotedEntity && isServerSide) {
+			let datasource = SearchServiceDatasource(null, promotedEntity?.unityBaseSearchMethod?.apiMethodId, filterElements, logicalSearchOperator, executeQueryAdHoc, null, null, eagerLoad);
+			gApi?.setServerSideDatasource(datasource);
+		}
+	}, [
+		gApi,
+		promotedEntity,
+		isServerSide,
+		filterElements,
+		eagerLoad,
+		logicalSearchOperator
+	]);
+	return /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+		useNewHeader: true,
+		api: gApi,
+		onGridReady: gReady,
+		columnApi: cApi,
+		title: catalog?.name,
+		data: !isServerSide && rowData,
+		columnDefs,
+		groupingData: groupData,
+		height: `calc(100vh - ${buildEnv ? "139px" : "114px"})`,
+		frameworkComponents,
+		hideSearchBar: isServerSide,
+		loading,
+		suppressScrollOnNewData: true,
+		dynamicSizing: dynamicSizing ?? false,
+		disableRowSelection: true,
+		rowModelType: isServerSide ? "serverSide" : null,
+		serverSideStoreType: isServerSide ? "partial" : null,
+		cacheOverflowSize: isServerSide ? 2 : null,
+		cacheBlockSize: isServerSide ? 20 : null,
+		maxConcurrentDatasourceRequests: isServerSide ? 1 : null,
+		additionalGridOptions,
+		headerBackgroundColor,
+		...other
+	});
+};
+
+//#endregion
+export { TableColumnDefs, TableContainer, defaultColumnActionsDef };
+//# sourceMappingURL=TableContainer-DX7ylhSY.js.map

package/dist/TableContainer-DX7ylhSY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer-DX7ylhSY.js","names":[],"sources":["../src/maintenanceEngine/tableBrowser/TableColumnDefs.js","../src/maintenanceEngine/tableBrowser/TableContainer.jsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nexport const TableColumnDefs = (actionList) => {\n  const getterRowData = useCallback((params) => {\n    return params.data;\n  }, []);\n\n  const columnDefs = [\n    {\n      headerName: 'Name',\n      field: 'entityName',\n      valueGetter: (params) =>\n        params.data?.properties?.displayName ||\n        params.data?.sanitizedName ||\n        getSanitizedName(params.data?.entityName),\n      wrapText: true,\n      autoHeight: false,\n      sortable: false\n    },\n    {\n      headerName: 'Actions',\n      filter: false,\n      pinned: 'right',\n      cellRenderer: 'actionsRenderer',\n      // minWidth: 50,\n      width: 150,\n      cellRendererParams: {\n        actionList: actionList\n      },\n      valueGetter: getterRowData,\n      maxWidth: 180,\n      suppressMenu: true,\n      sortable: false,\n      cellStyle: { display: 'flex', alignItems: 'center' }\n    }\n  ];\n  return columnDefs;\n};\n\nexport const defaultColumnActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true\n};\n","import React, { useEffect, useMemo } from 'react';\nimport { TableColumnDefs } from './TableColumnDefs';\nimport { AmbientGridTemplate } from '../../UI/templates/AmbientGridTemplate';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useAgGridApi } from '../../utilities/aggrid/AgTable';\nimport { executeQueryAdHoc } from '../../udp/utilities/methodUtils';\nimport { SearchServiceDatasource } from '../../utilities/aggrid/datasources/SearchServiceDatasource';\nimport { useBuildEnvironment } from '../../shell/ui/EnvironmentRibbon';\n\nexport const TableContainer = (props) => {\n  const {\n    actionList,\n    loading,\n    rowData,\n    catalog,\n    isServerSide = false,\n    promotedEntity,\n    filterElements,\n    customColumnDefs,\n    eagerLoad = false,\n    logicalSearchOperator = 1,\n    frameworkComponents={ actionsRenderer: ActionsRenderer },\n    additionalGridOptions,\n    headerBackgroundColor,\n    api,\n    columnApi,\n    gridReady,\n    dynamicSizing,\n    ...other\n  } = props;\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const gApi = api || gridApi;\n  const cApi = columnApi || gridColumnApi;\n  const gReady = gridReady || onGridReady\n  const buildEnv = useBuildEnvironment()\n  const columnDefs = customColumnDefs || TableColumnDefs(actionList);\n\n  const groupData = useMemo(() => {\n    return columnDefs?.map((item) => {\n      return {\n        groupItem: item.field,\n        label: item.headerName,\n        value: item.field\n      };\n    });\n  }, [columnDefs]);\n\n  useEffect(() => {\n    if (!gApi) return;\n    if (promotedEntity && isServerSide) {\n      let datasource = SearchServiceDatasource(\n        null,\n        promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n        filterElements,\n        logicalSearchOperator,\n        executeQueryAdHoc,\n        null,\n        null,\n        eagerLoad\n      );\n      // eslint-disable-next-line no-unused-expressions\n      gApi?.setServerSideDatasource(datasource);\n    }\n  }, [gApi, promotedEntity, isServerSide, filterElements, eagerLoad, logicalSearchOperator]);\n\n  return (\n    <AmbientGridTemplate\n      useNewHeader\n      api={gApi}\n      onGridReady={gReady}\n      columnApi={cApi}\n      title={catalog?.name}\n      data={!isServerSide && rowData}\n      columnDefs={columnDefs}\n      groupingData={groupData}\n      height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n      frameworkComponents={frameworkComponents}\n      hideSearchBar={isServerSide}\n      loading={loading}\n      suppressScrollOnNewData\n      dynamicSizing={dynamicSizing ?? false}\n      disableRowSelection={true}\n      rowModelType={isServerSide ? 'serverSide' : null}\n      serverSideStoreType={isServerSide ? 'partial' : null}\n      cacheOverflowSize={isServerSide ? 2 : null}\n      cacheBlockSize={isServerSide ? 20 : null}\n      maxConcurrentDatasourceRequests={isServerSide ? 1 : null}\n      additionalGridOptions={additionalGridOptions}\n      headerBackgroundColor={headerBackgroundColor}\n      {...other}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;AAGA,MAAa,mBAAmB,eAAe;CAC7C,MAAM,gBAAgB,aAAa,WAAW;AAC5C,SAAO,OAAO;IACb,EAAE,CAAC;AA+BN,QA7BmB,CACjB;EACE,YAAY;EACZ,OAAO;EACP,cAAc,WACZ,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBACb,iBAAiB,OAAO,MAAM,WAAW;EAC3C,UAAU;EACV,YAAY;EACZ,UAAU;EACX,EACD;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,cAAc;EAEd,OAAO;EACP,oBAAoB,EACN,YACb;EACD,aAAa;EACb,UAAU;EACV,cAAc;EACd,UAAU;EACV,WAAW;GAAE,SAAS;GAAQ,YAAY;GAAU;EACrD,CACF;;AAIH,MAAa,0BAA0B;CACrC,WAAW;CACX,UAAU;CACV,UAAU;CACV,QAAQ;CACR,gBAAgB;CAChB,gBAAgB;CACjB;;;;ACtCD,MAAa,kBAAkB,UAAU;CACvC,MAAM,EACJ,YACA,SACA,SACA,SACA,eAAe,OACf,gBACA,gBACA,kBACA,YAAY,OACZ,wBAAwB,GACxB,sBAAoB,EAAE,iBAAiB,iBAAiB,EACxD,uBACA,uBACA,KACA,WACA,WACA,cACA,GAAG,UACD;CACJ,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,OAAO,OAAO;CACpB,MAAM,OAAO,aAAa;CAC1B,MAAM,SAAS,aAAa;CAC5B,MAAM,WAAW,qBAAqB;CACtC,MAAM,aAAa,oBAAoB,gBAAgB,WAAW;CAElE,MAAM,YAAY,cAAc;AAC9B,SAAO,YAAY,KAAK,SAAS;AAC/B,UAAO;IACL,WAAW,KAAK;IAChB,OAAO,KAAK;IACZ,OAAO,KAAK;IACb;IACD;IACD,CAAC,WAAW,CAAC;AAEhB,iBAAgB;AACd,MAAI,CAAC,KAAM;AACX,MAAI,kBAAkB,cAAc;GAClC,IAAI,aAAa,wBACf,MACA,gBAAgB,uBAAuB,aACvC,gBACA,uBACA,mBACA,MACA,MACA,UACD;AAED,SAAM,wBAAwB,WAAW;;IAE1C;EAAC;EAAM;EAAgB;EAAc;EAAgB;EAAW;EAAsB,CAAC;AAE1F,QACE,oCAAC;EACC;EACA,KAAK;EACL,aAAa;EACb,WAAW;EACX,OAAO,SAAS;EAChB,MAAM,CAAC,gBAAgB;EACX;EACZ,cAAc;EACd,QAAQ,gBAAgB,WAAW,UAAU,QAAQ;EAChC;EACrB,eAAe;EACN;EACT;EACA,eAAe,iBAAiB;EAChC,qBAAqB;EACrB,cAAc,eAAe,eAAe;EAC5C,qBAAqB,eAAe,YAAY;EAChD,mBAAmB,eAAe,IAAI;EACtC,gBAAgB,eAAe,KAAK;EACpC,iCAAiC,eAAe,IAAI;EAC7B;EACA;EACvB,GAAI;GACJ"}

package/dist/TenantProvider-CKbxaw0X.js

@@ -0,0 +1,37 @@
+import { useUser } from "./useUser-Cn88hlN_.js";
+import { useAxiosGet } from "./useAxiosGet-CAH3ZOZ8.js";
+import { useTenantStore } from "./tenantStore-dj8UJA7G.js";
+import { TenantContext } from "./tenantContext-Bh6_Lj9T.js";
+import React, { useMemo } from "react";
+import { ConfigService } from "udp-react-stencil-component-library";
+
+//#region src/utilities/tenant/TenantProvider.jsx
+const TenantProvider = ({ children }) => {
+	const user = useUser();
+	const setCurrentTenant = useTenantStore((state) => state.setCurrentTenant);
+	const [{ data: tenants }, refetchTenantsList] = useAxiosGet(ConfigService.securityV1ApiUrl, `users/${user ? user?.id : ""}/unitytenants`, {}, !user?.id);
+	const tenantContext = useMemo(() => {
+		if (!user?.currentTenantId || !tenants) return null;
+		const activeTenant = tenants.find((tenant) => tenant.tenantId === user.currentTenantId);
+		setCurrentTenant({
+			tenantId: activeTenant?.tenantId,
+			name: activeTenant?.tenantName,
+			tenantType: activeTenant?.tenantType
+		});
+		return {
+			tenantsList: tenants,
+			activeTenant,
+			refresh: refetchTenantsList
+		};
+	}, [
+		tenants,
+		setCurrentTenant,
+		refetchTenantsList,
+		user?.currentTenantId
+	]);
+	return /* @__PURE__ */ React.createElement(TenantContext.Provider, { value: tenantContext }, children);
+};
+
+//#endregion
+export { TenantProvider };
+//# sourceMappingURL=TenantProvider-CKbxaw0X.js.map

package/dist/TenantProvider-CKbxaw0X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantProvider-CKbxaw0X.js","names":[],"sources":["../src/utilities/tenant/TenantProvider.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useUser } from '../auth/useUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { TenantContext } from './tenantContext';\nimport { useTenantStore } from '../../stores/tenantStore';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\n\nexport const TenantProvider = ({ children }) => {\n  const user = useUser();\n  const setCurrentTenant = useTenantStore((state) => state.setCurrentTenant);\n  //Get tenants that the user belongs to\n  const [{ data: tenants }, refetchTenantsList] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users/${user ? user?.id : ''}/unitytenants`,\n    {},\n    !user?.id\n  );\n\n  const tenantContext = useMemo(() => {\n    if (!user?.currentTenantId || !tenants) return null;\n\n    //matches users currentTenantId with the fetched tenant objects\n    const activeTenant = tenants.find(\n      (tenant) => tenant.tenantId === user.currentTenantId\n    );\n\n    setCurrentTenant({\n      tenantId: activeTenant?.tenantId,\n      name: activeTenant?.tenantName,\n      tenantType: activeTenant?.tenantType\n    });\n\n    return {\n      tenantsList: tenants,\n      activeTenant: activeTenant,\n      refresh: refetchTenantsList\n    };\n  }, [tenants, setCurrentTenant, refetchTenantsList, user?.currentTenantId]);\n\n  return (\n    <TenantContext.Provider value={tenantContext}>\n      {children}\n    </TenantContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,kBAAkB,EAAE,eAAe;CAC9C,MAAM,OAAO,SAAS;CACtB,MAAM,mBAAmB,gBAAgB,UAAU,MAAM,iBAAiB;CAE1E,MAAM,CAAC,EAAE,MAAM,WAAW,sBAAsB,YAC9C,cAAc,kBACd,SAAS,OAAO,MAAM,KAAK,GAAG,gBAC9B,EAAE,EACF,CAAC,MAAM,GACR;CAED,MAAM,gBAAgB,cAAc;AAClC,MAAI,CAAC,MAAM,mBAAmB,CAAC,QAAS,QAAO;EAG/C,MAAM,eAAe,QAAQ,MAC1B,WAAW,OAAO,aAAa,KAAK,gBACtC;AAED,mBAAiB;GACf,UAAU,cAAc;GACxB,MAAM,cAAc;GACpB,YAAY,cAAc;GAC3B,CAAC;AAEF,SAAO;GACL,aAAa;GACC;GACd,SAAS;GACV;IACA;EAAC;EAAS;EAAkB;EAAoB,MAAM;EAAgB,CAAC;AAE1E,QACE,oCAAC,cAAc,YAAS,OAAO,iBAC5B,SACsB"}

package/dist/TokenGroupItem-DKGmGnzr.js

@@ -0,0 +1,36 @@
+import { Token } from "./Token-DOIAu9p4.js";
+import React, { Fragment } from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+import { DeveloperToolsIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/templates/ui/TokenGroupItem.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	label: { color: theme.palette.common.black }
+}));
+/**
+* @param {{label: string, icon: React.ElementType, color: string}} props
+*/
+const TokenGroupItem = ({ label, icon = DeveloperToolsIcon, color }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Token, {
+		icon,
+		color,
+		size: "small",
+		variant: "filled",
+		type: "icon"
+	}), /* @__PURE__ */ React.createElement(Typography, {
+		variant: "caption",
+		className: classes.label
+	}, " ", label, " "));
+};
+TokenGroupItem.propTypes = {
+	label: PropTypes.string,
+	icon: PropTypes.bool,
+	color: PropTypes.string
+};
+
+//#endregion
+export { TokenGroupItem };
+//# sourceMappingURL=TokenGroupItem-DKGmGnzr.js.map

package/dist/TokenGroupItem-DKGmGnzr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenGroupItem-DKGmGnzr.js","names":[],"sources":["../src/UI/templates/ui/TokenGroupItem.jsx"],"sourcesContent":["import React, {Fragment} from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { DeveloperToolsIcon } from '@fluentui/react-icons'\nimport {Token} from '../../components/dataDisplay/Token'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  label: {\n    color: theme.palette.common.black\n  }\n}))\n\n/**\n * @param {{label: string, icon: React.ElementType, color: string}} props\n */\n  export const TokenGroupItem = ({label, icon = DeveloperToolsIcon, color}) => {\n    const classes = useStyles()\n    return (\n      <Fragment >\n        <Token icon={icon} color={color} size=\"small\" variant=\"filled\" type=\"icon\"  />\n        <Typography variant='caption' className={classes.label} > {label} </Typography>  \n      </Fragment>\n    )\n  }\n\n  \n  TokenGroupItem.propTypes = {\n    /**\n     * Label to display in list.\n     */\n    label: PropTypes.string,\n    /**\n     * Icon to display in grouping.\n     */\n    icon: PropTypes.bool,\n     /**\n     * sets color of token background\n     */\n    color: PropTypes.string,\n  \n  }"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,OAAO,EACL,OAAO,MAAM,QAAQ,OAAO,OAC7B;CACF,EAAE;;;;AAKD,MAAa,kBAAkB,EAAC,OAAO,OAAO,oBAAoB,YAAW;CAC3E,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,gBACC,oCAAC;EAAY;EAAa;EAAO,MAAK;EAAQ,SAAQ;EAAS,MAAK;GAAU,EAC9E,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAAQ,KAAE,OAAM,IAAc,CACtE;;AAKf,eAAe,YAAY;CAIzB,OAAO,UAAU;CAIjB,MAAM,UAAU;CAIhB,OAAO,UAAU;CAElB"}