udp-react-enterprise-component-library 1.0.5 → 1.0.6

package/dist/EnvironmentRibbon-BMvQEZPZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentRibbon-BMvQEZPZ.js","names":["useStyles","UserContext: React.Context<User | null>","UserDispatchContext: React.Context<Dispatch | null>","useStyles","props","useStyles","useStyles","useSetInitialShellVisibility: () => void","useStyles","colors","colors","useStyles","Typography","MuiTypography","useStyles","LayoutUnit: React.FC<any>","useStyles","enableAxiosInterceptors","useStyles","Typography"],"sources":["../src/UI/inputs/buttons/FluentButton.jsx","../src/utilities/axiosInterceptors.js","../src/utilities/auth/internal.ts","../src/utilities/auth/useUser.ts","../src/utilities/input/StringUtilities.js","../src/utilities/FluentIcon.jsx","../src/UI/inputs/buttons/FluentIconButton.jsx","../src/enums/unitySystemEnums.ts","../src/utilities/UnityIcon.jsx","../src/utilities/UnityFluentIcon.jsx","../src/stores/shellStore.ts","../src/UI/inputs/buttons/PrimaryActionButton.jsx","../src/utilities/style/colors.js","../src/utilities/style/colorConverter.js","../src/UI/dataDisplay/typography/Typography.jsx","../src/layout/LayoutUnit.tsx","../src/UI/dataDisplay/typography/StandardTitle.jsx","../src/utilities/useAxiosGet.js","../src/UI/widgets/utils/useId.js","../src/UI/dataDisplay/StatusChip.jsx","../src/udp/utilities/methodUtils.js","../src/utilities/tenant/tenantContext.ts","../src/utilities/tenant/useTenant.ts","../src/shell/ui/EnvironmentRibbon.tsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { Button, CircularProgress } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: 2,\n    height: (props) => (props.height ? props.height : 32),\n    padding: '0 16px',\n    minWidth: (props) => (props.minWidth ? props.minWidth : 80),\n    border: (props) => `1px solid ${props.color}`\n  },\n  label: {\n    textTransform: 'capitalize',\n    fontSize: '0.875rem',\n    fontWeight: 600\n  }\n}));\n\nexport const FluentButton = (props) => {\n  const classes = useStyles(props);\n  const { children, id, udprecordid, minWidth, progress, disabled, ...otherProps } =\n    props;\n  return (\n    <Button\n      {...otherProps}\n      disableElevation\n      classes={{\n        root: classes.root,\n        label: classes.label\n      }}\n      margin='dense'\n      id={id}\n      udprecordid={udprecordid}\n      minWidth={minWidth}\n      disabled={disabled || progress}\n    >\n      {progress && (\n        <CircularProgress\n          id={id + '-ButtonProgress'}\n          udprecordid={udprecordid + '-ButtonProgress'}\n          size={18}\n          color='primary'\n        />\n      )}\n      {!progress && children}\n    </Button>\n  );\n};\n","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","import { createContext } from 'react';\nimport { User } from './user';\n\nexport type UserAction = { type: 'SET_USER' };\nexport type AccessTokenAction = { type: 'SET_ACCESS_TOKEN' };\nexport type Dispatch = (action: UserAction | AccessTokenAction) => void;\nexport const UserContext: React.Context<User | null> = createContext<User | null>(null);\nexport const UserDispatchContext: React.Context<Dispatch | null> = createContext<Dispatch | null>(null);\n","import { useContext } from 'react';\nimport { UserContext } from './internal';\nimport { User } from './user';\n\n/**\n * Get the current User object (or null if not logged in)\n *\n * Does not redirect to login\n * @see {@link useAuthedUser}\n */\nexport function useUser(): User | null {\n  return useContext(UserContext);\n}\n","export const removeWhiteSpace = (str) => {\n  if (!str) {\n    return '';\n  }\n  return str.replace(/\\s/g, '');\n};\n\nexport const camelToPascalCaseWithSpace = (str) => {\n  const capitalizedStr = str.charAt(0).toUpperCase() + str.slice(1);\n  return capitalizedStr.replace(/([a-z0-9])([A-Z])/g, '$1 $2');\n};\n\nexport const trimStringAfter = (str, character) => {\n  const lastIndex = str.lastIndexOf(character);\n  return str.substring(0, lastIndex === -1 ? str.length : lastIndex);\n};\n\nexport const toLowerFirstChar = (field) => {\n  return field?.charAt(0)?.toLowerCase() + field?.slice(1);\n};\n\nexport const toUpperFirstChar = (field) => {\n  return field?.charAt(0)?.toUpperCase() + field?.slice(1);\n};\n\nexport const toTitleCase = (str) => {\n  const result = str\n    .replace(/([A-Z][a-z]+)/g, ' $1')\n    .replace(/([A-Z]+)\\b/g, ' $1')\n    .replace(/_/g, ' ')\n    .trim();\n  return result.charAt(0).toUpperCase() + result.slice(1);\n};\n\nexport const pluralize = (str) => {\n  const last = str.charAt(str.length - 1);\n  if (last === 's') {\n    return str;\n  } else {\n    return `${str}s`;\n  }\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(\n  (props) => ({\n    root: {\n      display: 'inline-block',\n      '& > svg': {\n        display: 'inherit'\n      }\n    },\n    default: {\n      fontSize: 18,\n      width: 18,\n      height: 18\n    },\n    large: {\n      fontSize: 24,\n      width: 24,\n      height: 24\n    },\n    medium: {\n      fontSize: 16,\n      width: 16,\n      height: 16\n    },\n    small: {\n      fontSize: 14,\n      width: 14,\n      height: 14\n    },\n    xs: {\n      fontSize: 12,\n      width: 12,\n      height: 12\n    },\n    color: {\n      color: (props) => props.color\n    },\n    customSize: {\n      fontSize: (props) => props.size,\n      width: (props) => props.size,\n      height: (props) => props.size\n    }\n  }),\n  { name: 'FluentIcon' }\n);\n\n/**\n * Wrapper for @fluentui/react-icons to provide it with required size\n */\nexport const FluentIcon = (props) => {\n  const classes = useStyles(props);\n  const {\n    component: IconComponent,\n    size = 'default',\n    className,\n    color,\n    customSize = false,\n    ...otherProps\n  } = props;\n\n  return (\n    <IconComponent\n      {...otherProps}\n      className={clsx(\n        classes.root,\n        className,\n        (customSize && typeof size === 'number' && classes['customSize']) ||\n          classes[size],\n        color && classes['color']\n      )}\n    />\n  );\n};\n","import React from 'react'\nimport { makeStyles, IconButton } from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/FluentIcon'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: (props) => (props.rounded ? 50 : 2),\n    width: (props) => (props.rounded ? theme.spacing(4) : theme.spacing(1)),\n    height: (props) => (props.rounded ? theme.spacing(4) : theme.spacing(1)),\n    border: (props) => props.rounded && `1px solid ${theme.palette.divider}`,\n    background: (props) => props.rounded && theme.palette.common.white\n  }\n}))\n\nexport const FluentIconButton = (props) => {\n  const classes = useStyles(props)\n  const { icon, size = 'medium', id, udprecordid, ...otherProps } = props\n  return (\n    <IconButton\n      {...otherProps}\n      classes={{\n        root: classes.root\n      }}\n      udprecordid={udprecordid}\n    >\n      <FluentIcon component={icon} size={size} id={id} />\n    </IconButton>\n  )\n}\n","export enum GridEnums {\n  Ideas = 'f3c1bf72-15fd-4dcd-904c-b67850525cff',\n  Tickets = '787a2afc-26df-440a-9040-9a3e5c5333d5',\n  Users = '4ea9fe5d-0af3-4102-af95-4d4a5ca886e1',\n  Tenants = 'b543fc1d-6f45-469e-87ae-2b18b8200955',\n  Roles = '9af2eebb-7687-4b3c-91fa-607efb0a5fea',\n  Inquiry = 'ac0b9a3a-d113-4590-93db-dea62bcb89a2',\n  Groups = 'c599b6ff-fee3-4ade-bf78-16700fddb5b9'\n}\n\nexport enum GridStateTypeEnums {\n  Column = 1,\n  Pivot_Mode = 2,\n  Column_Sort = 3,\n  Column_Filter = 4,\n  Column_Group = 5\n}\n\nexport enum MenuTypeEnums {\n  Left_Menu = 1,\n  Application_Menu = 2,\n  Builders_Menu = 3,\n  Favorites_Menu = 4\n}\n\nexport enum VerticalEnums {\n  Engage = 1,\n  Manage = 2,\n  Build = 3,\n  Play = 4\n}\n\nexport enum MenuItemEnums {\n  Container = 'b36cec3c-fe05-47ed-a687-70be22b0e200',\n  External_Link = '11758dfd-ac3a-4996-b86c-767947776ff8',\n  Data_Browser = 'afc3833e-e288-4cf6-8155-a069ec4ddc5a',\n  Report = '22763e92-2477-43c3-92db-124a84e5ff7f',\n  Page = 'd506aeef-ba1b-49a8-9032-beba450b11bc',\n  Page_Builder = '16df758b-c456-4c8c-8ca3-2ae167b3b078',\n  Route = 'ec5f1c26-e7e1-4f19-8e6e-143308995a40',\n  Tree_Builder = 'd4379c4f-6496-4caa-bc0d-5f297fea580f',\n  Inquiry = 'b45f660f-a172-4444-8dd8-8f51d56e0725',\n  Scheduler = '4007feb9-e50c-44f9-8502-a1f337d82bcf',\n  Config = 'aeb48be9-09ea-49b3-9f21-486fe3545b2d',\n  Action = 'a66e9458-2540-4166-9b26-1e9b44a2b080',\n  Inner_Menu = 'c4f7b46c-00b8-428e-b982-1639c03fde20'\n}\n\nexport enum ADUserTypeEnums {\n  Guest = 'Guest',\n  Member = 'Member'\n}\n\nexport enum ProductEnums {\n  Unity = 1\n}\n\nexport enum RoleTypeEnums {\n  System = 1,\n  Tenant = 2\n}\n\nexport enum LookupTypeEnums {\n  No_Lookup = 'NO_LOOKUP',\n  Api = 'API',\n  Csv = 'CSV',\n  Domain = 'DOMAIN',\n  Lookup = 'LOOKUP'\n}\n\nexport enum SearchValueType {\n  String = 'String',\n  Int = 'Int',\n  Long = 'Long',\n  Double = 'Double',\n  Boolean = 'Boolean',\n  DateTime = 'DateTime'\n}\n\nexport enum SearchGroupingType {\n  Distinct = 'DISTINCT',\n  Aggregate = 'AGGREGATE'\n}\n\nexport enum SearchSortDirection {\n  Asc = 'ASC',\n  Desc = 'DESC'\n}\n\nexport enum RoleNameEnums {\n  System_Administrator = 'System Administrator',\n  Company_Administrator = 'Company Administrator',\n  Developer = 'Developer'\n}\n\nexport enum ProductNameEnums {\n  Asset_Management = 'Asset Management',\n  Asset_Routing = 'Asset Routing',\n  AVI = 'AVI',\n  Cashiering = 'Cashiering',\n  Citizen_Portal = 'Citizen Portal',\n  Compliance = 'Compliance',\n  Consumer_Engagement = 'Consumer Engagement',\n  Consumer_Information = 'Consumer Information',\n  Contact_Center = 'Contact Center',\n  Course_Management = 'Course Management',\n  Crew_Routing = 'Crew Routing',\n  Dispatch = 'Dispatch',\n  Dispatch_Admin = 'Dispatch Admin',\n  Employee_Network = 'Employee Network',\n  Energy_Management = 'Energy Management',\n  Equipment_Inspection = 'Equipment Inspection',\n  Facility_Management = 'Facility Management',\n  Field_Mobility = 'Field Mobility',\n  Fixed_Assets = 'Fixed Assets',\n  Fleet_Management = 'Fleet Management',\n  Health_And_Safety = 'Health & Safety',\n  Instructor_Application = 'Instructor Application',\n  MDM = 'MDM',\n  Member_Management = 'Member Management',\n  Page_Builder = 'Page Builder',\n  Project_Management = 'Project Management',\n  Rentals = 'Rentals',\n  Unity = 'Unity',\n  Work_Orders = 'Work Orders'\n}\n\nexport enum LogicalSearchOperatorEnums {\n  And = 1,\n  Or = 2\n}\n\nexport enum NodeActionTriggerEnums {\n  On_Node_Drop = 1\n}\n\nexport enum NodeActionEnums {\n  Load_Inquiry_Page = 1,\n  Execute_Api = 2,\n  Start_Workflow = 3,\n  Create = 4,\n  Update = 5,\n  Delete = 6,\n  Retrieve = 7,\n  Open_Inquiry = 8,\n  Open_Maintenance_Engine = 9,\n  Redirect = 10,\n  Open_External_Link = 11,\n  Hide = 12,\n  Disable = 13,\n  Open_Page_Split_Screen = 14,\n  Open_Shell_Split_Screen = 15,\n  Open_Notes = 16,\n  Open_Reminders = 17,\n  Execute_Function = 18\n}\n\nexport enum TreeViewModeEnums {\n  Classic = 1,\n  Compact = 2\n}\n\nexport enum PanelPositionEnums {\n  Site_Header = 1,\n  Site_Header_Summary = 2,\n  Speed_Dial = 3,\n  Inquiry_Header = 4,\n  Inquiry_Header_Summary = 5\n}\n\nexport enum CardinalityTypeEnums {\n  One_To_One = 0,\n  One_To_Many = 1,\n  Many_To_Many = 2,\n  Many_To_One = 3\n}\n\nexport enum SplitScreenTypeEnums {\n  Entity = 1,\n  Notes = 2,\n  Page = 3,\n  Reminders = 4\n}\n\nexport enum UdpEnums {\n  Udp_Note_Type = 'UdpNoteType',\n  Udp_Note_Template = 'UdpNoteTemplate',\n  Udp_Note = 'UdpNote',\n  Udp_Note_Filed_For = 'UdpNoteFiledFor',\n  Udp_Shortcut_Content = 'UdpShortcutContent',\n  Udp_Lookup = 'UdpLookup',\n  Udp_Reminder_Type = 'UdpReminderType',\n  Udp_Reminder_Template = 'UdpReminderTemplate',\n  Udp_Reminder = 'UdpReminder',\n  Udp_Reminder_Filed_For = 'UdpReminderFiledFor'\n}\n\nexport enum NodeGroupTypeEnums {\n  Static = 'static',\n  Dynamic = 'dynamic'\n}\n\nexport enum NodeGroupOutlierEnums {\n  Hide = 'hide',\n  Group = 'group',\n  Individual = 'individual'\n}\n\nexport enum LookupTypeIdEnums {\n  Api = 1,\n  Csv = 2,\n  Domain = 3,\n  Lookup = 4\n}\n\nexport enum VisibilityTypeEnums {\n  Private = 1,\n  Public = 2\n}\n\nexport enum SeverityTypeEnums {\n  Success = 'success',\n  Error = 'error',\n  Warning = 'warning',\n  Info = 'info',\n  Default = 'default'\n}\n\nexport enum UdpKeywordEnums {\n  Udp_Tenant_Id = 'UDP_TENANT_ID',\n  Udp_Product_Id = 'UDP_PRODUCT_ID',\n  Udp_Language_Id = 'UDP_LANGUAGE_ID'\n}\n\nexport const enum JobStatusIdMapping {\n  PENDING = 1,\n  IN_PROGRESS = 2,\n  COMPLETED = 3,\n  FAILED = 4\n}\n\nexport const enum JobTypeIdMapping {\n  IMPORT = 1,\n  EXPORT = 2\n}\n\nexport enum UdpReminderFiledForType {\n  User = 1,\n  System = 2\n}\n\nexport enum DeviceTypeEnums {\n  Desktop = 1,\n  Tablet = 2,\n  Mobile = 3\n}\n\nexport enum ContainerTypeEnums {\n  Sidesheet = 1,\n  SplitScreen = 2,\n  Page = 3\n}\n\nexport enum TenantTypeEnums {\n  Tenant = 1,\n  Product = 2\n}\n\nexport enum EntityAttributeEnums {\n  Is_Product_ShortcutContent = 'IsProductShortcutContent',\n  Is_Product_Lookup = 'IsProductLookup',\n  User_Defined = 'UserDefined',\n  Domain_Name = 'DomainName'\n}\n\nexport enum RoleIdEnums {\n  Unity_System_Administrator = '302dacf5-bf16-412d-bf66-519d4c3491c3'\n}\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    fill: (props) => props.color || 'black'\n  },\n  showcase: {\n    fontSize: 38,\n    width: 38,\n    height: 38\n  },\n  large: {\n    fontSize: 20,\n    width: 20,\n    height: 20\n  },\n  default: {\n    fontSize: 18,\n    width: 18,\n    height: 18\n  },\n  medium: {\n    fontSize: 16,\n    width: 16,\n    height: 16\n  },\n  small: {\n    fontSize: 14,\n    width: 14,\n    height: 14\n  },\n  xs: {\n    fontSize: 12,\n    width: 12,\n    height: 12\n  }\n}));\n\nexport const UnityIcon = (props) => {\n  const { component, size = 'default', className, ...otherProps } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div\n      {...otherProps}\n      className={clsx(classes.root, className, classes[size])}\n    >\n      {component}\n    </div>\n  );\n};\n","import React from 'react';\nimport { UnityIcon } from './UnityIcon';\nimport { FluentIcon } from './FluentIcon';\n\nexport const UnityFluentIcon = (props) => {\n  const { type, icon, color, ...other } = props;\n\n  if (!icon) {\n    return null;\n  }\n\n  return type === 'unity' ? (\n    <UnityIcon component={icon} color={color} {...other} />\n  ) : (\n    <FluentIcon component={icon} style={{ color: color || '' }} {...other} />\n  );\n};\n","import { useEffect } from 'react';\nimport { create } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { ContainerTypeEnums } from '../enums/unitySystemEnums';\n\ninterface ShellState {\n  subHeaderActionHasChildren: boolean | null | undefined;\n  setSubHeaderActionHasChildren: (subHeaderActionHasChildren: boolean) => void;\n  navigationExpanded: boolean | null | undefined;\n  setNavigationExpanded: (navigationExpanded: boolean) => void;\n  setIsValidWidget: (isValidWidget: (a: string) => boolean) => void;\n  isValidWidget: (a: string) => boolean;\n  setGetWidget: (getWidget: (a: string) => any) => void;\n  getWidget: (a: string) => any;\n  shellHidden: boolean | null | undefined;\n  setShellHidden: (shellHidden: boolean) => void;\n  currentContainerId: string | null | undefined;\n  setCurrentContainerId: (containerId: string) => void;\n}\n\nexport const useShellStore = create<ShellState>()(\n  devtools((set) => ({\n    subHeaderActionHasChildren: false,\n    setSubHeaderActionHasChildren: (subHeaderActionHasChildren) =>\n      set((state) => ({\n        subHeaderActionHasChildren: subHeaderActionHasChildren\n      })),\n    navigationExpanded: true,\n    setNavigationExpanded: (navigationExpanded) =>\n      set((state) => ({\n        navigationExpanded: navigationExpanded\n      })),\n    isValidWidget: (a) => false,\n    setIsValidWidget: (isValidWidget) =>\n      set((state) => ({\n        isValidWidget: isValidWidget\n      })),\n    getWidget: (a) => null,\n    setGetWidget: (getWidget) =>\n      set((state) => ({\n        getWidget: getWidget\n      })),\n    shellHidden: false,\n    setShellHidden: (shellHidden) =>\n      set((state) => ({\n        shellHidden: shellHidden\n      })),\n    currentContainerId: null,\n    setCurrentContainerId: (currentContainerId) =>\n      set((state) => ({ currentContainerId: currentContainerId }))\n  }))\n);\n\nexport const useSetInitialShellVisibility: () => void = () => {\n  const searchParams = new URLSearchParams(window.location.search);\n  const withoutShell =\n    searchParams.has('withoutShell') === true\n      ? searchParams.get('withoutShell') === 'true'\n        ? true\n        : false\n      : false;\n\n  const setShellHidden = useShellStore((state) => state.setShellHidden);\n\n  useEffect(() => {\n    if (withoutShell) {\n      setShellHidden(true);\n    }\n  }, [setShellHidden, withoutShell]);\n};\n","import React from 'react'\nimport { makeStyles, Button } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: 0,\n    padding: 'calc(.875rem - 3px) 23px calc(.875rem - 3px) 15px'\n  },\n  label: {\n    textTransform: 'none'\n  },\n  endIcon: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    marginLeft: theme.spacing(2)\n  }\n}))\n\nexport const PrimaryActionButton = ({ children, icon, ...otherProps }) => {\n  const classes = useStyles()\n\n  return (\n    <div>\n      <Button\n        {...otherProps}\n        disableElevation\n        classes={{\n          root: classes.root,\n          label: classes.label,\n          endIcon: classes.endIcon\n        }}\n        variant='contained'\n        color='secondary'\n        endIcon={icon}\n      >\n        {children}\n      </Button>\n    </div>\n  )\n}\nexport default PrimaryActionButton\n","export const colors = {\n  systemIcon: {\n    trigger: {\n      main: '#FFCD27',\n      hint: '#FDFAF0',\n      hover: { outline: '#AF9027', background: '#FFFDEF' }\n    },\n    action: {\n      main: '#1542FF',\n      hint: '#F3F5FE',\n      hover: { outline: '#40529D', background: '#ECEFFA' }\n    },\n    condition: {\n      main: '#AE14FF',\n      hint: '#F9EEFF',\n      hover: { outline: '#844EA0', background: '#FAF2FE' }\n    },\n    sequence: {\n      main: '#FD7F12',\n      hint: '#FFF6EE',\n      hover: { outline: '#A86123', background: '#FDF4EC' }\n    }\n  },\n  unity: {\n    success: {\n      hint: '#F3FAF3'\n    },\n    warning: {\n      hint: '#FFF6EA'\n    },\n    info: {\n      hint: '#F3F9FE'\n    },\n    error: {\n      hint: '#FDF7F6'\n    }\n  },\n  categoryColors: {\n    one: {\n      hint: '#F8BBD0',\n      main: '#F3FAF3'\n    },\n    two: {\n      hint: '#FFF6EA',\n      main: '#FFF6EA'\n    },\n    three: {\n      hint: '#FFF6EA',\n      main: '#FFF6EA'\n    },\n    four: {\n      hint: '#F8BBD0',\n      main: '#f3e0eb'\n    },\n    five: {\n      hint: '#F8BBD0',\n      main: 'rgb(194 223 218)'\n    },\n    six: {\n      hint: '#F8BBD0',\n      main: 'rgb(222 217 235)'\n    }\n  }\n};\n","import { colors } from './colors';\n\nexport const getEllipseColor = (theme, color, variant = 'main') => {\n  if (!theme) {\n    return '';\n  }\n  let ellipseColor = theme.palette.primary[variant];\n  switch (color) {\n    case 'action':\n      ellipseColor = theme.palette.action?.[variant];\n      break;\n    case 'sequence':\n      ellipseColor = theme.palette.sequence?.[variant];\n      break;\n    case 'trigger':\n      ellipseColor = theme.palette.trigger?.[variant];\n      break;\n    case 'condition':\n      ellipseColor = theme.palette.condition?.[variant];\n      break;\n    case 'primary':\n      ellipseColor = theme.palette.primary[variant];\n      break;\n    case 'secondary':\n      ellipseColor = theme.palette.secondary[variant];\n      break;\n    case 'info':\n      ellipseColor = theme.palette.info[variant];\n      break;\n    case 'warning':\n      ellipseColor = theme.palette.warning[variant];\n      break;\n    case 'error':\n      ellipseColor = theme.palette.error[variant];\n      break;\n    case 'success':\n      ellipseColor = theme.palette.success[variant];\n      break;\n    default:\n      ellipseColor = theme.palette.secondary[variant];\n      break;\n  }\n  return ellipseColor;\n};\n\nexport const getCustomHintColor = (color) => {\n  // if (!theme) {\n  //   return '';\n  // }\n  let customHintColor = colors.unity.info.hint;\n  switch (color) {\n    // case 'primary':\n    //   customHintColor = theme.palette.primary.hint;\n    //   break;\n    // case 'secondary':\n    //   customHintColor = theme.palette.secondary.hint;\n    //   break;\n    case 'info':\n      customHintColor = colors.unity.info.hint;\n      break;\n    case 'warning':\n      customHintColor = colors.unity.warning.hint;\n      break;\n    case 'error':\n      customHintColor = colors.unity.error.hint;\n      break;\n    case 'success':\n      customHintColor = colors.unity.success.hint;\n      break;\n    default:\n      customHintColor = colors.unity.info.hint;\n  }\n\n  return customHintColor;\n};\n\nexport const getCategoryColor = (color) => {\n  // if (!theme) {\n  //   return '';\n  // }\n  let highlightColor = colors.unity.info.hint;\n  switch (color) {\n    case 'info':\n      highlightColor = colors.unity.info.hint;\n      break;\n    case 'warning':\n      highlightColor = colors.unity.warning.hint;\n      break;\n    case 'error':\n      highlightColor = colors.unity.error.hint;\n      break;\n    case 'four':\n      highlightColor = colors.categoryColors.four.main;\n      break;\n    case 'five':\n      highlightColor = colors.categoryColors.five.main;\n      break;\n    case 'six':\n      highlightColor = colors.categoryColors.six.main;\n      break;\n    default:\n      highlightColor = colors.unity.info.hint;\n  }\n\n  return highlightColor;\n};\n","import React from 'react';\nimport { Typography as MuiTypography, makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport { getEllipseColor } from '../../../utilities/style/colorConverter';\n\nconst useStyles = makeStyles((theme) => ({\n  typography: {\n    color: (props) => props?.color && getEllipseColor(theme, props?.color)\n  }\n}));\nexport const Typography = (props) => {\n  const {\n    variant,\n    align,\n    children,\n    className,\n    noWrap = false,\n    paragraph = false,\n    color\n  } = props;\n  const classes = useStyles(props);\n\n  return (\n    <MuiTypography\n      variant={variant}\n      align={align}\n      className={clsx({[classes.typography]: color}, className)}\n      noWrap={noWrap}\n      paragraph={paragraph}\n    >\n      {children}\n    </MuiTypography>\n  );\n};\n","import React from 'react'\nimport { makeStyles, Badge } from '@material-ui/core'\nimport clsx from 'clsx'\n\ntype LayoutUnitProps = {\n  unit: 'nudge' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl',\n  highlight: any\n}\n\nconst useStyles = makeStyles((theme) => ({\n  highlight: {\n    background: 'pink',\n    opacity: (props:LayoutUnitProps) => (props.highlight ? 0.2 : 0)\n  },\n  nudge: {\n    height: theme.spacing(1)\n  },\n  xxs: {\n    height: theme.spacing(2)\n  },\n  xs: {\n    height: theme.spacing(3)\n  },\n  sm: {\n    height: theme.spacing(4)\n  },\n  md: {\n    height: theme.spacing(5)\n  },\n  lg: {\n    height: theme.spacing(8)\n  },\n  xl: {\n    height: theme.spacing(12)\n  },\n  xxl: {\n    height: theme.spacing(20)\n  }\n}))\n\n\n\n\nexport const LayoutUnit: React.FC<any> = (props: LayoutUnitProps) => {\n  const classes = useStyles(props)\n\n  let spaceUnit\n  const { unit, highlight } = props\n\n  switch (unit) {\n    case 'nudge':\n      spaceUnit = (\n        <div className={clsx(classes.nudge, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='Nudge' />}\n        </div>\n      )\n      break\n    case 'xxs':\n      spaceUnit = (\n        <div className={clsx(classes.xxs, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XXS' />}\n        </div>\n      )\n      break\n    case 'xs':\n      spaceUnit = (\n        <div className={clsx(classes.xs, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XS' />}\n        </div>\n      )\n      break\n    case 'sm':\n      spaceUnit = (\n        <div className={clsx(classes.sm, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='SM' />}\n        </div>\n      )\n      break\n    case 'md':\n      spaceUnit = (\n        <div className={clsx(classes.md, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='MD' />}\n        </div>\n      )\n      break\n    case 'lg':\n      spaceUnit = (\n        <div className={clsx(classes.lg, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='LG' />}\n        </div>\n      )\n      break\n    case 'xl':\n      spaceUnit = (\n        <div className={clsx(classes.xl, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XL' />}\n        </div>\n      )\n      break\n    case 'xxl':\n      spaceUnit = (\n        <div className={clsx(classes.xxl, classes.highlight)}>\n          {highlight && <Badge color='secondary' badgeContent='XXL' />}\n        </div>\n      )\n      break\n    default:\n  }\n\n  return spaceUnit\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: props => props?.removeMarginTop ? 0 : theme.spacing(1),\n    whiteSpace: 'nowrap',\n    // overflow: 'hidden',\n    textOverflow: 'ellipsis'\n  }\n}))\n\nexport const StandardTitle = (props) => {\n  const classes = useStyles(props)\n  const { children, ...other } = props\n\n  return (\n    <Typography component='h2' variant='h6' className={classes.root} {...other}>\n      {children}\n    </Typography>\n  )\n}\n","import { useEffect, useMemo } from 'react';\nimport useAxios from 'axios-hooks';\nimport { handleResponseErrors, getMergedConfig } from './apiHelpers';\nimport enableAxiosInterceptors from './axiosInterceptors';\nimport { useUser } from './auth/useUser';\nimport { getStoredTenant } from './storage/UnitySessionStorage';\n\nenableAxiosInterceptors();\n/**\n * A custom hook for making GET requests with query parameters.\n * @template T - The expected type of the response data.\n * @param {string} url - The URL for the request.\n * @param {object} [params] - Optional object for query parameters.\n * @param {import('axios').AxiosRequestConfig} [config] - Optional Axios request config.\n * @param {boolean} [isManual] - If true, the request is not made automatically.\n * @returns {import('axios-hooks').AxiosHooksResult<T>}\n */\nexport const useAxiosGetQuery = (url, params, config, isManual) => {\n  const user = useUser();\n\n  if (!user?.accessToken) {\n    isManual = true;\n  }\n  const headers = useMemo(() => {\n    const currentHeaders = config.headers ?? {}\n    currentHeaders.currentTenantId ||= user?.currentTenantId ?? ''\n    return currentHeaders\n  }, [user, config])\n  config.headers = headers\n\n  const [{ data, loading, error }, refetch] = useAxios(\n    { url, params, ...config },\n    { manual: isManual }\n  );\n  useEffect(() => {\n    handleResponseErrors(error);\n  }, [error]);\n\n  return [{ data, loading, error }, refetch];\n};\n/**\n * A custom hook for making GET requests with Axios.\n * @template T - The expected type of the response data.\n * @param {string} baseURL - The base URL for the request.\n * @param {string} url - The URL path for the request.\n * @param {import('axios').AxiosRequestConfig} [config={}] - Optional Axios request config.\n * @param {boolean} [isManual] - If true, the request is not made automatically.\n * @param {boolean} [useCache=true] - If true, caching is enabled.\n * @returns {import('axios-hooks').AxiosHooksResult<T>}\n */\nexport const useAxiosGet = (\n  baseURL,\n  url,\n  config = {},\n  isManual,\n  useCache = true\n) => {\n  const user = useUser();\n\n  const headers = useMemo(() => {\n    const currentHeaders = config.headers ?? {}\n    currentHeaders.currentTenantId ||= user?.currentTenantId ?? ''\n    return currentHeaders\n  }, [user, config])\n  config.headers = headers\n\n  const fullURL = { url: `${baseURL}/${url}` };\n  const [{ data, loading, error }, refetch] = useAxios(\n    { ...fullURL, ...config },\n    { manual: isManual, useCache: useCache }\n  );\n\n  useEffect(() => {\n    handleResponseErrors(error);\n  }, [error]);\n\n  return [{ data, loading, error }, refetch];\n};\n","import warning from 'warning';\nimport useConstant from 'use-constant';\n\nlet idCounter = 0;\nfunction nextId() {\n  idCounter += 1;\n  warning(\n    idCounter < 1e10,\n    'Id: you might have a memory leak.' +\n      'The idCounter is not supposed to grow that much.'\n  );\n\n  return idCounter;\n}\n\n/**\n * A simple hook that returns a unique page ID\n */\nexport default function useId(name, idFromProps) {\n  const id = useConstant(nextId);\n\n  if (idFromProps) {\n    return idFromProps;\n  }\n\n  if (process.env.NODE_ENV === 'production') {\n    return `uid${id}`;\n  }\n\n  return `${name || 'unnamed'}-${id}`;\n}\n","import React from 'react';\nimport { Chip, makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  smallChip: {\n    height: theme.spacing(2.5),\n    fontSize: '0.7rem',\n    '& .MuiChip-label': {\n      paddingLeft: theme.spacing(0.75),\n      paddingRight: theme.spacing(0.75)\n    }\n  },\n  actionable: {\n    cursor: 'pointer'\n  },\n  success: {\n    backgroundColor: theme.palette.success.main,\n    color: '#FFF',\n    '&.MuiChip-outlined': {\n      color: theme.palette.success.main,\n      borderColor: theme.palette.success.main,\n      backgroundColor: 'transparent'\n    }\n  },\n  warning: {\n    backgroundColor: theme.palette.warning.main,\n    color: '#FFF',\n    '&.MuiChip-outlined': {\n      color: theme.palette.warning.main,\n      borderColor: theme.palette.warning.main,\n      backgroundColor: 'transparent'\n    }\n  },\n  error: {\n    backgroundColor: theme.palette.error.main,\n    color: '#FFF',\n    '&.MuiChip-outlined': {\n      color: theme.palette.error.main,\n      borderColor: theme.palette.error.main,\n      backgroundColor: 'transparent'\n    }\n  },\n  info: {\n    backgroundColor: theme.palette.info.main,\n    color: theme.palette.getContrastText(theme.palette.info.main),\n    '&.MuiChip-outlined': {\n      color: theme.palette.info.main,\n      borderColor: theme.palette.info.main,\n      backgroundColor: 'transparent'\n    }\n  }\n}));\n\nexport const StatusChip = ({\n  status,\n  label,\n  useSmallChip = false,\n  isActionable = false,\n  icon,\n  variant = 'default',\n  onClick,\n}) => {\n  const classes = useStyles();\n\n  const chipClass = clsx({\n    [classes.smallChip]: useSmallChip,\n    [classes.actionable]: isActionable,\n    [classes.success]: status === 'success',\n    [classes.warning]: status === 'warning',\n    [classes.error]: status === 'error',\n    [classes.info]: status === 'info'\n  });\n\n  return (\n    <Chip\n      className={chipClass}\n      label={label}\n      size='small'\n      icon={icon || null}\n      variant={variant}\n      onClick={isActionable ? onClick : null}\n    />\n  );\n};\n","import { ConfigService, apiMutate} from 'udp-react-stencil-component-library';\n\nexport const getBaseMethod = (type, baseType, catalogPromotedEntities) => {\n  if (!catalogPromotedEntities) {\n    return null;\n  }\n  const entityMethod = catalogPromotedEntities.find((promotedEntity) => {\n    const entityNameParts = promotedEntity.entityName.split('.');\n    if (entityNameParts.length) {\n      return entityNameParts[entityNameParts.length - 1] === type;\n    }\n    return false;\n  });\n  return entityMethod ? entityMethod[baseType] : null;\n};\n\nexport const executeQueryAdHoc = async (\n  data,\n  apiMethodId,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryAdHoc/${apiMethodId}${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n\nexport const executeQueryWithParameters = async (\n  data,\n  apiMethodId,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryWithParameters/${apiMethodId}${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n\nexport const executeQueryInstance = async (\n  data,\n  apiMethodInstanceId,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryInstance/${apiMethodInstanceId}${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n\nexport const executeQueryInstanceWithApiMethodInstance = async (\n  data,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryInstance${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n","import { Tenant } from '../types'\nimport { createContext } from 'react';\n\n\nexport const TenantContext = createContext<{tenantsList: Tenant[], activeTenant: Tenant, refresh: () => void} | null>(null);\n","import { useContext } from \"react\";\nimport { TenantContext } from \"./tenantContext\";\nimport { Tenant } from \"../types\";\n\nexport const useTenant = (): {activeTenant: Tenant, tenantsList: Tenant[], refresh: () => void} | null => {\n    return useContext(TenantContext);\n}\n","import React, { useMemo } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\n// @ts-ignore\nimport { makeStyles } from '@material-ui/core';\nimport { useTenant } from '../../utilities/tenant/useTenant';\nimport { Typography } from '../../UI/dataDisplay/typography/Typography';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const APP_RIBBON_SPACE = 25\n\nexport const useBuildEnvironment = (): string | undefined => {\n\tconst user = useUser()\n\n\tconst buildEnvironment = useMemo(() => {\n\n\t\tconst env = ConfigService.config.UNITY_ENVIRONMENT\n\n\t\tif(!['development', 'staging', 'production', 'build'].includes((env as string)?.toLowerCase()) || (env === 'production' && !user?.can?.CAN_VIEW_PROD_APP_RIBBON)) return undefined\n\n\t\treturn env?.toLowerCase();\n\n\n\t}, [user])\n\n\treturn buildEnvironment;\n};\n\nconst useStyles = makeStyles({\n  root: {\n    width: '100vw',\n    height: APP_RIBBON_SPACE,\n    backgroundColor: ({environment}: {environment: string | undefined}) => `var(--env-ribbon-${environment})`,\n    color: '#ffffff', // Default white text\n    display: 'flex',\n    alignItems: 'center',\n    position: 'relative',\n    // Use CSS to handle staging text color\n    '&.staging': {\n      color: '#000000'\n    }\n  },\n\tcenterText: {\n    position: 'absolute',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    fontWeight: 600\n\t},\n\trightText: {\n    position: 'absolute',\n    right: '10px',\n    fontWeight: 500\n\t}\n});\n\nexport const EnvironmentRibbon = () => {\n\tconst tenantInfo = useTenant()\n\tconst buildEnvironment = useBuildEnvironment()\n\n  const classes = useStyles({environment: buildEnvironment});\n  if(!buildEnvironment)  return null;\n\n  return (\n    <div\n      className={`${classes.root} ${buildEnvironment === 'staging' ? 'staging' : ''}`}\n      id='udp-environment-banner'\n    >\n      <Typography className={classes.centerText}>\n        {buildEnvironment?.charAt(0).toUpperCase()+buildEnvironment?.slice(1) || ''}\n      </Typography>\n\t\t\t<Typography className={classes.rightText}>\n        {tenantInfo?.activeTenant?.tenantName}\n      </Typography>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,cAAc;EACd,SAAS,UAAW,MAAM,SAAS,MAAM,SAAS;EAClD,SAAS;EACT,WAAW,UAAW,MAAM,WAAW,MAAM,WAAW;EACxD,SAAS,UAAU,aAAa,MAAM;;CAExC,OAAO;EACL,eAAe;EACf,UAAU;EACV,YAAY;;;AAIhB,MAAa,gBAAgB,UAAU;CACrC,MAAM,UAAUA,YAAU;CAC1B,MAAM,EAAE,UAAU,IAAI,aAAa,UAAU,UAAU,SAAU,GAAG,eAClE;AACF,QACE,oCAAC;EACC,GAAI;EACJ;EACA,SAAS;GACP,MAAM,QAAQ;GACd,OAAO,QAAQ;;EAEjB,QAAO;EACH;EACS;EACH;EACV,UAAU,YAAY;IAErB,YACC,oCAAC;EACC,IAAI,KAAK;EACT,aAAa,cAAc;EAC3B,MAAM;EACN,OAAM;KAGT,CAAC,YAAY;;;;;ACzCpB,MAAM,0BAA0B;AAC9B,OAAM,aAAa,QAAQ,IACzB,OAAO,WAAW;AAGhB,MAAI,CAAC,iBAAiB,SAAS,OAAO,SAAS,WAAW;GACxD,IAAI,cAAc;AAClB,OAAG,CAAC,QAAQ,SAAS,cACnB,eAAc,MAAM;AAEtB,UAAO,gBAAgB,aAAa;;AAEtC,SAAO;KAER,UAAU,QAAQ,OAAO;AAG5B,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,WAC3C;AACA,UAAO,QAAQ,gBAAgB,UAAU,MAAM;AAC/C,UAAO,SAAS;AAEhB,UAAO,MAAM;;AAGf,SAAO,QAAQ,OAAO;;;AAK5B,gCAAe;;;;ACnCf,MAAaC,cAA0C,cAA2B;AAClF,MAAaC,sBAAsD,cAA+B;;;;;;;;;;ACGlG,SAAgB,UAAuB;AACrC,QAAO,WAAW;;;;;ACXpB,MAAa,oBAAoB,QAAQ;AACvC,KAAI,CAAC,IACH,QAAO;AAET,QAAO,IAAI,QAAQ,OAAO;;AAG5B,MAAa,8BAA8B,QAAQ;CACjD,MAAM,iBAAiB,IAAI,OAAO,GAAG,gBAAgB,IAAI,MAAM;AAC/D,QAAO,eAAe,QAAQ,sBAAsB;;AAGtD,MAAa,mBAAmB,KAAK,cAAc;CACjD,MAAM,YAAY,IAAI,YAAY;AAClC,QAAO,IAAI,UAAU,GAAG,cAAc,KAAK,IAAI,SAAS;;AAG1D,MAAa,oBAAoB,UAAU;AACzC,QAAO,OAAO,OAAO,IAAI,gBAAgB,OAAO,MAAM;;AAGxD,MAAa,oBAAoB,UAAU;AACzC,QAAO,OAAO,OAAO,IAAI,gBAAgB,OAAO,MAAM;;AAGxD,MAAa,eAAe,QAAQ;CAClC,MAAM,SAAS,IACZ,QAAQ,kBAAkB,OAC1B,QAAQ,eAAe,OACvB,QAAQ,MAAM,KACd;AACH,QAAO,OAAO,OAAO,GAAG,gBAAgB,OAAO,MAAM;;AAGvD,MAAa,aAAa,QAAQ;CAChC,MAAM,OAAO,IAAI,OAAO,IAAI,SAAS;AACrC,KAAI,SAAS,IACX,QAAO;KAEP,QAAO,GAAG,IAAI;;;;;ACnClB,MAAMC,cAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,WAAW,EACT,SAAS;;CAGb,SAAS;EACP,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,QAAQ;EACN,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,IAAI;EACF,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,OAAO,EACL,QAAQ,YAAUC,QAAM;CAE1B,YAAY;EACV,WAAW,YAAUA,QAAM;EAC3B,QAAQ,YAAUA,QAAM;EACxB,SAAS,YAAUA,QAAM;;IAG7B,EAAE,MAAM;;;;AAMV,MAAa,cAAc,UAAU;CACnC,MAAM,UAAUD,YAAU;CAC1B,MAAM,EACJ,WAAW,eACX,OAAO,WACP,WACA,OACA,aAAa,MACb,GAAG,eACD;AAEJ,QACE,oCAAC;EACC,GAAI;EACJ,WAAW,KACT,QAAQ,MACR,WACC,cAAc,OAAO,SAAS,YAAY,QAAQ,iBACjD,QAAQ,OACV,SAAS,QAAQ;;;;;;ACnEzB,MAAME,cAAY,YAAY,WAAW,EACvC,MAAM;CACJ,eAAe,UAAW,MAAM,UAAU,KAAK;CAC/C,QAAQ,UAAW,MAAM,UAAU,MAAM,QAAQ,KAAK,MAAM,QAAQ;CACpE,SAAS,UAAW,MAAM,UAAU,MAAM,QAAQ,KAAK,MAAM,QAAQ;CACrE,SAAS,UAAU,MAAM,WAAW,aAAa,MAAM,QAAQ;CAC/D,aAAa,UAAU,MAAM,WAAW,MAAM,QAAQ,OAAO;;AAIjE,MAAa,oBAAoB,UAAU;CACzC,MAAM,UAAUA,YAAU;CAC1B,MAAM,EAAE,MAAM,OAAO,UAAU,IAAI,YAAa,GAAG,eAAe;AAClE,QACE,oCAAC;EACC,GAAI;EACJ,SAAS,EACP,MAAM,QAAQ;EAEH;IAEb,oCAAC;EAAW,WAAW;EAAY;EAAU;;;;;;ACzBnD,IAAY,kDAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGF,IAAY,oEAAL;AACL;AACA;AACA;AACA;AACA;;;AAGF,IAAY,0DAAL;AACL;AACA;AACA;AACA;;;AAGF,IAAY,0DAAL;AACL;AACA;AACA;AACA;;;AAGF,IAAY,0DAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGF,IAAY,8DAAL;AACL;AACA;;;AAGF,IAAY,wDAAL;AACL;;;AAGF,IAAY,0DAAL;AACL;AACA;;;AAGF,IAAY,8DAAL;AACL;AACA;AACA;AACA;AACA;;;AAGF,IAAY,8DAAL;AACL;AACA;AACA;AACA;AACA;AACA;;;AAGF,IAAY,oEAAL;AACL;AACA;;;AAGF,IAAY,sEAAL;AACL;AACA;;;AAGF,IAAY,0DAAL;AACL;AACA;AACA;;;AAGF,IAAY,gEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGF,IAAY,oFAAL;AACL;AACA;;;AAGF,IAAY,4EAAL;AACL;;;AAGF,IAAY,8DAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGF,IAAY,kEAAL;AACL;AACA;;;AAGF,IAAY,oEAAL;AACL;AACA;AACA;AACA;AACA;;;AAGF,IAAY,wEAAL;AACL;AACA;AACA;AACA;;;AAGF,IAAY,wEAAL;AACL;AACA;AACA;AACA;;;AAGF,IAAY,gDAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGF,IAAY,oEAAL;AACL;AACA;;;AAGF,IAAY,0EAAL;AACL;AACA;AACA;;;AAGF,IAAY,kEAAL;AACL;AACA;AACA;AACA;;;AAGF,IAAY,sEAAL;AACL;AACA;;;AAGF,IAAY,kEAAL;AACL;AACA;AACA;AACA;AACA;;;AAGF,IAAY,8DAAL;AACL;AACA;AACA;;;AAGF,IAAkB,oEAAX;AACL;AACA;AACA;AACA;;;AAGF,IAAkB,gEAAX;AACL;AACA;;;AAGF,IAAY,8EAAL;AACL;AACA;;;AAGF,IAAY,8DAAL;AACL;AACA;AACA;;;AAGF,IAAY,oEAAL;AACL;AACA;AACA;;;AAGF,IAAY,8DAAL;AACL;AACA;;;AAGF,IAAY,wEAAL;AACL;AACA;AACA;AACA;;;AAGF,IAAY,sDAAL;AACL;;;;;;AChRF,MAAMC,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,OAAO,UAAU,MAAM,SAAS;;CAElC,UAAU;EACR,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,SAAS;EACP,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,QAAQ;EACN,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;;CAEV,IAAI;EACF,UAAU;EACV,OAAO;EACP,QAAQ;;;AAIZ,MAAa,aAAa,UAAU;CAClC,MAAM,EAAE,WAAW,OAAO,WAAW,UAAW,GAAG,eAAe;CAClE,MAAM,UAAUA,YAAU;AAE1B,QACE,oCAAC;EACC,GAAI;EACJ,WAAW,KAAK,QAAQ,MAAM,WAAW,QAAQ;IAEhD;;;;;AC9CP,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,MAAM,MAAM,MAAO,GAAG,UAAU;AAExC,KAAI,CAAC,KACH,QAAO;AAGT,QAAO,SAAS,UACd,oCAAC;EAAU,WAAW;EAAa;EAAO,GAAI;MAE9C,oCAAC;EAAW,WAAW;EAAM,OAAO,EAAE,OAAO,SAAS;EAAM,GAAI;;;;;;ACMpE,MAAa,gBAAgB,SAC3B,UAAU,SAAS;CACjB,4BAA4B;CAC5B,gCAAgC,+BAC9B,KAAK,WAAW,EACc;CAEhC,oBAAoB;CACpB,wBAAwB,uBACtB,KAAK,WAAW,EACM;CAExB,gBAAgB,MAAM;CACtB,mBAAmB,kBACjB,KAAK,WAAW,EACC;CAEnB,YAAY,MAAM;CAClB,eAAe,cACb,KAAK,WAAW,EACH;CAEf,aAAa;CACb,iBAAiB,gBACf,KAAK,WAAW,EACD;CAEjB,oBAAoB;CACpB,wBAAwB,uBACtB,KAAK,WAAW,EAAsB;;AAI5C,MAAaC,qCAAiD;CAC5D,MAAM,eAAe,IAAI,gBAAgB,OAAO,SAAS;CACzD,MAAM,eACJ,aAAa,IAAI,oBAAoB,OACjC,aAAa,IAAI,oBAAoB,SACnC,OACA,QACF;CAEN,MAAM,iBAAiB,eAAe,UAAU,MAAM;AAEtD,iBAAgB;AACd,MAAI,aACF,gBAAe;IAEhB,CAAC,gBAAgB;;;;;ACjEtB,MAAMC,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,cAAc;EACd,SAAS;;CAEX,OAAO,EACL,eAAe;CAEjB,SAAS;EACP,SAAS;EACT,gBAAgB;EAChB,YAAY,MAAM,QAAQ;;;AAI9B,MAAa,uBAAuB,EAAE,UAAU,KAAM,GAAG,iBAAiB;CACxE,MAAM,UAAUA;AAEhB,QACE,oCAAC,aACC,oCAAC;EACC,GAAI;EACJ;EACA,SAAS;GACP,MAAM,QAAQ;GACd,OAAO,QAAQ;GACf,SAAS,QAAQ;;EAEnB,SAAQ;EACR,OAAM;EACN,SAAS;IAER;;AAKT,kCAAe;;;;ACxCf,MAAaC,WAAS;CACpB,YAAY;EACV,SAAS;GACP,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;;;EAE3C,QAAQ;GACN,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;;;EAE3C,WAAW;GACT,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;;;EAE3C,UAAU;GACR,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;;;;CAG7C,OAAO;EACL,SAAS,EACP,MAAM;EAER,SAAS,EACP,MAAM;EAER,MAAM,EACJ,MAAM;EAER,OAAO,EACL,MAAM;;CAGV,gBAAgB;EACd,KAAK;GACH,MAAM;GACN,MAAM;;EAER,KAAK;GACH,MAAM;GACN,MAAM;;EAER,OAAO;GACL,MAAM;GACN,MAAM;;EAER,MAAM;GACJ,MAAM;GACN,MAAM;;EAER,MAAM;GACJ,MAAM;GACN,MAAM;;EAER,KAAK;GACH,MAAM;GACN,MAAM;;;;;;;AC1DZ,MAAa,mBAAmB,OAAO,OAAO,UAAU,WAAW;AACjE,KAAI,CAAC,MACH,QAAO;CAET,IAAI,eAAe,MAAM,QAAQ,QAAQ;AACzC,SAAQ,OAAR;EACE,KAAK;AACH,kBAAe,MAAM,QAAQ,SAAS;AACtC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,WAAW;AACxC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,UAAU;AACvC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,YAAY;AACzC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,QAAQ;AACrC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,UAAU;AACvC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,KAAK;AAClC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,QAAQ;AACrC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,MAAM;AACnC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,QAAQ;AACrC;EACF;AACE,kBAAe,MAAM,QAAQ,UAAU;AACvC;;AAEJ,QAAO;;AAkCT,MAAa,oBAAoB,UAAU;CAIzC,IAAI,iBAAiBC,SAAO,MAAM,KAAK;AACvC,SAAQ,OAAR;EACE,KAAK;AACH,oBAAiBA,SAAO,MAAM,KAAK;AACnC;EACF,KAAK;AACH,oBAAiBA,SAAO,MAAM,QAAQ;AACtC;EACF,KAAK;AACH,oBAAiBA,SAAO,MAAM,MAAM;AACpC;EACF,KAAK;AACH,oBAAiBA,SAAO,eAAe,KAAK;AAC5C;EACF,KAAK;AACH,oBAAiBA,SAAO,eAAe,KAAK;AAC5C;EACF,KAAK;AACH,oBAAiBA,SAAO,eAAe,IAAI;AAC3C;EACF,QACE,kBAAiBA,SAAO,MAAM,KAAK;;AAGvC,QAAO;;;;;ACnGT,MAAMC,cAAY,YAAY,WAAW,EACvC,YAAY,EACV,QAAQ,UAAU,OAAO,SAAS,gBAAgB,OAAO,OAAO;AAGpE,MAAaC,gBAAc,UAAU;CACnC,MAAM,EACJ,SACA,OACA,UACA,WACA,SAAS,OACT,YAAY,OACZ,UACE;CACJ,MAAM,UAAUD,YAAU;AAE1B,QACE,oCAACE;EACU;EACF;EACP,WAAW,KAAK,GAAE,QAAQ,aAAa,SAAQ;EACvC;EACG;IAEV;;;;;ACrBP,MAAMC,cAAY,YAAY,WAAW;CACvC,WAAW;EACT,YAAY;EACZ,UAAU,UAA2B,MAAM,YAAY,KAAM;;CAE/D,OAAO,EACL,QAAQ,MAAM,QAAQ;CAExB,KAAK,EACH,QAAQ,MAAM,QAAQ;CAExB,IAAI,EACF,QAAQ,MAAM,QAAQ;CAExB,IAAI,EACF,QAAQ,MAAM,QAAQ;CAExB,IAAI,EACF,QAAQ,MAAM,QAAQ;CAExB,IAAI,EACF,QAAQ,MAAM,QAAQ;CAExB,IAAI,EACF,QAAQ,MAAM,QAAQ;CAExB,KAAK,EACH,QAAQ,MAAM,QAAQ;;AAO1B,MAAaC,cAA6B,UAA2B;CACnE,MAAM,UAAUD,YAAU;CAE1B,IAAI;CACJ,MAAM,EAAE,MAAM,cAAc;AAE5B,SAAQ,MAAR;EACE,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,OAAO,QAAQ,cACzC,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;;AAGxD;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,KAAK,QAAQ,cACvC,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;;AAGxD;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,cACtC,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;;AAGxD;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,cACtC,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;;AAGxD;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,cACtC,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;;AAGxD;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,cACtC,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;;AAGxD;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,IAAI,QAAQ,cACtC,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;;AAGxD;EACF,KAAK;AACH,eACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,KAAK,QAAQ,cACvC,aAAa,oCAAC;IAAM,OAAM;IAAY,cAAa;;AAGxD;EACF;;AAGF,QAAO;;;;;AC1GT,MAAME,cAAY,YAAY,WAAW,EACvC,MAAM;CACJ,YAAW,UAAS,OAAO,kBAAkB,IAAI,MAAM,QAAQ;CAC/D,YAAY;CAEZ,cAAc;;AAIlB,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAUA,YAAU;CAC1B,MAAM,EAAE,SAAU,GAAG,UAAU;AAE/B,QACE,oCAAC;EAAW,WAAU;EAAK,SAAQ;EAAK,WAAW,QAAQ;EAAM,GAAI;IAClE;;;;;ACXPC;;;;;;;;;;AAUA,MAAa,oBAAoB,KAAK,QAAQ,QAAQ,aAAa;CACjE,MAAM,OAAO;AAEb,KAAI,CAAC,MAAM,YACT,YAAW;CAEb,MAAM,UAAU,cAAc;EAC5B,MAAM,iBAAiB,OAAO,WAAW;AACzC,iBAAe,oBAAoB,MAAM,mBAAmB;AAC5D,SAAO;IACN,CAAC,MAAM;AACV,QAAO,UAAU;CAEjB,MAAM,CAAC,EAAE,MAAM,SAAS,SAAS,WAAW,SAC1C;EAAE;EAAK;EAAQ,GAAG;IAClB,EAAE,QAAQ;AAEZ,iBAAgB;AACd,uBAAqB;IACpB,CAAC;AAEJ,QAAO,CAAC;EAAE;EAAM;EAAS;IAAS;;;;;;;;;;;;AAYpC,MAAa,eACX,SACA,KACA,SAAS,IACT,UACA,WAAW,SACR;CACH,MAAM,OAAO;CAEb,MAAM,UAAU,cAAc;EAC5B,MAAM,iBAAiB,OAAO,WAAW;AACzC,iBAAe,oBAAoB,MAAM,mBAAmB;AAC5D,SAAO;IACN,CAAC,MAAM;AACV,QAAO,UAAU;CAEjB,MAAM,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG;CACrC,MAAM,CAAC,EAAE,MAAM,SAAS,SAAS,WAAW,SAC1C;EAAE,GAAG;EAAS,GAAG;IACjB;EAAE,QAAQ;EAAoB;;AAGhC,iBAAgB;AACd,uBAAqB;IACpB,CAAC;AAEJ,QAAO,CAAC;EAAE;EAAM;EAAS;IAAS;;;;;ACzEpC,IAAI,YAAY;AAChB,SAAS,SAAS;AAChB,cAAa;AACb,SACE,YAAY,MACZ;AAIF,QAAO;;;;;AAMT,SAAwB,MAAM,MAAM,aAAa;CAC/C,MAAM,KAAK,YAAY;AAEvB,KAAI,YACF,QAAO;AAGT,KAAI,QAAQ,IAAI,aAAa,aAC3B,QAAO,MAAM;AAGf,QAAO,GAAG,QAAQ,UAAU,GAAG;;;;;ACzBjC,MAAMC,cAAY,YAAY,WAAW;CACvC,WAAW;EACT,QAAQ,MAAM,QAAQ;EACtB,UAAU;EACV,oBAAoB;GAClB,aAAa,MAAM,QAAQ;GAC3B,cAAc,MAAM,QAAQ;;;CAGhC,YAAY,EACV,QAAQ;CAEV,SAAS;EACP,iBAAiB,MAAM,QAAQ,QAAQ;EACvC,OAAO;EACP,sBAAsB;GACpB,OAAO,MAAM,QAAQ,QAAQ;GAC7B,aAAa,MAAM,QAAQ,QAAQ;GACnC,iBAAiB;;;CAGrB,SAAS;EACP,iBAAiB,MAAM,QAAQ,QAAQ;EACvC,OAAO;EACP,sBAAsB;GACpB,OAAO,MAAM,QAAQ,QAAQ;GAC7B,aAAa,MAAM,QAAQ,QAAQ;GACnC,iBAAiB;;;CAGrB,OAAO;EACL,iBAAiB,MAAM,QAAQ,MAAM;EACrC,OAAO;EACP,sBAAsB;GACpB,OAAO,MAAM,QAAQ,MAAM;GAC3B,aAAa,MAAM,QAAQ,MAAM;GACjC,iBAAiB;;;CAGrB,MAAM;EACJ,iBAAiB,MAAM,QAAQ,KAAK;EACpC,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK;EACxD,sBAAsB;GACpB,OAAO,MAAM,QAAQ,KAAK;GAC1B,aAAa,MAAM,QAAQ,KAAK;GAChC,iBAAiB;;;;AAKvB,MAAa,cAAc,EACzB,QACA,OACA,eAAe,OACf,eAAe,OACf,MACA,UAAU,WACV,cACI;CACJ,MAAM,UAAUA;CAEhB,MAAM,YAAY,KAAK;GACpB,QAAQ,YAAY;GACpB,QAAQ,aAAa;GACrB,QAAQ,UAAU,WAAW;GAC7B,QAAQ,UAAU,WAAW;GAC7B,QAAQ,QAAQ,WAAW;GAC3B,QAAQ,OAAO,WAAW;;AAG7B,QACE,oCAAC;EACC,WAAW;EACJ;EACP,MAAK;EACL,MAAM,QAAQ;EACL;EACT,SAAS,eAAe,UAAU;;;;;;AC/ExC,MAAa,iBAAiB,MAAM,UAAU,4BAA4B;AACxE,KAAI,CAAC,wBACH,QAAO;CAET,MAAM,eAAe,wBAAwB,MAAM,mBAAmB;EACpE,MAAM,kBAAkB,eAAe,WAAW,MAAM;AACxD,MAAI,gBAAgB,OAClB,QAAO,gBAAgB,gBAAgB,SAAS,OAAO;AAEzD,SAAO;;AAET,QAAO,eAAe,aAAa,YAAY;;AAGjD,MAAa,oBAAoB,OAC/B,MACA,aACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,+BAA+B,cAAc,kBAC7C,EACE,QAAQ,UAEV;AAGJ,MAAa,6BAA6B,OACxC,MACA,aACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,wCAAwC,cAAc,kBACtD,EACE,QAAQ,UAEV;AAGJ,MAAa,uBAAuB,OAClC,MACA,qBACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,kCAAkC,sBAAsB,kBACxD,EACE,QAAQ,UAEV;AAGJ,MAAa,4CAA4C,OACvD,MACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,iCAAiC,kBACjC,EACE,QAAQ,UAEV;;;;AChEJ,MAAa,gBAAgB,cAAyF;;;;ACAtH,MAAa,kBAA6F;AACtG,QAAO,WAAW;;;;;ACGtB,MAAa,mBAAmB;AAEhC,MAAa,4BAAgD;CAC5D,MAAM,OAAO;CAEb,MAAM,mBAAmB,cAAc;EAEtC,MAAM,MAAM,cAAc,OAAO;AAEjC,MAAG,CAAC;GAAC;GAAe;GAAW;GAAc;IAAS,SAAU,KAAgB,kBAAmB,QAAQ,gBAAgB,CAAC,MAAM,KAAK,yBAA2B,QAAO;AAEzK,SAAO,KAAK;IAGV,CAAC;AAEJ,QAAO;;AAGR,MAAM,YAAY,WAAW;CAC3B,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,kBAAkB,EAAC,kBAAoD,oBAAoB,YAAY;EACvG,OAAO;EACP,SAAS;EACT,YAAY;EACZ,UAAU;EAEV,aAAa,EACX,OAAO;;CAGZ,YAAY;EACT,UAAU;EACV,MAAM;EACN,WAAW;EACX,YAAY;;CAEf,WAAW;EACR,UAAU;EACV,OAAO;EACP,YAAY;;;AAIhB,MAAa,0BAA0B;CACtC,MAAM,aAAa;CACnB,MAAM,mBAAmB;CAExB,MAAM,UAAU,UAAU,EAAC,aAAa;AACxC,KAAG,CAAC,iBAAmB,QAAO;AAE9B,QACE,oCAAC;EACC,WAAW,GAAG,QAAQ,KAAK,GAAG,qBAAqB,YAAY,YAAY;EAC3E,IAAG;IAEH,oCAACC,gBAAW,WAAW,QAAQ,cAC5B,kBAAkB,OAAO,GAAG,gBAAc,kBAAkB,MAAM,MAAM,KAE9E,oCAACA,gBAAW,WAAW,QAAQ,aACzB,YAAY,cAAc"}

package/dist/MenuPage-DLsNc-P8.js

@@ -0,0 +1,490 @@
+import { APP_RIBBON_SPACE, FluentIcon, NodeActionTriggerEnums, TreeViewModeEnums, UnityFluentIcon, useAxiosGet, useBuildEnvironment, useShellStore, useUser } from "./EnvironmentRibbon-BMvQEZPZ.js";
+import "./apiHelpers-t3rfkjFZ.js";
+import { AggregateChip, NodeLoader, UtilitySideBar, findAllParentIds, getIconFromName, getNodeIdForRightBorder, getUnityIconFromName, searchTree, transformMenuPageTree } from "./UtilitySideBar-B4r2IAv5.js";
+import "./SearchUtilities-dbXvMYoa.js";
+import { PageContainer, useSetLocationState } from "./PageContainer-B65gsUfF.js";
+import React, { useCallback, useEffect, useState } from "react";
+import { CircularProgress, Tooltip, Typography, darken, lighten, makeStyles, useTheme } from "@material-ui/core";
+import { ConfigService } from "udp-react-stencil-component-library";
+import { useLocation } from "react-router-dom";
+import clsx from "clsx";
+import { CaretDownSolid8Icon, CaretUpSolid8Icon } from "@fluentui/react-icons";
+import { cloneDeep } from "lodash";
+import { useTranslation } from "react-i18next";
+import { DndProvider, useDrag, useDrop } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import TreeView from "@material-ui/lab/TreeView";
+import TreeItem from "@material-ui/lab/TreeItem";
+
+//#region src/treeMenu/BaseTreeMenuItem.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {
+		"&.Mui-selected > .MuiTreeItem-content": {
+			backgroundColor: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[700] : theme.palette.grey[300],
+			borderRight: `4px solid ${theme.palette.primary.main}`
+		},
+		"&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label": {
+			backgroundColor: "transparent",
+			paddingLeft: 0
+		},
+		"&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner": { backgroundColor: theme?.getThemeData()?.mode !== "dark" && theme.palette.grey[50] },
+		"& .MuiTreeItem-content .MuiTreeItem-iconContainer": { display: (props) => props.sidebarExpanded ? "flex" : "none" }
+	},
+	content: { backgroundColor: (props) => theme?.getThemeData()?.mode !== "dark" && props.conditionalIconName && props.conditionalIconColor ? lighten(props.conditionalIconColor, .92) : "" },
+	labelRoot: {
+		display: "flex",
+		alignItems: "center",
+		marginLeft: (props) => props.sidebarExpanded ? 0 : theme.spacing(1.5),
+		width: "100%"
+	},
+	labelContainer: {
+		display: (props) => !props.sidebarExpanded ? "none" : "",
+		width: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? `calc(100% - ${theme.spacing(6.25)}px)` : `calc(100% - ${theme.spacing(7.75)}px)`
+	},
+	conditionalIconContainer: { display: "inline-flex" },
+	labelText: {
+		fontSize: "0.75rem",
+		fontWeight: 600,
+		lineHeight: "1rem",
+		letterSpacing: .1
+	},
+	captionText: {
+		marginLeft: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : "",
+		fontSize: "0.65rem",
+		fontWeight: 400,
+		lineHeight: 1,
+		letterSpacing: .4
+	},
+	labelOverflow: {
+		whiteSpace: "nowrap",
+		overflow: "hidden",
+		textOverflow: "ellipsis"
+	},
+	group: {
+		width: "100%",
+		"& .MuiTreeItem-group": { marginLeft: 0 },
+		"& .MuiTreeItem-content": {
+			paddingLeft: (props) => props.sidebarExpanded ? (props.depth || 1) * theme.spacing(1) : 0,
+			borderRight: (props) => props.showRightBorderColor ? `4px solid ${theme.palette.primary.main}` : "",
+			borderBottom: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? `1px solid ${theme.palette.grey[200]}` : ""
+		},
+		"& .MuiTreeItem-content .MuiTreeItem-label": {
+			paddingLeft: 0,
+			width: (props) => props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`
+		},
+		"& .MuiTreeItem-content .MuiTreeItem-iconContainer span": { display: (props) => props.hideExpansion ? "none" : "" },
+		"& .MuiCollapse-wrapperInner": { backgroundColor: (props) => theme?.getThemeData()?.mode !== "dark" && props.isSelectedNode ? theme.palette.grey[50] : "" }
+	},
+	iconContainer: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		borderRadius: 50,
+		marginTop: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(.25) : theme.spacing(.5),
+		marginBottom: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(.25) : theme.spacing(.5),
+		marginRight: theme.spacing(1),
+		width: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(3) : theme.spacing(4),
+		height: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(3) : theme.spacing(4),
+		border: (props) => props.iconColor ? `1px solid ${darken(props.iconColor, .1)}` : `1px solid ${theme.palette.secondary.main}`,
+		backgroundColor: "#ffffff"
+	}
+}));
+const BaseTreeMenuItem = (props) => {
+	const { parentId, nodeId, iconName, iconType, conditionalIconName, conditionalIconType, conditionalIconColor, label, iconColor, onNodeSelect, isSelectedNode, subLabel, sidebarExpanded, isLastNode, loading, node, onDropNode, treeViewMode, menuIndex, aggregateThresholdId,...other } = props;
+	const classes = useStyles$2(props);
+	const theme = useTheme();
+	const [{ isDragging }, dragRef] = useDrag({
+		type: "BaseTreeMenuItem",
+		item: {
+			...node,
+			sourceNodeMenuIndex: menuIndex
+		},
+		collect: (monitor) => ({ isDragging: monitor.isDragging() })
+	});
+	const handleOnDrop = useCallback((sourceNode, monitor) => {
+		if (!monitor.didDrop()) {
+			if (onDropNode) {
+				const { sourceNodeMenuIndex,...other$1 } = sourceNode;
+				onDropNode({ ...other$1 }, node, sourceNodeMenuIndex, menuIndex);
+			}
+		}
+	}, [
+		onDropNode,
+		node,
+		menuIndex
+	]);
+	const [{ canDrop, isOver }, dropRef] = useDrop(() => ({
+		accept: ["BaseTreeMenuItem"],
+		drop: (sourceNode, monitor) => {
+			handleOnDrop(sourceNode, monitor);
+		},
+		canDrop: (sourceNode) => checkCanDrop(sourceNode),
+		collect: (monitor) => ({
+			isOver: monitor.isOver(),
+			canDrop: !!monitor.canDrop()
+		})
+	}), [handleOnDrop]);
+	const checkCanDrop = useCallback((sourceNode) => {
+		if (sourceNode) {
+			const onDropActions = node?.properties?.nodeActions?.filter((na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop);
+			if (!onDropActions) return false;
+			const nodeDragEntities = onDropActions?.map((action) => action?.dragEntityName);
+			return nodeDragEntities.includes(sourceNode?.properties?.catalogReturnObject);
+		}
+	}, [node]);
+	const handleOnLabelClick = useCallback((e) => {
+		e.preventDefault();
+		onNodeSelect(e, nodeId);
+	}, [onNodeSelect, nodeId]);
+	return /* @__PURE__ */ React.createElement(TreeItem, {
+		className: classes.group,
+		key: nodeId,
+		nodeId,
+		label: /* @__PURE__ */ React.createElement("div", { ref: dropRef }, /* @__PURE__ */ React.createElement(Tooltip, { title: sidebarExpanded ? "" : label }, /* @__PURE__ */ React.createElement("div", {
+			ref: node?.properties?.isDraggable && dragRef || null,
+			style: { opacity: isDragging ? .5 : 1 }
+		}, loading ? /* @__PURE__ */ React.createElement(CircularProgress, { size: 12 }) : /* @__PURE__ */ React.createElement("div", {
+			id: "udpRecord-BaseTreeMenuItem-" + label.replace(/\s+/g, ""),
+			udprecordid: "udpRecord-BaseTreeMenuItem-" + label.replace(/\s+/g, ""),
+			className: classes.labelRoot,
+			style: { fontWeight: isSelectedNode ? "bold" : "" }
+		}, iconName && /* @__PURE__ */ React.createElement("div", { className: classes.iconContainer }, /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+			size: treeViewMode === TreeViewModeEnums.Compact ? "small" : "medium",
+			color: iconColor,
+			type: iconType,
+			icon: iconType === "unity" ? getUnityIconFromName(iconName) : getIconFromName(iconName),
+			style: { color: iconColor ? darken(iconColor, .1) : theme.palette.secondary.main }
+		})), /* @__PURE__ */ React.createElement("div", { className: classes.labelContainer }, /* @__PURE__ */ React.createElement(Typography, {
+			variant: "subtitle2",
+			className: clsx(classes.labelText, classes.labelOverflow)
+		}, label, subLabel && treeViewMode === TreeViewModeEnums.Compact && /* @__PURE__ */ React.createElement(Typography, {
+			variant: "caption",
+			className: clsx(classes.captionText, classes.labelOverflow)
+		}, subLabel)), subLabel && treeViewMode === TreeViewModeEnums.Classic && /* @__PURE__ */ React.createElement("div", { className: classes.labelOverflow }, /* @__PURE__ */ React.createElement(Typography, {
+			variant: "caption",
+			className: clsx(classes.captionText)
+		}, subLabel))), /* @__PURE__ */ React.createElement(AggregateChip, { aggregateThresholdId }), conditionalIconName && sidebarExpanded && /* @__PURE__ */ React.createElement("div", { className: classes.conditionalIconContainer }, /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+			size: treeViewMode === TreeViewModeEnums.Compact ? "small" : "medium",
+			color: conditionalIconColor,
+			type: conditionalIconType,
+			icon: conditionalIconType === "unity" ? getUnityIconFromName(conditionalIconName) : getIconFromName(conditionalIconName),
+			style: { color: conditionalIconColor }
+		})))))),
+		onLabelClick: handleOnLabelClick,
+		classes: {
+			root: classes.root,
+			content: classes.content
+		},
+		...other
+	});
+};
+
+//#endregion
+//#region src/treeMenu/BaseTreeMenu.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		marginBottom: theme.spacing(1.75),
+		borderTop: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? `1px solid ${theme.palette.grey[200]}` : ""
+	},
+	noChildrenContainer: { borderBottom: (props) => props.treeViewMode === TreeViewModeEnums.Compact ? `1px solid ${theme.palette.grey[200]}` : "" }
+}));
+const BaseTreeMenu = (props) => {
+	const { menuItems, onSelectNode, onDropNode, menuIndex, selectedNodeId, selectedNodeParentId, sidebarExpanded, treeViewMode, childrenKey = "children" } = props;
+	const [expanded, setExpanded] = useState(null);
+	const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);
+	const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);
+	const [tree, setTree] = useState(menuItems);
+	const theme = useTheme();
+	const classes = useStyles$1(props);
+	const handleSelectedNode = useCallback((e, value) => {
+		const selectedNode = searchTree(tree, value);
+		if (onSelectNode) {
+			onSelectNode(selectedNode, menuIndex);
+			setSelectedNodeIsHidden(false);
+		}
+	}, [
+		tree,
+		menuIndex,
+		onSelectNode
+	]);
+	const renderTree = useCallback((node, depth = 1) => {
+		let label = node.properties?.nodeLabel || node.properties?.name;
+		let subLabel = node.properties?.nodeSubLabel;
+		let iconName = node.properties?.defaultIcon?.name;
+		let iconType = node.properties?.defaultIcon?.type;
+		let conditionalIconName = node.properties?.conditionalIconName || "";
+		let conditionalIconType = node.properties?.conditionalIconName ? node.properties.conditionalIconType : "";
+		let conditionalIconColor = node.properties?.conditionalIconName ? node.properties?.conditionalIconColor : "";
+		let nodeId = node.id;
+		let iconColor = node.properties?.conditionalIconName ? node.properties?.conditionalIconColor : node.properties?.defaultIcon?.color?.hex;
+		let aggregateThresholdId = node.properties?.aggregateThresholdId || "";
+		if (node.isGroupNode) {
+			label = node.properties?.label;
+			subLabel = node.properties?.subLabel;
+			iconName = node.properties?.icon?.name;
+			iconType = node.properties?.icon?.type;
+			iconColor = node.properties?.icon?.color?.hex;
+		}
+		return /* @__PURE__ */ React.createElement(BaseTreeMenuItem, {
+			key: nodeId,
+			nodeId,
+			label,
+			subLabel,
+			iconName,
+			iconType,
+			conditionalIconName,
+			conditionalIconType,
+			conditionalIconColor,
+			parentId: node.parentId,
+			iconColor,
+			onNodeSelect: handleSelectedNode,
+			selectedNodeId,
+			isSelectedNode: selectedNodeId === node.id,
+			showRightBorderColor: selectedNodeIsHidden && isCurrentActiveTree && getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) === node.id,
+			isCurrentActiveTree,
+			sidebarExpanded,
+			depth,
+			hideExpansion: !!!node[childrenKey]?.length,
+			node,
+			onDropNode,
+			treeViewMode,
+			menuIndex,
+			aggregateThresholdId
+		}, node.properties?.lazyLoad && !!!node[childrenKey]?.length && !node.completedLoadingChildren && /* @__PURE__ */ React.createElement(CircularProgress, {
+			size: 12,
+			style: { marginLeft: (depth || 1) * theme.spacing(1) }
+		}), node.properties?.lazyLoad && !!!node[childrenKey]?.length && node.completedLoadingChildren && sidebarExpanded && !node.errorRetrievingChildren && /* @__PURE__ */ React.createElement("div", { className: classes.noChildrenContainer }, /* @__PURE__ */ React.createElement(Typography, {
+			variant: "caption",
+			style: {
+				marginLeft: (depth || 1) * theme.spacing(3),
+				fontWeight: 400
+			}
+		}, "No Children")), node.properties?.lazyLoad && node.completedLoadingChildren && sidebarExpanded && node.errorRetrievingChildren && /* @__PURE__ */ React.createElement("div", { className: classes.noChildrenContainer }, /* @__PURE__ */ React.createElement(Typography, {
+			variant: "caption",
+			style: {
+				marginLeft: (depth || 1) * theme.spacing(3),
+				fontWeight: 400
+			}
+		}, `Error Retrieving ${!!node[childrenKey]?.length ? `Additional ` : ""}Children`)), Array.isArray(node[childrenKey]) ? node[childrenKey].map((n, i) => renderTree(n, depth + 1)) : null);
+	}, [
+		handleSelectedNode,
+		selectedNodeId,
+		selectedNodeIsHidden,
+		isCurrentActiveTree,
+		sidebarExpanded,
+		expanded,
+		tree,
+		selectedNodeParentId,
+		theme,
+		classes,
+		onDropNode,
+		treeViewMode,
+		menuIndex,
+		childrenKey
+	]);
+	const handleNodeExpansion = useCallback(async (evt, nodeIds) => {
+		const treeCopy = cloneDeep(tree);
+		setExpanded(nodeIds);
+		const parentNode = searchTree(treeCopy, selectedNodeParentId);
+		const initialAllParentNodeIds = selectedNodeParentId ? [selectedNodeParentId] : [];
+		const allParentNodeIds = findAllParentIds(treeCopy, parentNode, initialAllParentNodeIds);
+		const selectedNodeShown = allParentNodeIds.every((id) => nodeIds.includes(id));
+		if (isCurrentActiveTree && allParentNodeIds.length && !selectedNodeShown) setSelectedNodeIsHidden(true);
+		else setSelectedNodeIsHidden(false);
+	}, [
+		isCurrentActiveTree,
+		tree,
+		selectedNodeParentId
+	]);
+	const getExpandedRecursively = useCallback((tree$1) => {
+		if (!tree$1) return [];
+		return tree$1.reduce((expandedIds, item) => {
+			if (item?.isExpanded) expandedIds.push(item.id);
+			if (item && item[childrenKey]?.length) expandedIds = expandedIds.concat(getExpandedRecursively(item[childrenKey]));
+			return expandedIds;
+		}, []);
+	}, [childrenKey]);
+	useEffect(() => {
+		setTree(menuItems);
+	}, [menuItems]);
+	useEffect(() => {
+		if (!tree) return;
+		let expanded$1 = [];
+		if (tree?.isExpanded) expanded$1.push(tree.id);
+		expanded$1 = expanded$1.concat(getExpandedRecursively(tree[childrenKey]));
+		setExpanded(expanded$1);
+	}, [
+		getExpandedRecursively,
+		tree,
+		childrenKey
+	]);
+	useEffect(() => {
+		if (!!searchTree(tree, selectedNodeId)) setIsCurrentActiveTree(true);
+		else setIsCurrentActiveTree(false);
+	}, [tree, selectedNodeId]);
+	if (!expanded) return null;
+	return /* @__PURE__ */ React.createElement(TreeView, {
+		key: tree,
+		className: classes.root,
+		defaultCollapseIcon: /* @__PURE__ */ React.createElement(FluentIcon, {
+			size: "small",
+			component: CaretUpSolid8Icon,
+			style: {
+				color: lighten(theme.palette.primary.main, .5),
+				width: theme.spacing(1.5),
+				height: theme.spacing(1.5)
+			}
+		}),
+		expanded: expanded || [],
+		onNodeToggle: handleNodeExpansion,
+		defaultExpandIcon: /* @__PURE__ */ React.createElement(FluentIcon, {
+			size: "small",
+			component: CaretDownSolid8Icon,
+			style: {
+				color: lighten(theme.palette.primary.main, .5),
+				width: theme.spacing(1.5),
+				height: theme.spacing(1.5)
+			}
+		}),
+		selected: selectedNodeId
+	}, tree && renderTree(tree));
+};
+
+//#endregion
+//#region src/menuPage/MenuPage.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		flex: 1,
+		minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,
+		display: "grid",
+		gridTemplateAreas: ["sidebar content"].map((line) => `"${line}"`).join(" "),
+		gridTemplateColumns: "auto 1fr",
+		gridTemplateRows: "auto 1fr"
+	},
+	sidebar: {
+		gridArea: "sidebar",
+		marginRight: theme.spacing(1)
+	},
+	content: {
+		gridArea: "content",
+		display: "flex",
+		flexDirection: "column",
+		position: "relative",
+		zIndex: 1,
+		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,
+		overflowY: "auto"
+	},
+	menuContent: {
+		marginTop: theme.spacing(1),
+		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,
+		overflowX: "hidden"
+	},
+	loader: {
+		marginRight: theme.spacing(1),
+		marginLeft: theme.spacing(1)
+	},
+	loadingContent: {
+		flex: 1,
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center"
+	}
+}));
+const MenuPage = (props) => {
+	const buildEnv = useBuildEnvironment();
+	const classes = useStyles({
+		...props,
+		appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
+	});
+	const location = useLocation();
+	const user = useUser();
+	const { t } = useTranslation();
+	const setLocationState = useSetLocationState();
+	const [menuItemsList, setMenuItemsList] = useState([]);
+	const [selectedNode, setSelectedNode] = useState(null);
+	const [sidebarExpanded, setSidebarExpanded] = useState(true);
+	const innerMenuId = location.pathname.replace("/menupage/", "");
+	const [{ data: innerMenu, loading: menuLoading }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `menus/${innerMenuId}`, {}, !!!innerMenuId, false);
+	const { setSubHeaderActionHasChildren, setNavigationExpanded } = useShellStore();
+	const [{ data: pageData, loading: pageLoading, error: pageError }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${selectedNode?.properties?.page?.id}`, {}, !!!selectedNode?.properties?.page?.id, false);
+	const handleSelectedNode = useCallback((node, menuIndex) => {
+		setSelectedNode(node);
+	}, []);
+	const handleDropNode = useCallback((sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {}, []);
+	const handleSidebarExpandClick = useCallback(() => {
+		setSidebarExpanded((expanded) => !expanded);
+	}, []);
+	useEffect(() => {
+		if (innerMenu) {
+			const list = [];
+			let nodeSelected = false;
+			innerMenu.menuItemInstanceStructureViews.forEach((menuInstance) => {
+				const updatedMenu = transformMenuPageTree(menuInstance);
+				if (updatedMenu) {
+					list.push(updatedMenu);
+					if (!nodeSelected) {
+						setSelectedNode(updatedMenu);
+						nodeSelected = true;
+						setNavigationExpanded(false);
+					}
+				}
+			});
+			setMenuItemsList(list);
+		}
+	}, [innerMenu, setNavigationExpanded]);
+	useEffect(() => {
+		setSubHeaderActionHasChildren(false);
+	}, [setSubHeaderActionHasChildren]);
+	useEffect(() => {
+		if (innerMenu) setLocationState({ label: t(innerMenu?.name) });
+	}, [
+		setLocationState,
+		t,
+		innerMenu
+	]);
+	return /* @__PURE__ */ React.createElement(DndProvider, { backend: HTML5Backend }, /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.sidebar }, /* @__PURE__ */ React.createElement(UtilitySideBar, {
+		title: innerMenu?.name,
+		isUsingChildren: true,
+		resizable: true,
+		removePadding: true,
+		removeTopLayoutUnit: true,
+		onUtilitySidebarToggleExpandClick: handleSidebarExpandClick,
+		collapsedWidth: 64
+	}, /* @__PURE__ */ React.createElement("div", {
+		className: classes.menuContent,
+		key: innerMenuId
+	}, menuItemsList?.length > 0 && !menuLoading && menuItemsList.map((menuItems, index) => /* @__PURE__ */ React.createElement("div", {
+		key: menuItems.id,
+		className: classes.nodeContainer
+	}, /* @__PURE__ */ React.createElement(BaseTreeMenu, {
+		menuItems,
+		onSelectNode: handleSelectedNode,
+		onDropNode: handleDropNode,
+		menuIndex: index,
+		selectedNodeId: selectedNode?.id,
+		selectedNodeParentId: selectedNode?.parentId,
+		sidebarExpanded,
+		treeViewMode: TreeViewModeEnums.Classic
+	}))), menuLoading && /* @__PURE__ */ React.createElement("div", { className: classes.loader }, /* @__PURE__ */ React.createElement(NodeLoader, { loading: menuLoading }))))), /* @__PURE__ */ React.createElement("div", { className: classes.content }, selectedNode?.properties?.page?.id && /* @__PURE__ */ React.createElement(PageContainer, {
+		user,
+		key: selectedNode?.id,
+		pageData,
+		pageLoading,
+		widgetParams: {
+			pageId: pageData?.pageId,
+			entityName: selectedNode?.properties?.page?.entity?.entityName,
+			pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,
+			requiredFieldsMap: selectedNode?.properties?.page?.requiredFieldMapping,
+			udpTagId: selectedNode?.properties?.page?.udpTagId,
+			queryId: selectedNode?.properties?.page?.queryId,
+			inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId
+		},
+		disableMargins: true,
+		fromMenu: true
+	}))));
+};
+
+//#endregion
+export { MenuPage };
+//# sourceMappingURL=MenuPage-DLsNc-P8.js.map