udp-react-enterprise-component-library 25.18.1-beta.3 → 25.18.1-beta.30

package/dist/auth-EOQASxKM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"auth-EOQASxKM.js","names":["tenantId: any","userTenantPermissions: any","userTenantRoles: any","userTenantProducts: any","roleIds: any","useLocation","CustomNavigationClient","UserProvider","useSingleLogout: () => () => void"],"sources":["../src/utilities/auth/user.ts","../src/utilities/auth/useAccessToken.js","../src/utilities/auth/UserProvider.jsx","../src/utilities/auth/AuthProvider.jsx","../src/utilities/auth/AuthProviderWrapper.jsx","../src/utilities/auth/useSingleLogout.ts"],"sourcesContent":["import { ConfigService } from '../../configService';\nimport { RoleIdEnums } from '../../enums/unitySystemEnums';\nimport { getStoredTenant } from '../storage/UnitySessionStorage';\n\nexport interface User {\n  name: string | undefined;\n  firstName: string | undefined;\n  familyName: string | undefined;\n  jobTitle: string | undefined;\n  email: string | undefined;\n  mobile: string | undefined;\n  phone: string | undefined;\n  id: string | undefined;\n  location: string | undefined;\n  aadId: string | undefined;\n  accessToken: string | undefined;\n  defaultTenantId: string | undefined;\n  currentTenantId: string | undefined;\n  tenantIds: Array<string> | undefined;\n  roleIds: Array<string> | undefined;\n  products: Array<object> | undefined;\n  permissions: Array<object> | undefined;\n  can: any | undefined;\n  statusCode: number | undefined;\n  unityId: string | undefined;\n  additionalProperties: any | undefined;\n  roleNames: Array<string> | undefined;\n  isUnitySystemAdmin: boolean | undefined;\n}\n\n/**\n * Create a \"unified\" user object from MSAL account info and Univerus user data (in the future)\n */\nexport function createUser(userInfo: any): User {\n  const tenantId: any =\n    getStoredTenant() ||\n    (userInfo?.defaultTenantId ??\n      (userInfo?.tenantIds ? userInfo?.tenantIds[0] : ''));\n  let userTenantPermissions: any = [];\n  let userTenantRoles: any = [];\n  let userTenantProducts: any = [];\n  const currentUserTenantProperties = userInfo?.userTenantPropertiesView?.find(\n    (propertyView: any) => propertyView?.tenantId === tenantId\n  );\n  userTenantPermissions = currentUserTenantProperties\n    ? currentUserTenantProperties.permissions\n    : [];\n  userTenantRoles = currentUserTenantProperties\n    ? currentUserTenantProperties.securityRoles\n    : [];\n  userTenantProducts = currentUserTenantProperties\n    ? currentUserTenantProperties.products\n    : [];\n\n  let roleIds: any = userTenantRoles.map((role: any) => role.roleId) ?? [];\n\n  return {\n    name: userInfo?.displayName ?? '',\n    firstName: userInfo?.givenName ?? '',\n    familyName: userInfo?.surname ?? '',\n    jobTitle: userInfo?.jobTitle ?? '',\n    email: userInfo?.email ?? '',\n    mobile: userInfo?.mobilePhone ?? '',\n    phone: userInfo?.officePhone ?? '',\n    id: userInfo?.userId ?? '',\n    location: userInfo?.location ?? '',\n    aadId: userInfo?.externalUUID ?? '',\n    accessToken: userInfo?.accessToken ?? '',\n    tenantIds: userInfo?.tenantIds ?? [],\n    defaultTenantId: userInfo?.defaultTenantId ?? '',\n    currentTenantId: ConfigService.config.UNITY_TENANT_ID\n      ? ConfigService.config.UNITY_TENANT_ID\n      : tenantId,\n    roleIds: roleIds,\n    products: userTenantProducts,\n    permissions: userTenantPermissions,\n    can:\n      userTenantPermissions.reduce((can: any, permission: any) => {\n        if (permission.value === 'false') {\n          can[permission.name] = false;\n        } else if (permission.value === 'true') {\n          can[permission.name] = true;\n        } else {\n          can[permission.name] = permission.value;\n        }\n        return can;\n      }, {}) ?? {},\n    statusCode: userInfo?.statusCode ?? 200,\n    unityId: userInfo?.userId ?? '',\n    additionalProperties: userInfo?.additionalProperties ?? undefined,\n    roleNames: userTenantRoles.map((role) => role.name) ?? [],\n    isUnitySystemAdmin: !!roleIds.find(\n      (id: string) => id === RoleIdEnums.Unity_System_Administrator\n    )\n  };\n}\n","import { useState } from 'react';\nimport { acquireAccessToken } from './authActions';\n\nexport const useAccessToken = () => {\n  const [accessToken, setAccessToken] = useState(null);\n\n  acquireAccessToken().then((token) => {\n    if (accessToken !== token) {\n      setAccessToken(token);\n    }\n  });\n\n  return accessToken;\n};\n","import React, { useReducer, useEffect } from 'react';\nimport { UserContext, UserDispatchContext } from './internal';\nimport { createUser } from './user';\nimport { LoadingIndicator } from '../../UI/loading/LoadingIndicator';\nimport { useAccount } from '@azure/msal-react';\nimport { storeTenant, getStoredTenant } from '../storage/UnitySessionStorage';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { TenantProvider } from '../tenant/TenantProvider';\nimport { useAccessToken } from './useAccessToken';\nimport { ConfigService } from '../../configService';\nconst emptyUser = {\n  name: '',\n  firstName: '',\n  familyName: '',\n  jobTitle: '',\n  email: '',\n  mobile: '',\n  phone: '',\n  id: '',\n  location: '',\n  aadId: '',\n  accessToken: '',\n  defaultTenantId: '',\n  currentTenantId: '',\n  tenantIds: [],\n  roleIds: [],\n  products: [],\n  permissions: [],\n  can: {},\n  statusCode: undefined,\n  unityId: undefined,\n  additionalProperties: undefined,\n  roleNames: [],\n  isUnitySystemAdmin: undefined\n};\n\nconst UserProvider = (props) => {\n  const {\n    children,\n    setSessionExpiredModalOpen,\n    setNonExistingUserModalOpen,\n    setErrorMessage,\n    isWhiteListed,\n    doNotWaitForTenant = false,\n    unityTenantId\n  } = props;\n  const activeAccount = useAccount();\n  const idTokenClaims = activeAccount?.idTokenClaims;\n  const sub = idTokenClaims?.sub;\n  const accessToken = useAccessToken();\n\n  //Get user info\n  const [{ data: userInfo, error: userError }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users/unityuser?sub=${sub}`,\n    {},\n    false,\n    false\n  );\n\n  useEffect(() => {\n    if (userError) {\n      setErrorMessage('Unable to get user details. Please try again.');\n      setNonExistingUserModalOpen(true);\n    }\n  }, [setErrorMessage, setNonExistingUserModalOpen, userError]);\n\n  //   const [{ data: aadUserInfo }] = useAxiosGet(\n  //     ConfigService.securityV1ApiUrl,\n  //     `users/${sub}`,\n  //     {},\n  //     false,\n  //     false\n  //   );\n\n  const [userState, dispatch] = useReducer((state, action) => {\n    switch (action.type) {\n      case 'SET_USER':\n        state = {\n          ...state,\n          user: action.user\n        };\n        break;\n      case 'CHANGE_TENANT':\n        let userTenantPermissions = [];\n        let userTenantRoles = [];\n        let userTenantProducts = [];\n        if (state.tenantIds) {\n          const currentUserTenantProperties =\n            userInfo.userTenantPropertiesView?.find(\n              (propertyView) => propertyView?.tenantId === action.tenantId\n            );\n          userTenantPermissions = currentUserTenantProperties\n            ? currentUserTenantProperties.permissions\n            : [];\n          userTenantRoles = currentUserTenantProperties\n            ? currentUserTenantProperties.securityRoles\n            : [];\n          userTenantProducts = currentUserTenantProperties\n            ? currentUserTenantProperties.products\n            : [];\n        }\n        state = {\n          user: {\n            ...state,\n            currentTenantId: action.tenantId,\n            products: userTenantProducts,\n            permissions: userTenantPermissions,\n            roleIds: userTenantRoles.map((role) => role.roleId) ?? [],\n            roleNames: userTenantRoles.map((role) => role.name) ?? []\n          }\n        };\n        break;\n      default:\n        throw new Error(`Unknown action type ${action.type}`);\n    }\n\n    return state.user;\n  }, emptyUser);\n\n  useEffect(() => {\n    if (userInfo?.userId) {\n      const user = createUser({\n        ...userInfo,\n        displayName: idTokenClaims?.name,\n        givenName: idTokenClaims?.given_name ?? idTokenClaims?.name,\n        accessToken: accessToken,\n        surname: idTokenClaims?.family_name\n      });\n      sessionStorage.setItem('user-id', userInfo?.userId);\n\n      dispatch({ type: 'SET_USER', user });\n    }\n  }, [\n    userInfo,\n    idTokenClaims?.name,\n    idTokenClaims.firstName,\n    accessToken,\n    idTokenClaims.lastName,\n    idTokenClaims?.given_name,\n    idTokenClaims?.family_name\n  ]);\n\n  useEffect(() => {\n    if (userInfo?.defaultTenantId) {\n      if (!getStoredTenant()) {\n        if (unityTenantId) {\n          storeTenant(unityTenantId);\n        } else {\n          storeTenant(userInfo.defaultTenantId);\n        }\n      }\n    }\n  }, [userInfo]);\n\n  return (\n    <div>\n      {doNotWaitForTenant &&\n      !userState?.currentTenantId &&\n      !isWhiteListed ? (\n        <LoadingIndicator />\n      ) : (\n        <UserContext.Provider value={userState}>\n          <UserDispatchContext.Provider value={dispatch}>\n            <TenantProvider>{children}</TenantProvider>\n          </UserDispatchContext.Provider>\n        </UserContext.Provider>\n      )}\n    </div>\n  );\n};\n\nexport default UserProvider;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  initSignInAuthProvider,\n  getSignInAuthProvider,\n  getLoginRequest,\n} from './signInAuthProvider';\nimport { LoadingIndicator } from '../../UI/loading/LoadingIndicator';\nimport { whitelistedPaths } from './whitelistedPaths';\nimport { InteractionType } from '@azure/msal-browser';\nimport {\n  MsalProvider,\n  MsalAuthenticationTemplate,\n} from '@azure/msal-react';\nimport { useHistory } from 'react-router-dom';\nimport CustomNavigationClient from '../CustomNavigationClient';\nimport { useLocation } from 'react-use';\nimport UserProvider from './UserProvider';\nimport { PasswordResetRedirect } from '../../routes/components/PasswordResetRedirect';\n\nexport const AuthProvider = ({ children, doNotWaitForTenant = false, unityTenantId }) => {\n  const [msalInstance, setMsalInstance] = useState(null);\n  const [loginRequestInstance, setLoginRequestInstance] = useState(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n\n  const history = useHistory();\n  const location = useLocation();\n\n  useEffect(() => {\n    const initialize = async () => {\n      try {\n        await initSignInAuthProvider();\n        const authProvider = getSignInAuthProvider();\n        const navigationClient = new CustomNavigationClient(history);\n        authProvider.setNavigationClient(navigationClient);\n        setMsalInstance(authProvider);\n        setLoginRequestInstance(getLoginRequest());\n        setIsInitialized(true);\n      } catch (error) {\n        console.error('Failed to initialize AuthProvider:', error);\n        // Handle initialization error, maybe show an error message\n      }\n    };\n    initialize();\n  }, [history]);\n\n  const [sessionExpiredModalOpen, setSessionExpiredModalOpen] = useState(false);\n  const [nonExistingUserModalOpen, setNonExistingUserModalOpen] =\n    useState(false);\n  const [errorMessage, setErrorMessage] = useState('');\n\n  const isWhiteListed = useMemo(() => {\n    const url = location.pathname;\n    return whitelistedPaths.includes(url ?? '');\n  }, [location]);\n\n  if (!isInitialized) {\n    return <LoadingIndicator />;\n  }\n\n  if (isWhiteListed) {\n    return <MsalProvider instance={msalInstance}>{children}</MsalProvider>;\n  }\n\n  return (\n    <MsalProvider instance={msalInstance}>\n      <MsalAuthenticationTemplate\n        interactionType={InteractionType.Redirect}\n        authenticationRequest={loginRequestInstance}\n        loadingComponent={() => <LoadingIndicator />}\n        errorComponent={(props) => <PasswordResetRedirect {...props} />}\n      >\n        <UserProvider\n          sessionExpiredModalOpen={sessionExpiredModalOpen}\n          setSessionExpiredModalOpen={setSessionExpiredModalOpen}\n          setNonExistingUserModalOpen={setNonExistingUserModalOpen}\n          setErrorMessage={setErrorMessage}\n          isWhiteListed={isWhiteListed}\n          doNotWaitForTenant={doNotWaitForTenant}\n          unityTenantId={unityTenantId}\n        >\n          {children}\n        </UserProvider>\n      </MsalAuthenticationTemplate>\n    </MsalProvider>\n  );\n};\n","import React from 'react';\n// import { LocalAuthProvider }  from './LocalAuthProvider';\nimport { AuthProvider } from './AuthProvider';\n\nexport const AuthProviderWrapper = props => {\n  const { children } = props;\n\n  return <AuthProvider {...props}> {children}</AuthProvider>\n\n};\n","import 'react';\nimport { clearStoredPath } from '../redirect/LocalRedirectUrlStorage';\nimport { clearStoredExternalPath } from '../redirect/ExternalRedirectUrlStorage';\nimport {clearStoredTenant} from '../storage/UnitySessionStorage'\nimport {useLogoutAction} from './authActions';\n\nexport const useSingleLogout: () => () => void = () => {\n  const logout = useLogoutAction();\n  return () => {\n    clearStoredPath();\n    clearStoredExternalPath();\n    clearStoredTenant();\n    logout()\n  }\n\n};\n"],"mappings":"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"}

package/dist/axiosInterceptors-6Czv1PA5.js

@@ -1,28 +0,0 @@
-import { l as whitelistedPaths, n as getMergedConfig, t as getAccessToken } from "./apiHelpers-BpZTkMX8.js";
-import Axios from "axios";
-
-//#region src/utilities/axiosInterceptors.js
-const axiosInterceptors = () => {
-	Axios.interceptors.request.use(async (config) => {
-		if (!whitelistedPaths.includes(window.location.pathname)) {
-			let accessToken = "";
-			if (!config?.headers?.Authorization) accessToken = await getAccessToken();
-			return getMergedConfig(accessToken, config);
-		}
-		return config;
-	}, (error) => Promise.reject(error));
-	Axios.interceptors.response.use((response) => response, async (error) => {
-		const config = error?.config;
-		if (error?.response?.status === 401 && !config?._retry && !whitelistedPaths.includes(window.location.pathname)) {
-			config.headers.Authorization = `Bearer ${await getAccessToken()}`;
-			config._retry = true;
-			return Axios(config);
-		}
-		return Promise.reject(error);
-	});
-};
-var axiosInterceptors_default = axiosInterceptors;
-
-//#endregion
-export { axiosInterceptors_default as t };
-//# sourceMappingURL=axiosInterceptors-6Czv1PA5.js.map

package/dist/axiosInterceptors-6Czv1PA5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"axiosInterceptors-6Czv1PA5.js","names":[],"sources":["../src/utilities/axiosInterceptors.js"],"sourcesContent":["import Axios from 'axios';\nimport { getAccessToken, getMergedConfig } from './apiHelpers';\nimport { whitelistedPaths } from './auth/whitelistedPaths';\n\nconst axiosInterceptors = () => {\n  Axios.interceptors.request.use(\n    async (config) => {\n      // don't want to change the access token if it's already there, this rule is already applied in getMergedConfig\n      // we don't want to call getAccessToken until it is actually need it because it might log the user out\n      if (!whitelistedPaths.includes(window.location.pathname)) {\n        let accessToken = '';\n        if(!config?.headers?.Authorization){\n          accessToken = await getAccessToken()\n        }\n        return getMergedConfig(accessToken, config);\n      }\n      return config;\n    },\n    (error) => Promise.reject(error)\n  );\n\n  Axios.interceptors.response.use(\n    (response) => response,\n    async (error) => {\n      const config = error?.config;\n      if (\n        error?.response?.status === 401 &&\n        !config?._retry &&\n        !whitelistedPaths.includes(window.location.pathname)\n      ) {\n        config.headers.Authorization = `Bearer ${await getAccessToken()}`;\n        config._retry = true;\n\n        return Axios(config);\n      }\n\n      return Promise.reject(error);\n    }\n  );\n};\n\nexport default axiosInterceptors;\n"],"mappings":";;;;AAIA,MAAM,0BAA0B;AAC9B,OAAM,aAAa,QAAQ,IACzB,OAAO,WAAW;AAGhB,MAAI,CAAC,iBAAiB,SAAS,OAAO,SAAS,SAAS,EAAE;GACxD,IAAI,cAAc;AAClB,OAAG,CAAC,QAAQ,SAAS,cACnB,eAAc,MAAM,gBAAgB;AAEtC,UAAO,gBAAgB,aAAa,OAAO;;AAE7C,SAAO;KAER,UAAU,QAAQ,OAAO,MAAM,CACjC;AAED,OAAM,aAAa,SAAS,KACzB,aAAa,UACd,OAAO,UAAU;EACf,MAAM,SAAS,OAAO;AACtB,MACE,OAAO,UAAU,WAAW,OAC5B,CAAC,QAAQ,UACT,CAAC,iBAAiB,SAAS,OAAO,SAAS,SAAS,EACpD;AACA,UAAO,QAAQ,gBAAgB,UAAU,MAAM,gBAAgB;AAC/D,UAAO,SAAS;AAEhB,UAAO,MAAM,OAAO;;AAGtB,SAAO,QAAQ,OAAO,MAAM;GAE/B;;AAGH,gCAAe"}

package/dist/cards-CqNi83lO.js

@@ -1,76 +0,0 @@
-import React from "react";
-import { Box, Card, CardContent, LinearProgress, Typography } from "@material-ui/core";
-import PropTypes from "prop-types";
-import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
-
-//#region src/UI/surfaces/cards/ContentDisplayCard.jsx
-const useStyles = makeStyles$1((theme) => ({
-	paper: {
-		width: "100%",
-		height: "100%",
-		position: "relative"
-	},
-	styleWidth: { width: "75%" },
-	media: { height: 120 },
-	cardContent: { paddingTop: 0 },
-	titleWrapper: {
-		display: "flex",
-		backgroundColor: (props) => props.headerColor || theme.palette.background.paper,
-		alignItems: "center"
-	},
-	loading: {
-		position: "absolute",
-		top: 0,
-		left: 0
-	},
-	expandMessage: { display: "flex" },
-	cardRoot: { "&:last-child": { paddingBottom: theme.spacing(10) } },
-	title: { flex: 1 },
-	visualization: {
-		display: "flex",
-		alignItems: "flex-end",
-		width: "100%",
-		height: 300
-	}
-}));
-/**
-* ContentDisplayCard
-*
-* @param {*} props
-* @return {*}
-*/
-const ContentDisplayCard = (props) => {
-	const { title, fullWidth, className, style, loading, headerElement, children } = props;
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement(Card, {
-		className,
-		style: {
-			border: "none",
-			boxShadow: "none",
-			borderRadius: 0,
-			width: fullWidth ? "100%" : "auto",
-			...style
-		}
-	}, title && /* @__PURE__ */ React.createElement(CardContent, {
-		className: classes.titleWrapper,
-		classes: { root: classes.cardRoot }
-	}, /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.title,
-		component: "h2",
-		variant: "h6"
-	}, title), headerElement && headerElement), loading && /* @__PURE__ */ React.createElement(Box, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(LinearProgress, null)), /* @__PURE__ */ React.createElement(Box, { className }, children));
-};
-ContentDisplayCard.propTypes = {
-	title: PropTypes.string,
-	fullWidth: PropTypes.bool,
-	className: PropTypes.any,
-	style: PropTypes.object,
-	headerColor: PropTypes.string,
-	loading: PropTypes.bool,
-	headerElement: PropTypes.node,
-	children: PropTypes.node.isRequired
-};
-
-//#endregion
-export { ContentDisplayCard as t };
-//# sourceMappingURL=cards-CqNi83lO.js.map

package/dist/cards-CqNi83lO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cards-CqNi83lO.js","names":["makeStyles"],"sources":["../src/UI/surfaces/cards/ContentDisplayCard.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, Card, CardContent, LinearProgress, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  paper: {\n    width: '100%',\n    height: '100%',\n    position: 'relative',\n  },\n  styleWidth: {\n    width: '75%',\n  },\n  media: {\n    height: 120,\n  },\n  cardContent: {\n    paddingTop: 0,\n  },\n  titleWrapper: {\n    display: 'flex',\n    backgroundColor: (props) => props.headerColor || theme.palette.background.paper,\n    alignItems: 'center',\n  },\n  loading: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n  },\n  expandMessage: {\n    display: 'flex',\n  },\n  cardRoot: {\n    '&:last-child': {\n      paddingBottom: theme.spacing(10),\n    },\n  },\n  title: {\n    flex: 1,\n  },\n  visualization: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    width: '100%',\n    height: 300,\n  },\n}));\n\n/**\n * ContentDisplayCard\n *\n * @param {*} props\n * @return {*}\n */\nexport const ContentDisplayCard = (props) => {\n  const { title, fullWidth, className, style, loading, headerElement, children } = props;\n  const classes = useStyles(props);\n\n  return (\n    <Card className={className} style={{ border: 'none', boxShadow: 'none', borderRadius: 0, width: fullWidth ? '100%' : 'auto', ...style }}>\n      {title && (\n        <CardContent className={classes.titleWrapper} classes={{ root: classes.cardRoot }}>\n          <Typography className={classes.title} component=\"h2\" variant=\"h6\">\n            {title}\n          </Typography>\n          {headerElement && headerElement}\n        </CardContent>\n      )}\n      {loading && (\n        <Box sx={{ width: '100%' }}>\n          <LinearProgress />\n        </Box>\n      )}\n      <Box className={className}>{children}</Box>\n    </Card>\n  );\n};\n\nContentDisplayCard.propTypes = {\n  title: PropTypes.string,\n  fullWidth: PropTypes.bool,\n  className: PropTypes.any,\n  style: PropTypes.object,\n  headerColor: PropTypes.string,\n  loading: PropTypes.bool,\n  headerElement: PropTypes.node,\n  children: PropTypes.node.isRequired,\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAYA,cAAY,WAAW;CACvC,OAAO;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACX;CACD,YAAY,EACV,OAAO,OACR;CACD,OAAO,EACL,QAAQ,KACT;CACD,aAAa,EACX,YAAY,GACb;CACD,cAAc;EACZ,SAAS;EACT,kBAAkB,UAAU,MAAM,eAAe,MAAM,QAAQ,WAAW;EAC1E,YAAY;EACb;CACD,SAAS;EACP,UAAU;EACV,KAAK;EACL,MAAM;EACP;CACD,eAAe,EACb,SAAS,QACV;CACD,UAAU,EACR,gBAAgB,EACd,eAAe,MAAM,QAAQ,GAAG,EACjC,EACF;CACD,OAAO,EACL,MAAM,GACP;CACD,eAAe;EACb,SAAS;EACT,YAAY;EACZ,OAAO;EACP,QAAQ;EACT;CACF,EAAE;;;;;;;AAQH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EAAE,OAAO,WAAW,WAAW,OAAO,SAAS,eAAe,aAAa;CACjF,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC;EAAgB;EAAW,OAAO;GAAE,QAAQ;GAAQ,WAAW;GAAQ,cAAc;GAAG,OAAO,YAAY,SAAS;GAAQ,GAAG;GAAO;IACpI,SACC,oCAAC;EAAY,WAAW,QAAQ;EAAc,SAAS,EAAE,MAAM,QAAQ,UAAU;IAC/E,oCAAC;EAAW,WAAW,QAAQ;EAAO,WAAU;EAAK,SAAQ;IAC1D,MACU,EACZ,iBAAiB,cACN,EAEf,WACC,oCAAC,OAAI,IAAI,EAAE,OAAO,QAAQ,IACxB,oCAAC,qBAAiB,CACd,EAER,oCAAC,OAAe,aAAY,SAAe,CACtC;;AAIX,mBAAmB,YAAY;CAC7B,OAAO,UAAU;CACjB,WAAW,UAAU;CACrB,WAAW,UAAU;CACrB,OAAO,UAAU;CACjB,aAAa,UAAU;CACvB,SAAS,UAAU;CACnB,eAAe,UAAU;CACzB,UAAU,UAAU,KAAK;CAC1B"}

package/dist/chunk-Bp6m_JJh.js

@@ -1,13 +0,0 @@
-//#region rolldown:runtime
-var __defProp = Object.defineProperty;
-var __export = (all) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	return target;
-};
-
-//#endregion
-export { __export as t };

package/dist/crudActions-sObuiwo7.js

@@ -1,205 +0,0 @@
-import { t as Field } from "./Field-Cpjv208h.js";
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { t as apiMutate } from "./useAxiosMutate-q_ZpG98Z.js";
-import { t as DateTimeField } from "./DateTimeField-ClXADzX_.js";
-import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-g8jRczF9.js";
-import { t as FluentToggle } from "./FluentToggle-tnFh7NYe.js";
-import { t as PropertyTypeEnum } from "./propertyTypeEnums-Dys-84NL.js";
-import { t as InputFieldType } from "./InputFieldTypeEnums-Mg684vvi.js";
-import { a as toTitleCase, i as toLowerFirstChar } from "./StringUtilities-u-cxAW6-.js";
-import { t as FluentColorPicker } from "./FluentColorPicker-8XGyMfwI.js";
-import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
-import React, { useCallback } from "react";
-import { FormControlLabel, TextField } from "@material-ui/core";
-
-//#region src/hooks/crudActions.jsx
-function useCrudActions() {
-	const renderInputByForeignKey = useCallback((foreignKeyData, setFkData, crudTableFormData, schemaAttribute, index, isNewEntry, entityData, label = "", manyToManyPropertyList = /* @__PURE__ */ new Set()) => {
-		const foreignKeyAttributeName = toLowerFirstChar(schemaAttribute.name);
-		if (!foreignKeyData) return;
-		let attributeData = foreignKeyData.find((fkd) => fkd.fieldName === foreignKeyAttributeName)?.data;
-		return (!schemaAttribute.extendedProperties.identifier || isNewEntry) && /* @__PURE__ */ React.createElement(Field, {
-			component: FluentTextFieldAutoComplete,
-			id: `${schemaAttribute.name}${index}`,
-			initialValue: attributeData ? attributeData.find((d) => d.id === crudTableFormData[foreignKeyAttributeName]) : 0,
-			label: toTitleCase(label),
-			name: foreignKeyAttributeName,
-			fullWidth: true,
-			variant: "outlined",
-			margin: "normal",
-			options: attributeData || [],
-			optionKey: "name",
-			required: !schemaAttribute?.nullable,
-			style: { marginTop: 8 },
-			disabled: schemaAttribute?.disabled
-		});
-	}, []);
-	return {
-		renderInputByForeignKey,
-		renderInputByFieldType: useCallback((schemaAttribute, index, attributes, fieldInfo, foreignKeyData, setFkData, crudTableFormData, classes, isNewEntry, entityData, manyToManyPropertyList) => {
-			const NUMBER_TYPE = [
-				PropertyTypeEnum.Int,
-				PropertyTypeEnum.Long,
-				PropertyTypeEnum.Double
-			];
-			if (schemaAttribute?.name === "clusterId") return;
-			const ceAttributes = attributes.filter((ea) => ea.extendedProperties.childEntity);
-			if (schemaAttribute.type === "bool" && crudTableFormData[toLowerFirstChar(schemaAttribute.name)] === "") crudTableFormData[toLowerFirstChar(schemaAttribute.name)] = false;
-			const attribute = ceAttributes.find((ceAttr) => Object.keys(ceAttr?.extendedProperties?.childEntityAssoc || {}).length && ceAttr.extendedProperties.childEntityAssoc.Keys.find((a) => {
-				const fieldId = a.split(",")[0];
-				return (/^[A-Z]*$/.test(fieldId) ? fieldId.toLowerCase() : toLowerFirstChar(fieldId)) === toLowerFirstChar(schemaAttribute.name);
-			}));
-			if ((schemaAttribute?.isForeignKey || attribute) && !(!attribute?.extendedProperties?.childEntityAssoc?.IsJoiningObject && attribute?.extendedProperties?.childEntityAssoc?.Cardinality === 2) && attribute?.extendedProperties?.childEntityAssoc?.Cardinality !== 3) {
-				const label = fieldInfo?.properties?.displayName ? fieldInfo.properties.displayName : attribute?.reference ? getSanitizedName(attribute.reference) : "";
-				console.log(label);
-				return renderInputByForeignKey(foreignKeyData, setFkData, crudTableFormData, schemaAttribute, index, isNewEntry, entityData, label, manyToManyPropertyList);
-			}
-			const maintainenceConfig = fieldInfo?.properties?.maintainenceConfig;
-			const displayLabel = toTitleCase(fieldInfo?.properties?.displayName || schemaAttribute.name);
-			const defaultFieldType = schemaAttribute?.type;
-			const disabled = schemaAttribute?.disabled || maintainenceConfig?.readOnly || schemaAttribute?.extendedProperties?.readOnly;
-			let fieldIsNumberType = maintainenceConfig?.renderAs === InputFieldType.Number;
-			const required = !schemaAttribute?.nullable || fieldInfo?.isPrimaryKey && !disabled || disabled;
-			const DefaultTextField = /* @__PURE__ */ React.createElement(Field, {
-				component: TextField,
-				id: `${schemaAttribute.name}${index}`,
-				name: toLowerFirstChar(schemaAttribute.name),
-				label: displayLabel,
-				initialValue: crudTableFormData[toLowerFirstChar(schemaAttribute.name)] !== null ? crudTableFormData[toLowerFirstChar(schemaAttribute.name)] : "",
-				type: fieldIsNumberType && "number",
-				fullWidth: true,
-				variant: "outlined",
-				size: "small",
-				required,
-				margin: "dense",
-				InputProps: { classes: {
-					root: classes?.input,
-					input: classes?.formTextInput
-				} },
-				inputProps: { udprecordid: `udpRecord-crudActions-${schemaAttribute.name}${index}` },
-				InputLabelProps: { classes: { root: classes?.labelRoot } },
-				disabled
-			});
-			const DefaultFluentToggle = /* @__PURE__ */ React.createElement(FormControlLabel, {
-				control: /* @__PURE__ */ React.createElement(Field, {
-					component: FluentToggle,
-					type: "checkbox",
-					id: `${schemaAttribute.name}${index}`,
-					disabled,
-					classes: { root: classes?.switchRoot },
-					name: toLowerFirstChar(schemaAttribute.name),
-					color: "secondary",
-					inputProps: { "aria-label": "Active condition" },
-					initialValue: typeof crudTableFormData[toLowerFirstChar(schemaAttribute.name)] === "boolean" ? crudTableFormData[toLowerFirstChar(schemaAttribute.name)] : crudTableFormData[toLowerFirstChar(schemaAttribute.name)] === "true" ? true : false
-				}),
-				label: displayLabel,
-				labelPlacement: "start",
-				style: { marginLeft: 4 }
-			});
-			const DefaultFluentDatePicker = /* @__PURE__ */ React.createElement(Field, {
-				disabled,
-				component: DateTimeField,
-				id: `${schemaAttribute.name}${index}`,
-				name: toLowerFirstChar(schemaAttribute.name),
-				label: displayLabel,
-				initialValue: crudTableFormData[toLowerFirstChar(schemaAttribute.name)] ? new Date(crudTableFormData[toLowerFirstChar(schemaAttribute.name)]) : "",
-				fullWidth: true,
-				variant: "outlined",
-				size: "small",
-				required,
-				style: { marginTop: 8 }
-			});
-			const DefaultFluentColorPicker = /* @__PURE__ */ React.createElement(FormControlLabel, {
-				control: /* @__PURE__ */ React.createElement(Field, {
-					component: FluentColorPicker,
-					id: `${schemaAttribute.name}${index}`,
-					name: toLowerFirstChar(schemaAttribute.name),
-					initialValue: crudTableFormData[toLowerFirstChar(schemaAttribute.name)] || "",
-					fullWidth: true,
-					variant: "outlined",
-					size: "small",
-					required,
-					margin: "dense",
-					InputProps: { classes: {
-						root: classes?.input,
-						input: classes?.formTextInput
-					} },
-					InputLabelProps: { classes: { root: classes?.labelRoot } },
-					disabled
-				}),
-				label: displayLabel,
-				labelPlacement: "start",
-				style: { marginLeft: 4 }
-			});
-			if (maintainenceConfig?.hiddenForm) return null;
-			switch (maintainenceConfig?.renderAs) {
-				case InputFieldType.Text:
-				case InputFieldType.Number: return DefaultTextField;
-				case InputFieldType.Toggle: return DefaultFluentToggle;
-				case InputFieldType.DateTime: return DefaultFluentDatePicker;
-				case InputFieldType.ColorPicker: return DefaultFluentColorPicker;
-				case InputFieldType.Default:
-				default:
-					fieldIsNumberType = NUMBER_TYPE.includes(defaultFieldType);
-					switch (defaultFieldType) {
-						case PropertyTypeEnum.Int:
-						case PropertyTypeEnum.Long:
-						case PropertyTypeEnum.Double:
-						case PropertyTypeEnum.String:
-						case PropertyTypeEnum.String_Uuid: return DefaultTextField;
-						case PropertyTypeEnum.Boolean: return DefaultFluentToggle;
-						case PropertyTypeEnum.DateTime: return DefaultFluentDatePicker;
-						default: return null;
-					}
-			}
-		}, [renderInputByForeignKey]),
-		getFKData: useCallback(async (fkMethods, setForeignKeyData, enqueueSnackbar, displayToasts) => {
-			let fkData = [];
-			let promises = [];
-			let promiseDetails = [];
-			fkMethods.forEach((method) => {
-				if (method && method?.entity?.unityBaseGetAllMethod) {
-					promiseDetails.push({
-						url: ConfigService.integrationV1ApiUrl + `/apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`,
-						fieldName: method.fkName,
-						name: method.entity.entityName
-					});
-					promises.push(apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`, { method: "post" }, { data: {} }));
-				} else if (displayToasts) enqueueSnackbar(`${method.entity.entityName}'s Get-All method needs to be promoted`, {
-					variant: "error",
-					anchorOrigin: {
-						vertical: "top",
-						horizontal: "center"
-					}
-				});
-				else console.warn(`${method.entity.entityName}'s Get-All method needs to be promoted`);
-			});
-			Promise.all(promises).then((resp) => {
-				resp.forEach((response, index) => {
-					if (response.status === 200) {
-						if (response?.data) {
-							let respData = [];
-							response.data.forEach((d) => {
-								respData.push({
-									id: d.id,
-									name: d.name ?? d.id
-								});
-							});
-							const promiseDetail = promiseDetails.find((p) => p.url === response?.config?.url);
-							fkData.push({
-								fieldName: promiseDetail.fieldName,
-								name: promiseDetail.fieldName,
-								data: respData
-							});
-						}
-					}
-				});
-				setForeignKeyData(fkData);
-			});
-		}, [])
-	};
-}
-
-//#endregion
-export { useCrudActions as t };
-//# sourceMappingURL=crudActions-sObuiwo7.js.map

package/dist/crudActions-sObuiwo7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"crudActions-sObuiwo7.js","names":[],"sources":["../src/hooks/crudActions.jsx"],"sourcesContent":["import { FormControlLabel, TextField } from '@material-ui/core';\nimport React, { useCallback } from 'react';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { DateTimeField } from '../UI/inputs/datetimes/DateTimeField';\nimport { Field } from '../utilities/form';\nimport { FluentTextFieldAutoComplete } from '../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { FluentToggle } from '../UI/inputs/toggle/FluentToggle';\nimport { PropertyTypeEnum } from '../enums/propertyTypeEnums';\nimport { InputFieldType } from '../enums/InputFieldTypeEnums';\nimport { toLowerFirstChar } from '../utilities/input/StringUtilities';\nimport { toTitleCase } from '../utilities/input/StringUtilities';\nimport { FluentColorPicker } from '../UI/inputs/pickers/FluentColorPicker';\nimport { getSanitizedName } from '../utilities/entities/entityUtilities';\nimport { ConfigService } from '../configService';\n\nexport function useCrudActions() {\n  const renderInputByForeignKey = useCallback(\n    (\n      foreignKeyData,\n      setFkData,\n      crudTableFormData,\n      schemaAttribute,\n      index,\n      isNewEntry,\n      entityData,\n      label = '',\n      manyToManyPropertyList = new Set()\n    ) => {\n      const foreignKeyAttributeName = toLowerFirstChar(schemaAttribute.name);\n      if (!foreignKeyData) {\n        return;\n      }\n\n      let attributeData = foreignKeyData.find(\n        (fkd) => fkd.fieldName === foreignKeyAttributeName\n      )?.data;\n\n      //This onChange is trying to prevent duplicate entries but does not consider a 3 way many to many\n      // const onChange = (value) => {\n      //   let newFKData = [...foreignKeyData];\n      //   const fieldName = schemaAttribute.name;\n      //   const existingEntityData = [...entityData].filter(\n      //     (ed) => ed[fieldName] === value?.id\n      //   );\n      //   if (manyToManyPropertyList.has(fieldName?.toLowerCase())) {\n      //     newFKData.forEach((fkd) => {\n      //       // omit comparing selected entity\n      //       if (fkd.fieldName !== fieldName) {\n      //         // compare existing data and remove any used options\n      //         existingEntityData.forEach((eData) => {\n      //           fkd.data = fkd.data.filter(\n      //             (data) => data.id !== eData[fkd.fieldName]\n      //           );\n      //         });\n      //       }\n      //     });\n      //   }\n\n      //   setFkData && setFkData(newFKData);\n      // };\n\n      return (\n        (!schemaAttribute.extendedProperties.identifier || isNewEntry) && (\n          <Field\n            component={FluentTextFieldAutoComplete}\n            id={`${schemaAttribute.name}${index}`}\n            initialValue={\n              attributeData\n                ? attributeData.find(\n                    (d) => d.id === crudTableFormData[foreignKeyAttributeName]\n                  )\n                : 0\n            }\n            label={toTitleCase(label)}\n            name={foreignKeyAttributeName}\n            fullWidth\n            variant='outlined'\n            margin='normal'\n            options={attributeData || []}\n            optionKey={'name'}\n            required={!schemaAttribute?.nullable}\n            style={{ marginTop: 8 }}\n            //additionalOnChangeAction={onChange}\n            disabled={schemaAttribute?.disabled}\n          />\n        )\n      );\n    },\n    []\n  );\n\n  const renderInputByFieldType = useCallback(\n    (\n      schemaAttribute,\n      index,\n      attributes,\n      fieldInfo,\n      foreignKeyData,\n      setFkData,\n      crudTableFormData,\n      classes,\n      isNewEntry,\n      entityData,\n      manyToManyPropertyList\n    ) => {\n      const NUMBER_TYPE = [\n        PropertyTypeEnum.Int,\n        PropertyTypeEnum.Long,\n        PropertyTypeEnum.Double\n      ];\n\n      //dont render clusterId\n      if (schemaAttribute?.name === 'clusterId') {\n        return;\n      }\n\n      //Get list of child entities\n      const ceAttributes = attributes.filter(\n        (ea) => ea.extendedProperties.childEntity\n      );\n\n      //If bool field not set, set to false\n      if (\n        schemaAttribute.type === 'bool' &&\n        crudTableFormData[toLowerFirstChar(schemaAttribute.name)] === ''\n      ) {\n        crudTableFormData[toLowerFirstChar(schemaAttribute.name)] = false;\n      }\n\n      //finding if any child entity\n      const attribute = ceAttributes.find(\n        (ceAttr) =>\n          Object.keys(ceAttr?.extendedProperties?.childEntityAssoc || {})\n            .length &&\n          ceAttr.extendedProperties.childEntityAssoc.Keys.find((a) => {\n            const fieldId = a.split(',')[0];\n            return (\n              (/^[A-Z]*$/.test(fieldId)\n                ? fieldId.toLowerCase()\n                : toLowerFirstChar(fieldId)) ===\n              toLowerFirstChar(schemaAttribute.name)\n            );\n          })\n      );\n\n      //If schemaAttribute is used as a foreign key, render field as foreign field\n      //schemaAttribute must be a foreign key to another table and if its manytomany, it has to be the joining table. No one to many\n      if (\n        (schemaAttribute?.isForeignKey || attribute) &&\n        !(\n          !attribute?.extendedProperties?.childEntityAssoc?.IsJoiningObject &&\n          attribute?.extendedProperties?.childEntityAssoc?.Cardinality === 2\n        ) &&\n        attribute?.extendedProperties?.childEntityAssoc?.Cardinality !== 3\n      ) {\n        const label = fieldInfo?.properties?.displayName\n          ? fieldInfo.properties.displayName\n          : attribute?.reference\n          ? getSanitizedName(attribute.reference)\n          : '';\n        console.log(label);\n        return renderInputByForeignKey(\n          foreignKeyData,\n          setFkData,\n          crudTableFormData,\n          schemaAttribute,\n          index,\n          isNewEntry,\n          entityData,\n          label,\n          manyToManyPropertyList\n        );\n      }\n\n      const maintainenceConfig = fieldInfo?.properties?.maintainenceConfig;\n      const displayLabel = toTitleCase(\n        fieldInfo?.properties?.displayName || schemaAttribute.name\n      );\n      const defaultFieldType = schemaAttribute?.type;\n      const disabled =\n        schemaAttribute?.disabled ||\n        maintainenceConfig?.readOnly ||\n        schemaAttribute?.extendedProperties?.readOnly;\n\n      let fieldIsNumberType =\n        maintainenceConfig?.renderAs === InputFieldType.Number;\n\n      const required =\n        !schemaAttribute?.nullable ||\n        (fieldInfo?.isPrimaryKey && !disabled) ||\n        disabled;\n\n      const DefaultTextField = (\n        <Field\n          component={TextField}\n          id={`${schemaAttribute.name}${index}`}\n          name={toLowerFirstChar(schemaAttribute.name)}\n          label={displayLabel}\n          initialValue={\n            crudTableFormData[toLowerFirstChar(schemaAttribute.name)] !== null\n              ? crudTableFormData[toLowerFirstChar(schemaAttribute.name)]\n              : ''\n          }\n          type={fieldIsNumberType && 'number'}\n          fullWidth\n          variant='outlined'\n          size='small'\n          required={required}\n          margin='dense'\n          InputProps={{\n            classes: {\n              root: classes?.input,\n              input: classes?.formTextInput\n            }\n          }}\n          inputProps={{\n            udprecordid: `udpRecord-crudActions-${schemaAttribute.name}${index}`\n          }}\n          InputLabelProps={{\n            classes: {\n              root: classes?.labelRoot\n            }\n          }}\n          disabled={disabled}\n        />\n      );\n\n      const DefaultFluentToggle = (\n        <FormControlLabel\n          control={\n            <Field\n              component={FluentToggle}\n              type='checkbox'\n              id={`${schemaAttribute.name}${index}`}\n              disabled={disabled}\n              classes={{ root: classes?.switchRoot }}\n              name={toLowerFirstChar(schemaAttribute.name)}\n              color='secondary'\n              inputProps={{ 'aria-label': 'Active condition' }}\n              initialValue={\n                typeof crudTableFormData[\n                  toLowerFirstChar(schemaAttribute.name)\n                ] === 'boolean'\n                  ? crudTableFormData[toLowerFirstChar(schemaAttribute.name)]\n                  : crudTableFormData[\n                      toLowerFirstChar(schemaAttribute.name)\n                    ] === 'true'\n                  ? true\n                  : false\n              }\n            />\n          }\n          label={displayLabel}\n          labelPlacement='start'\n          style={{ marginLeft: 4 }}\n        />\n      );\n\n      const DefaultFluentDatePicker = (\n        <Field\n          disabled={disabled}\n          component={DateTimeField}\n          id={`${schemaAttribute.name}${index}`}\n          name={toLowerFirstChar(schemaAttribute.name)}\n          label={displayLabel}\n          initialValue={\n            crudTableFormData[toLowerFirstChar(schemaAttribute.name)]\n              ? new Date(\n                  crudTableFormData[toLowerFirstChar(schemaAttribute.name)]\n                )\n              : ''\n          }\n          fullWidth\n          variant='outlined'\n          size='small'\n          required={required}\n          style={{ marginTop: 8 }}\n        />\n      );\n\n      const DefaultFluentColorPicker = (\n        <FormControlLabel\n          control={\n            <Field\n              component={FluentColorPicker}\n              id={`${schemaAttribute.name}${index}`}\n              name={toLowerFirstChar(schemaAttribute.name)}\n              initialValue={\n                crudTableFormData[toLowerFirstChar(schemaAttribute.name)] || ''\n              }\n              fullWidth\n              variant='outlined'\n              size='small'\n              required={required}\n              margin='dense'\n              InputProps={{\n                classes: {\n                  root: classes?.input,\n                  input: classes?.formTextInput\n                }\n              }}\n              InputLabelProps={{\n                classes: {\n                  root: classes?.labelRoot\n                }\n              }}\n              disabled={disabled}\n            />\n          }\n          label={displayLabel}\n          labelPlacement='start'\n          style={{ marginLeft: 4 }}\n        />\n      );\n\n      if (maintainenceConfig?.hiddenForm) return null;\n\n      switch (maintainenceConfig?.renderAs) {\n        case InputFieldType.Text:\n        case InputFieldType.Number:\n          return DefaultTextField;\n        case InputFieldType.Toggle:\n          return DefaultFluentToggle;\n        case InputFieldType.DateTime:\n          return DefaultFluentDatePicker;\n        case InputFieldType.ColorPicker:\n          return DefaultFluentColorPicker;\n        case InputFieldType.Default:\n        default:\n          fieldIsNumberType = NUMBER_TYPE.includes(defaultFieldType);\n          switch (defaultFieldType) {\n            case PropertyTypeEnum.Int:\n            case PropertyTypeEnum.Long:\n            case PropertyTypeEnum.Double:\n            case PropertyTypeEnum.String:\n            case PropertyTypeEnum.String_Uuid:\n              return DefaultTextField;\n            case PropertyTypeEnum.Boolean:\n              return DefaultFluentToggle;\n            case PropertyTypeEnum.DateTime:\n              return DefaultFluentDatePicker;\n            default:\n              return null;\n          }\n      }\n    },\n    [renderInputByForeignKey]\n  );\n\n  const getFKData = useCallback(\n    async (fkMethods, setForeignKeyData, enqueueSnackbar, displayToasts) => {\n      let fkData = [];\n      let promises = [];\n      let promiseDetails = [];\n      fkMethods.forEach((method) => {\n        if (method && method?.entity?.unityBaseGetAllMethod) {\n          promiseDetails.push({\n            url:\n              ConfigService.integrationV1ApiUrl +\n              `/apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`,\n            fieldName: method.fkName,\n            name: method.entity.entityName\n          });\n\n          promises.push(\n            apiMutate(\n              ConfigService.integrationV1ApiUrl,\n              `apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`,\n              {\n                method: 'post'\n              },\n              { data: {} }\n            )\n          );\n        } else {\n          if (displayToasts) {\n            enqueueSnackbar(\n              `${method.entity.entityName}'s Get-All method needs to be promoted`,\n              {\n                variant: 'error',\n                anchorOrigin: {\n                  vertical: 'top',\n                  horizontal: 'center'\n                }\n              }\n            );\n          } else {\n            console.warn(\n              `${method.entity.entityName}'s Get-All method needs to be promoted`\n            );\n          }\n        }\n      });\n\n      Promise.all(promises).then((resp) => {\n        resp.forEach((response, index) => {\n          if (response.status === 200) {\n            if (response?.data) {\n              let respData = [];\n              response.data.forEach((d) => {\n                respData.push({ id: d.id, name: d.name ?? d.id });\n              });\n\n              const promiseDetail = promiseDetails.find(\n                (p) => p.url === response?.config?.url\n              );\n              fkData.push({\n                fieldName: promiseDetail.fieldName,\n                name: promiseDetail.fieldName,\n                data: respData\n              });\n            }\n          }\n        });\n        setForeignKeyData(fkData);\n      });\n    },\n    []\n  );\n\n  return {\n    renderInputByForeignKey,\n    renderInputByFieldType,\n    getFKData\n  };\n}\n"],"mappings":"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"}

package/dist/dataDisplay-nJIK_NjC.js

@@ -1,44 +0,0 @@
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import { makeStyles, useTheme } from "@material-ui/core/styles";
-
-//#region src/UI/dataDisplay/HintPanel.jsx
-const useStyles = makeStyles((theme) => ({
-	hintContainer: { borderLeft: `3px solid ${theme.palette.primary.main}` },
-	hintContent: {
-		backgroundColor: "#F3F9FE",
-		padding: `1rem`
-	},
-	hideHintButton: {
-		border: "none",
-		background: "none",
-		cursor: "pointer",
-		color: "#0B79D0",
-		textDecoration: "none"
-	},
-	hidehelp: {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "flex-end",
-		width: "100%"
-	}
-}));
-const HintPanel = ({ hint, hideHintText }) => {
-	const classes = useStyles(useTheme());
-	const [showHint, setShowHint] = useState(true);
-	const handleHideHint = () => {
-		setShowHint(false);
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.hintContainer }, showHint && /* @__PURE__ */ React.createElement("div", { className: classes.hintContent }, /* @__PURE__ */ React.createElement("div", null, hint), /* @__PURE__ */ React.createElement("div", { className: classes.hidehelp }, /* @__PURE__ */ React.createElement("button", {
-		className: classes.hideHintButton,
-		onClick: handleHideHint
-	}, hideHintText))));
-};
-HintPanel.propTypes = {
-	hint: PropTypes.string.isRequired,
-	hideHintText: PropTypes.string.isRequired
-};
-
-//#endregion
-export { HintPanel as t };
-//# sourceMappingURL=dataDisplay-nJIK_NjC.js.map

package/dist/dataDisplay-nJIK_NjC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataDisplay-nJIK_NjC.js","names":[],"sources":["../src/UI/dataDisplay/HintPanel.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  hintContainer: {\n    borderLeft: `3px solid ${theme.palette.primary.main}`\n  },\n  hintContent: {\n    backgroundColor: '#F3F9FE',\n    padding: `1rem`\n  },\n  hideHintButton: {\n    border: 'none',\n    background: 'none',\n    cursor: 'pointer',\n    color: '#0B79D0',\n    textDecoration: 'none'\n  },\n  hidehelp: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-end',\n    width: '100%'\n  }\n}));\n\nexport const HintPanel = ({ hint, hideHintText }) => {\n  const theme = useTheme();\n  const classes = useStyles(theme);\n  const [showHint, setShowHint] = useState(true);\n\n  const handleHideHint = () => {\n    setShowHint(false);\n  };\n\n  return (\n    <div className={classes.hintContainer}>\n      {showHint && (\n        <div className={classes.hintContent}>\n          <div>{hint}</div>\n          <div className={classes.hidehelp}>\n            <button className={classes.hideHintButton} onClick={handleHideHint}>\n              {hideHintText}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHintPanel.propTypes = {\n  hint: PropTypes.string.isRequired, // Hint content to be displayed\n  hideHintText: PropTypes.string.isRequired // Text for the hide hint button\n};\n"],"mappings":";;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe,EACb,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,aAAa;EACX,iBAAiB;EACjB,SAAS;EACV;CACD,gBAAgB;EACd,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,OAAO;EACP,gBAAgB;EACjB;CACD,UAAU;EACR,SAAS;EACT,eAAe;EACf,YAAY;EACZ,OAAO;EACR;CACF,EAAE;AAEH,MAAa,aAAa,EAAE,MAAM,mBAAmB;CAEnD,MAAM,UAAU,UADF,UAAU,CACQ;CAChC,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAE9C,MAAM,uBAAuB;AAC3B,cAAY,MAAM;;AAGpB,QACE,oCAAC,SAAI,WAAW,QAAQ,iBACrB,YACC,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC,aAAK,KAAW,EACjB,oCAAC,SAAI,WAAW,QAAQ,YACtB,oCAAC;EAAO,WAAW,QAAQ;EAAgB,SAAS;IACjD,aACM,CACL,CACF,CAEJ;;AAIV,UAAU,YAAY;CACpB,MAAM,UAAU,OAAO;CACvB,cAAc,UAAU,OAAO;CAChC"}

package/dist/defaultTabs-BFN3iiEn.js

@@ -1,43 +0,0 @@
-import React from "react";
-import { Box, Tab, Typography, lighten, styled } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/UI/navigation/tabs/defaultTabs/FluentTabPanels.jsx
-const a11yProps = (index) => {
-	return {
-		id: `simple-tab-${index}`,
-		"aria-controls": `simple-tabpanel-${index}`
-	};
-};
-/**
-* @type {import('@material-ui/core').StyledComponentProps<"root" | "labelIcon" | "textColorInherit" | "textColorPrimary" | "textColorSecondary" | "selected" | "disabled" | "fullWidth" | "wrapped" | "wrapper">}
-*/
-const StyledTab = styled(Tab)(({ theme, style }) => ({
-	textTransform: "none",
-	"&.Mui-selected": {
-		backgroundColor: lighten(theme.palette.secondary.light, .9),
-		color: theme.palette.primary.main
-	},
-	backgroundColor: theme.palette.background.paper,
-	...style
-}));
-const FluentTabPanels = (props) => {
-	const { children, value, index, sx,...other } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		role: "tabpanel",
-		hidden: value !== index,
-		id: `simple-tabpanel-${index}`,
-		"aria-labelledby": `simple-tab-${index}`,
-		...other
-	}, value === index && /* @__PURE__ */ React.createElement(Box, { sx: sx ? { ...sx } : { p: 3 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, children)));
-};
-FluentTabPanels.propTypes = {
-	children: PropTypes.node,
-	index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-	value: PropTypes.number.isRequired,
-	sx: PropTypes.object
-};
-
-//#endregion
-export { StyledTab as n, a11yProps as r, FluentTabPanels as t };
-//# sourceMappingURL=defaultTabs-BFN3iiEn.js.map

package/dist/defaultTabs-BFN3iiEn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultTabs-BFN3iiEn.js","names":[],"sources":["../src/UI/navigation/tabs/defaultTabs/FluentTabPanels.jsx"],"sourcesContent":["import React from 'react'\nimport { Box, Tab, Typography, styled, lighten } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nexport const a11yProps = (index) => {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\n/**\n * @type {import('@material-ui/core').StyledComponentProps<\"root\" | \"labelIcon\" | \"textColorInherit\" | \"textColorPrimary\" | \"textColorSecondary\" | \"selected\" | \"disabled\" | \"fullWidth\" | \"wrapped\" | \"wrapper\">}\n */\nexport const StyledTab = styled(Tab)(({ theme, style }) => ({\n  textTransform: \"none\",\n  '&.Mui-selected': {\n    backgroundColor: lighten(theme.palette.secondary.light, 0.9),\n    color: theme.palette.primary.main,\n  },\n  backgroundColor: theme.palette.background.paper,\n  ...style\n}));\n\nexport const FluentTabPanels = (props) => {\n  const { children, value, index, sx, ...other } = props;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box sx={sx ? { ...sx } : { p: 3 }}>\n          <Typography variant=\"subtitle2\">{children}</Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nFluentTabPanels.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  value: PropTypes.number.isRequired,\n  sx: PropTypes.object,\n}\n\n"],"mappings":";;;;;AAIA,MAAa,aAAa,UAAU;AAClC,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;;;;AAMH,MAAa,YAAY,OAAO,IAAI,EAAE,EAAE,OAAO,aAAa;CAC1D,eAAe;CACf,kBAAkB;EAChB,iBAAiB,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EAC5D,OAAO,MAAM,QAAQ,QAAQ;EAC9B;CACD,iBAAiB,MAAM,QAAQ,WAAW;CAC1C,GAAG;CACJ,EAAE;AAEH,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,UAAU,OAAO,OAAO,GAAI,GAAG,UAAU;AAEjD,QACE,oCAAC;EACC,MAAK;EACL,QAAQ,UAAU;EAClB,IAAI,mBAAmB;EACvB,mBAAiB,cAAc;EAC/B,GAAI;IAEH,UAAU,SACT,oCAAC,OAAI,IAAI,KAAK,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,GAAG,IAChC,oCAAC,cAAW,SAAQ,eAAa,SAAsB,CACnD,CAEJ;;AAIV,gBAAgB,YAAY;CAC1B,UAAU,UAAU;CACpB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC;CACjE,OAAO,UAAU,OAAO;CACxB,IAAI,UAAU;CACf"}

package/dist/form-DiRJbkTP.js

@@ -1,76 +0,0 @@
-import { n as createDecorator_default } from "./Form-DZ1kwXKb.js";
-import React, { useEffect } from "react";
-import { Typography } from "@material-ui/core";
-import { FormSpy, useField, useForm, useFormState } from "react-final-form";
-import arrayMutators from "final-form-arrays";
-
-//#region src/utilities/form/FormError.tsx
-/**
-* Displays form-wide validation and submit errors in a MUI Typography error element
-*/
-const FormError = (props) => {
-	return /* @__PURE__ */ React.createElement(FormSpy, { subscription: {
-		error: true,
-		submitError: true
-	} }, ({ error, submitError }) => {
-		if (error || submitError) return /* @__PURE__ */ React.createElement(Typography, {
-			component: "p",
-			paragraph: true,
-			...props,
-			color: "error"
-		}, error || submitError);
-		return null;
-	});
-};
-
-//#endregion
-//#region src/utilities/form/useFieldChangeListener.ts
-/**
-* Form helper hook that runs a callback when the value of a field has changed
-* Usefull for creating effects where changes to one field affect the value of another field imperatively
-*/
-function useFieldChangeListener(name, cb) {
-	const form = useForm();
-	useEffect(() => {
-		let lastValue = form.getFieldState(name)?.value;
-		return form.subscribe(({ values }) => {
-			const value = values[name];
-			if (value !== lastValue) cb(form, value, lastValue);
-			lastValue = values[name];
-		}, { values: true });
-	}, [
-		form,
-		name,
-		cb
-	]);
-}
-
-//#endregion
-//#region src/utilities/form/FormSpy.tsx
-createDecorator_default();
-/**
-* final-form Form Spy wrapper
-*/
-const FormSpy$1 = ({ render: renderProp, children,...props }) => {
-	const render = renderProp || children;
-	return /* @__PURE__ */ React.createElement(FormSpy, props, (params) => /* @__PURE__ */ React.createElement(React.Fragment, null, typeof render === "function" ? render(params) : render));
-};
-
-//#endregion
-//#region src/utilities/form/formHooks.js
-/**
-* @returns {any}
-*/
-const useForm$1 = () => useForm();
-/**
-* @returns {any}
-*/
-const useField$1 = () => useField();
-/**
-* @returns {any}
-*/
-const useFormState$1 = () => useFormState();
-
-//#endregion
-export { FormSpy$1 as a, useFormState$1 as i, useField$1 as n, useFieldChangeListener as o, useForm$1 as r, FormError as s, arrayMutators as t };
-//# sourceMappingURL=form-DiRJbkTP.js.map

package/dist/form-DiRJbkTP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-DiRJbkTP.js","names":["FormError: FC<FormErrorProps>","createDecorator","FormSpy: FC<FormSpyProps>","FinalFormSpy","useForm","useFinalForm","useField","useFinalField","useFormState","useFinalFormState"],"sources":["../src/utilities/form/FormError.tsx","../src/utilities/form/useFieldChangeListener.ts","../src/utilities/form/FormSpy.tsx","../src/utilities/form/formHooks.js"],"sourcesContent":["import { Typography, TypographyProps } from '@material-ui/core';\nimport React, { FC } from 'react';\nimport { FormSpy } from 'react-final-form';\n\nexport type FormErrorProps = TypographyProps<'p', {}>;\n\n/**\n * Displays form-wide validation and submit errors in a MUI Typography error element\n */\nexport const FormError: FC<FormErrorProps> = props => {\n  return (\n    <FormSpy subscription={{ error: true, submitError: true }}>\n      {({ error, submitError }) => {\n        if (error || submitError) {\n          return (\n            <Typography component=\"p\" paragraph {...props} color=\"error\">\n              {error || submitError}\n            </Typography>\n          );\n        }\n\n        return null;\n      }}\n    </FormSpy>\n  );\n};\n","import { useEffect } from 'react';\nimport { useForm } from 'react-final-form';\nimport { FormApi } from 'final-form';\n\nexport type FieldChangeCallback<T> = (\n  form: FormApi,\n  value: T,\n  prevValue: T\n) => void;\n\n/**\n * Form helper hook that runs a callback when the value of a field has changed\n * Usefull for creating effects where changes to one field affect the value of another field imperatively\n */\nexport function useFieldChangeListener<T>(\n  name: string,\n  cb: FieldChangeCallback<T>\n) {\n  const form = useForm();\n\n  useEffect(() => {\n    let lastValue = form.getFieldState(name)?.value;\n\n    const unsubscribe = form.subscribe(\n      ({ values }) => {\n        const value = values[name];\n        if (value !== lastValue) {\n          cb(form, value, lastValue);\n        }\n\n        lastValue = values[name];\n      },\n      { values: true }\n    );\n    return unsubscribe;\n  }, [form, name, cb]);\n}\n","import React, { FC } from 'react';\nimport {\n  AnyObject,\n  FormSpy as FinalFormSpy,\n  FormSpyProps as FinalFormSpyProps,\n  FormSpyRenderProps\n} from 'react-final-form';\nimport createDecorator from './final-form-scroll/createDecorator';\n\nexport interface FormSpyProps<FormValues = AnyObject>\n  extends FinalFormSpyProps<FormValues> {\n  children?: (props: FormSpyRenderProps<FormValues>) => React.ReactNode;\n  id?: string;\n}\n\nconst scrollToError = createDecorator();\n\n/**\n * final-form Form Spy wrapper\n */\nexport const FormSpy: FC<FormSpyProps> = ({\n  render: renderProp,\n  children,\n  ...props\n}) => {\n  const render = renderProp || children;\n  return (\n    <FinalFormSpy {...props}>\n      {(params) => (\n        <>{typeof render === 'function' ? render(params) : render}</>\n      )}\n    </FinalFormSpy>\n  );\n};\n","import {\n  useForm as useFinalForm,\n  useField as useFinalField,\n  useFormState as useFinalFormState\n} from 'react-final-form';\n/**\n * @returns {any}\n */\nexport const useForm = () => useFinalForm();\n/**\n * @returns {any}\n */\nexport const useField = () => useFinalField();\n/**\n * @returns {any}\n */\nexport const useFormState = () => useFinalFormState();\n"],"mappings":";;;;;;;;;;AASA,MAAaA,aAAgC,UAAS;AACpD,QACE,oCAAC,WAAQ,cAAc;EAAE,OAAO;EAAM,aAAa;EAAM,KACrD,EAAE,OAAO,kBAAkB;AAC3B,MAAI,SAAS,YACX,QACE,oCAAC;GAAW,WAAU;GAAI;GAAU,GAAI;GAAO,OAAM;KAClD,SAAS,YACC;AAIjB,SAAO;GAED;;;;;;;;;ACTd,SAAgB,uBACd,MACA,IACA;CACA,MAAM,OAAO,SAAS;AAEtB,iBAAgB;EACd,IAAI,YAAY,KAAK,cAAc,KAAK,EAAE;AAa1C,SAXoB,KAAK,WACtB,EAAE,aAAa;GACd,MAAM,QAAQ,OAAO;AACrB,OAAI,UAAU,UACZ,IAAG,MAAM,OAAO,UAAU;AAG5B,eAAY,OAAO;KAErB,EAAE,QAAQ,MAAM,CACjB;IAEA;EAAC;EAAM;EAAM;EAAG,CAAC;;;;;ACpBAC,yBAAiB;;;;AAKvC,MAAaC,aAA6B,EACxC,QAAQ,YACR,SACA,GAAG,YACC;CACJ,MAAM,SAAS,cAAc;AAC7B,QACE,oCAACC,SAAiB,QACd,WACA,0DAAG,OAAO,WAAW,aAAa,OAAO,OAAO,GAAG,OAAU,CAElD;;;;;;;;ACvBnB,MAAaC,kBAAgBC,SAAc;;;;AAI3C,MAAaC,mBAAiBC,UAAe;;;;AAI7C,MAAaC,uBAAqBC,cAAmB"}