udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/ActionWrapper-DSvobFw6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionWrapper-DSvobFw6.js","names":["useStyles","useStyles","useStyles","makeStyles","useStyles","useStyles"],"sources":["../src/actions/ActionForm.jsx","../src/actions/ActionModal.jsx","../src/actions/ActionSpeedDial.tsx","../src/actions/ActionPanelPlacement.jsx","../src/actions/ActionSideSheet.jsx","../src/actions/ActionWrapper.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { Form, FormButtons, SubmitButton } from '../utilities/form';\nimport { getPrimaryKeyValues } from '../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { useCrudActions } from '../hooks/crudActions';\nimport { CardinalityTypeEnums } from '../enums/unitySystemEnums';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(-2)\n  },\n  body: {\n    marginTop: theme.spacing(2)\n  },\n  actions: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  title: {\n    flexGrow: 1\n  },\n  divider: {\n    marginTop: theme.spacing(2)\n  },\n  subject: {\n    marginLeft: theme.spacing(1),\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1\n  },\n  switchRoot: {\n    marginLeft: theme.spacing(1)\n  },\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 13\n  },\n  labelRoot: {\n    fontSize: 13\n  }\n}));\n\nexport const ActionForm = (props) => {\n  const {\n    entityAttributes,\n    foreignKeyData,\n    onCreate,\n    closeSideSheet,\n    onUpdate,\n    crudTableEditionData,\n    crudTableFormData,\n    udpFieldInfos\n  } = props;\n  const classes = useStyles();\n\n  const { renderInputByFieldType } = useCrudActions();\n\n  const primaryKeyValues = useMemo(\n    () => getPrimaryKeyValues(entityAttributes, crudTableEditionData),\n    [entityAttributes, crudTableEditionData]\n  );\n\n  // we'll need this to determine which property names are used as keys for many-to-many\n  const manyToManyPropertyList = useMemo(() => {\n    if (!entityAttributes?.length) return [];\n    const mtmPropertyList = new Set();\n    entityAttributes.forEach((attr) => {\n      if (attr?.extendedProperties?.childEntity) {\n        Object.keys(attr.extendedProperties.childEntityAssoc || {}).length &&\n          attr.extendedProperties.childEntityAssoc.Cardinality ===\n            CardinalityTypeEnums.Many_To_Many &&\n          attr.extendedProperties.childEntityAssoc.Keys.forEach((value, i) => {\n            const name = value.split(',')[0];\n            if (name) {\n              // check name string: if 1 word, lowercase. if 2 words, lower first char\n              mtmPropertyList.add(name.toLowerCase());\n            }\n          });\n      }\n    });\n    return mtmPropertyList;\n  }, [entityAttributes]);\n\n  const handleSubmit = async (values) => {\n    let newTableData = {\n      ...crudTableFormData,\n      ...values\n    };\n\n    // remove identifiers from object\n    entityAttributes\n      .filter((ea) => ea?.extendedProperties?.identifier)\n      .forEach((ea) => {\n        delete newTableData[ea.name];\n      });\n\n    // transform values by fkData before creating/updating\n    foreignKeyData.forEach((fkd) => {\n      Object.keys(newTableData).forEach((key) => {\n        if (key === fkd.fieldName) {\n          newTableData[key] = fkd.data.find(\n            (d) => d.id === newTableData[key].id\n          )?.id;\n        }\n      });\n    });\n\n    const isNewRow = !crudTableEditionData;\n\n    if (isNewRow) {\n      onCreate && (await onCreate(newTableData));\n    } else {\n      onUpdate && (await onUpdate(newTableData, primaryKeyValues));\n    }\n    closeSideSheet && closeSideSheet();\n  };\n\n  const isNewEntry = useMemo(\n    () => !crudTableEditionData,\n    [crudTableEditionData]\n  );\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      <div>\n        {entityAttributes?.map((schemaAttribute, index) => {\n          const fieldInfo = udpFieldInfos?.find(\n            (fi) =>\n              fi?.name.toLowerCase() === schemaAttribute?.name?.toLowerCase()\n          );\n          // If the field is an identity and is Updating form, we will make the field readOnly\n          if (fieldInfo?.isPrimaryKey && !isNewEntry) {\n            schemaAttribute.disabled = true;\n          }\n          if (fieldInfo?.isPrimaryKey && isNewEntry && !fieldInfo?.isIdentity) {\n            schemaAttribute.disabled = false;\n          }\n          return (\n            !schemaAttribute?.extendedProperties?.identifier && (\n              <React.Fragment key={`${schemaAttribute.name}-${index}`}>\n                <Typography variant='subtitle2' style={{ marginTop: 8 }}>\n                  {schemaAttribute.friendlyName}\n                </Typography>\n                {renderInputByFieldType(\n                  schemaAttribute,\n                  index,\n                  entityAttributes,\n                  fieldInfo,\n                  foreignKeyData,\n                  null,\n                  crudTableFormData,\n                  classes,\n                  false,\n                  null,\n                  manyToManyPropertyList\n                )}\n              </React.Fragment>\n            )\n          );\n        })}\n      </div>\n\n      <FormButtons>\n        <SubmitButton\n          variant='contained'\n          color='secondary'\n          disablePristine={false}\n          disabled={false}\n          style={{ marginTop: 15 }}\n        >\n          Save\n        </SubmitButton>\n      </FormButtons>\n    </Form>\n  );\n};\n\nActionForm.propTypes = {\n  /**\n   * Entity attributes for selected entity within catalog\n   */\n  entityAttributes: PropTypes.array,\n  /**\n   * Foreign key data for selected entity within catalog\n   */\n  foreignKeyData: PropTypes.array,\n  /**\n   * Entity data\n   */\n  crudTableEditionData: PropTypes.array,\n  /**\n   * onClick event for closing sidesheet\n   */\n  closeSideSheet: PropTypes.func,\n  /**\n   * onClick event for creating\n   */\n  onCreate: PropTypes.func,\n  /**\n   * onClick event for updating\n   */\n  onUpdate: PropTypes.func\n};\n","import {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  makeStyles\n} from '@material-ui/core';\nimport React from 'react';\nimport { FluentButton } from '../UI/inputs/buttons/FluentButton';\n\nconst useStyles = makeStyles((theme) => ({}));\n\nexport const ActionModal = (props) => {\n  const {\n    open,\n    action,\n    title,\n    message = 'Are you sure you want to delete this row?',\n    confirmAction = () => {},\n    handleOnClose\n  } = props;\n  const classes = useStyles();\n\n  return (\n    <Dialog\n      open={open}\n      onClose={handleOnClose}\n      aria-labelledby='alert-dialog-title'\n      aria-describedby='alert-dialog-description'\n    >\n      <DialogTitle id='alert-dialog-title'>{title}</DialogTitle>\n      <DialogContent>\n        <DialogContentText id='alert-dialog-description'>\n          {message}\n        </DialogContentText>\n      </DialogContent>\n      <DialogActions>\n        <FluentButton\n          onClick={handleOnClose}\n          color='secondary'\n          variant='contained'\n        >\n          Cancel\n        </FluentButton>\n        <FluentButton\n          onClick={action}\n          onMouseUp={() => {\n            confirmAction();\n            handleOnClose();\n          }}\n          autoFocus\n          variant='outlined'\n        >\n          Confirm\n        </FluentButton>\n      </DialogActions>\n    </Dialog>\n  );\n};\n","import React, { useState } from 'react';\nimport SpeedDial, { SpeedDialProps } from '@material-ui/lab/SpeedDial';\nimport SpeedDialIcon from '@material-ui/lab/SpeedDialIcon';\nimport SpeedDialAction from '@material-ui/lab/SpeedDialAction';\nimport AddIcon from '@material-ui/icons/esm/Add';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\n\ninterface FluentSpeedDialProps extends SpeedDialProps {\n  actions: Array<{\n    icon: {\n      type?: string;\n      name: string;\n    };\n    name: string;\n    onClick: Function;\n  }>;\n}\n\nconst useStyles = makeStyles((theme) => {\n  return {\n    wrapper: {\n      position: 'fixed',\n      right: theme.spacing(0),\n      bottom: theme.spacing(0),\n      zIndex: 1200\n    },\n    speedDial: {\n      position: 'absolute',\n      '&.MuiSpeedDial-directionUp, &.MuiSpeedDial-directionLeft': {\n        bottom: theme.spacing(2),\n        right: theme.spacing(2)\n      }\n    },\n    speedDialFab: {\n      backgroundColor: 'black',\n      borderRadius: 1,\n      margin: 0,\n      opacity: 0.75,\n      '&:hover': {\n        backgroundColor: 'black'\n      },\n      '&:focus': {\n        backgroundColor: 'black'\n      }\n    },\n    speadDialFabExpanded: {\n      backgroundColor: 'black',\n      borderRadius: 1,\n      margin: 0,\n      '&:hover': {\n        backgroundColor: 'black'\n      },\n      '&:focus': {\n        backgroundColor: 'black'\n      }\n    },\n    speedDialActions: {\n      '&.MuiSpeedDial-directionUp, &.MuiSpeedDial-actions': {\n        paddingBottom: 0,\n        marginBottom: 0,\n        opacity: 0.75\n      },\n      '&:hover': {\n        opacity: 1\n      },\n      '&:focus': {\n        opacity: 1\n      }\n    },\n    speedDialActionFab: {\n      backgroundColor: 'black',\n      borderRadius: 1,\n      margin: 0,\n      color: 'white',\n      width: 56,\n      height: 56\n    }\n  };\n});\n\nexport const ActionSpeedDial = (props: FluentSpeedDialProps): JSX.Element | null => {\n  const [expanded, setExpanded] = useState(false);\n  const classes = useStyles(expanded);\n  // @ts-ignore\n  const { open, ariaLabel, actions, ...otherProps } = props;\n  if (!actions.length) return null;\n  return (\n    <div className={classes.wrapper}>\n      <SpeedDial\n        id={'udpRecord-ActionSpeedDial'}\n            // @ts-ignore\n        udprecordid={'udpRecord-ActionSpeedDial'}\n        className={classes.speedDial}\n        ariaLabel='Fluent Speed Dial'\n        classes={{\n          fab: expanded ? classes.speadDialFabExpanded : classes.speedDialFab,\n          actions: classes.speedDialActions\n        }}\n        icon={<SpeedDialIcon\n          icon={<AddIcon />}\n        />}\n        onClose={() => setExpanded(false)}\n        onOpen={() => setExpanded(true)}\n        open={expanded}\n        {...otherProps}\n      >\n        {actions.map((action) => (\n          <SpeedDialAction\n            id={'udpRecord-ActionSpeedDial-'+action.name}\n            // @ts-ignore\n            udprecordid={'udpRecord-ActionSpeedDial-'+action.name}\n            key={action.name}\n            icon={\n              /*<UnityFluentIcon component={Icons[action.icon.name]} {...action.icon}/>*/\n              <UnityFluentIcon\n                type={action.icon.type}\n                icon={\n                  action.icon.type === 'unity'\n                    ? getUnityIconFromName(action.icon.name)\n                    : getIconFromName(action.icon.name)\n                }\n              />\n            }\n            open={false}\n            onClick={e => action.onClick(e)}\n            classes={{\n              fab: classes.speedDialActionFab\n            }}\n            tooltipTitle={action.name}\n          />\n        ))}\n      </SpeedDial>\n    </div>\n  );\n};\n","import { makeStyles, Typography } from '@material-ui/core';\nimport { cloneDeep } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useMemo } from 'react';\nimport { ActionSummaryPopover } from './actionSummary';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { PAHAdditionalRightComponent } from '../UI/utilityDisplay/utilityHeader/ui/PAHAdditionalRightComponent';\nimport { PanelPositionEnums } from '../enums/unitySystemEnums';\nimport { PrimaryActionButton } from '../UI/inputs/buttons/PrimaryActionButton';\nimport { SiteHeaderRightComponent } from '../shell/ui/SiteHeaderRightComponent';\nimport { ToolBarButton } from '../UI/inputs/buttons/ToolBarButton';\nimport { useActions } from '../hooks/useActions';\nimport { evaluateRule, mapRule } from '../utilities/rules/RuleUtilities';\nimport { ActionSpeedDial } from './ActionSpeedDial';\nimport { useActionStore } from '../stores/actionStore';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  actionsMenu: {\n    color: theme?.palette?.getContrastText(theme?.palette?.primary?.main)\n  },\n  additionalRightComponent: {\n    display: 'flex',\n    alignItems: 'center'\n  }\n}));\n\nexport const ActionPanelPlacement = (props) => {\n  const {\n    actionPanels,\n    showInquiryHeaderActions,\n    selectedNode,\n    globalActions\n  } = props;\n  const classes = useStyles();\n  const { triggerAction } = useActions();\n  const hideActions = useActionStore((state) => state.hideActions);\n\n  const handleTriggerAction = useCallback(\n    (actionId) => {\n      triggerAction(actionId, selectedNode?.nodeObj);\n    },\n    [triggerAction, selectedNode]\n  );\n\n  const panelsMap = useMemo(() => {\n    if (!actionPanels || !actionPanels?.length) {\n      return {};\n    }\n    return actionPanels.reduce((panelsObj, panel) => {\n      const panelPositionId = panel?.panelPositionId;\n      panelsObj[panelPositionId] = panel?.panelActions;\n      return panelsObj;\n    }, {});\n  }, [actionPanels]);\n\n  const siteHeaderRightComponent = useMemo(() => {\n    const siteHeaderActions = panelsMap[PanelPositionEnums.Site_Header];\n    const siteHeaderSummaryActions =\n      panelsMap[PanelPositionEnums.Site_Header_Summary];\n    let siteHeaderActionsComponent1 = null;\n    let siteHeaderActionsComponent2 = null;\n    let siteHeaderSummaryComponent = null;\n\n    if (siteHeaderActions?.length) {\n      siteHeaderActionsComponent1 = siteHeaderActions.map((panelAction) => {\n        const passRule =\n          panelAction.action.actionRules?.reduce((boolValue, rule) => {\n            const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);\n            return (\n              boolValue &&\n              evaluateRule(\n                ruleExpression,\n                selectedNode?.nodeObj,\n                selectedNode?.properties?.joiningEntityCatalogObjectKey,\n                selectedNode?.wasLazyLoaded\n              )\n            );\n          }, true) ?? true;\n\n        if (!passRule && panelAction?.hideAction) {\n          return null;\n        }\n\n        return (\n          <ToolBarButton\n            key={panelAction?.actionId}\n            label={panelAction?.action?.name}\n            aria={panelAction?.action?.name}\n            icon={false}\n            component={\n              panelAction?.icon?.type === 'unity'\n                ? getUnityIconFromName(panelAction?.icon?.name)\n                : getIconFromName(panelAction?.icon?.name)\n            }\n            click={() => handleTriggerAction(panelAction?.actionId)}\n            disabled={!passRule}\n          />\n        );\n      });\n    }\n\n    if (siteHeaderSummaryActions?.length) {\n      if (!siteHeaderActions?.length && siteHeaderSummaryActions?.length <= 2) {\n        siteHeaderActionsComponent2 = siteHeaderSummaryActions.map(\n          (panelAction) => {\n            const passRule =\n              panelAction.action.actionRules?.reduce((boolValue, rule) => {\n                const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);\n                return (\n                  boolValue &&\n                  evaluateRule(\n                    ruleExpression,\n                    selectedNode?.nodeObj,\n                    selectedNode?.properties?.joiningEntityCatalogObjectKey,\n                    selectedNode?.wasLazyLoaded\n                  )\n                );\n              }, true) ?? true;\n\n            if (!passRule && panelAction?.hideAction) {\n              return null;\n            }\n\n            return (\n              <ToolBarButton\n                key={panelAction?.actionId}\n                label={panelAction?.action?.name}\n                aria={panelAction?.action?.name}\n                icon={false}\n                component={\n                  panelAction?.icon?.type === 'unity'\n                    ? getUnityIconFromName(panelAction?.icon?.name)\n                    : getIconFromName(panelAction?.icon?.name)\n                }\n                click={() => handleTriggerAction(panelAction?.actionId)}\n                disabled={!passRule}\n              />\n            );\n          }\n        );\n      } else {\n        siteHeaderSummaryComponent = (\n          <ActionSummaryPopover\n            panelActions={siteHeaderSummaryActions}\n            selectedNode={selectedNode}\n          />\n        );\n      }\n    }\n\n    return (\n      <SiteHeaderRightComponent>\n        <div className={classes.additionalRightComponent}>\n          {siteHeaderActionsComponent1}\n          {siteHeaderActionsComponent2}\n          {siteHeaderSummaryComponent}\n        </div>\n      </SiteHeaderRightComponent>\n    );\n  }, [panelsMap, handleTriggerAction, classes, selectedNode]);\n\n  const inquiryHeaderComponent = useMemo(() => {\n    const panelsMapCopy = cloneDeep(panelsMap);\n    const inquiryHeaderActions =\n      panelsMapCopy[PanelPositionEnums.Inquiry_Header];\n    const inquiryHeaderSummaryActions =\n      panelsMapCopy[PanelPositionEnums.Inquiry_Header_Summary];\n    let inquiryHeaderActionsComponent = null;\n    let inquiryHeaderSummaryComponent = null;\n    let inquiryHeaderPrimaryAction = null;\n    // if inquiry header summary actions length is more than 2, display the Actions as primary and the primary action as secondary.\n    // otherwise, display the primary action as primary and Actions as secondary\n    const showActionsAsSecondary =\n      !inquiryHeaderSummaryActions?.length ||\n      (!inquiryHeaderActions?.length &&\n        inquiryHeaderSummaryActions?.length <= 2);\n\n    if (inquiryHeaderActions?.length) {\n      const actionList = [];\n      inquiryHeaderActions.forEach((action) => {\n        const passRule =\n          action.action.actionRules?.reduce((boolValue, rule) => {\n            const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);\n            return (\n              boolValue &&\n              evaluateRule(\n                ruleExpression,\n                selectedNode?.nodeObj,\n                selectedNode?.properties?.joiningEntityCatalogObjectKey,\n                selectedNode?.wasLazyLoaded\n              )\n            );\n          }, true) ?? true;\n\n        if (!passRule && !action?.hideAction) {\n          actionList.push({ ...action, disabled: true });\n        } else if (passRule) {\n          actionList.push(action);\n        }\n      });\n\n      inquiryHeaderActionsComponent = actionList\n        ?.filter((pa) => {\n          return showActionsAsSecondary\n            ? !pa.isPrimary && pa.enabled\n            : pa.enabled;\n        })\n        ?.map((panelAction, i) => (\n          <div key={i}>\n            <ToolBarButton\n              // key={panelAction?.actionId}\n              label={panelAction?.action?.name}\n              aria={panelAction?.action?.name}\n              icon={false}\n              component={\n                panelAction?.icon?.type === 'unity'\n                  ? getUnityIconFromName(panelAction?.icon?.name)\n                  : getIconFromName(panelAction?.icon?.name)\n              }\n              click={() => {\n                handleTriggerAction(panelAction?.actionId);\n              }}\n              disabled={panelAction?.disabled ?? false}\n            />\n          </div>\n        ));\n\n      if (showActionsAsSecondary) {\n        const primaryAction = actionList?.find(\n          (panelAction) => panelAction.isPrimary\n        );\n\n        inquiryHeaderPrimaryAction = primaryAction ? (\n          <PrimaryActionButton\n            onClick={() => handleTriggerAction(primaryAction?.actionId)}\n            disabled={primaryAction?.disabled ?? false}\n          >\n            <Typography style={{ marginRight: 5 }}>\n              {primaryAction?.action?.name}\n            </Typography>\n          </PrimaryActionButton>\n        ) : null;\n      }\n    }\n\n    if (inquiryHeaderSummaryActions?.length) {\n      if (showActionsAsSecondary) {\n        inquiryHeaderActionsComponent = inquiryHeaderSummaryActions.map(\n          (panelAction) => {\n            const passRule =\n              panelAction.action.actionRules?.reduce((boolValue, rule) => {\n                const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);\n                return (\n                  boolValue &&\n                  evaluateRule(\n                    ruleExpression,\n                    selectedNode?.nodeObj,\n                    selectedNode?.properties?.joiningEntityCatalogObjectKey,\n                    selectedNode?.wasLazyLoaded\n                  )\n                );\n              }, true) ?? true;\n\n            if (!passRule && panelAction?.hideAction) {\n              return null;\n            }\n\n            return (\n              <ToolBarButton\n                key={panelAction?.actionId}\n                label={panelAction?.action?.name}\n                icon={false}\n                component={\n                  panelAction?.icon?.type === 'unity'\n                    ? getUnityIconFromName(panelAction?.icon?.name)\n                    : getIconFromName(panelAction?.icon?.name)\n                }\n                click={() => handleTriggerAction(panelAction?.actionId)}\n                disabled={!passRule}\n              />\n            );\n          }\n        );\n      } else {\n        inquiryHeaderSummaryComponent = (\n          <ActionSummaryPopover\n            panelActions={inquiryHeaderSummaryActions}\n            noContrastColor={true}\n            selectedNode={selectedNode}\n          />\n        );\n      }\n    }\n\n    return (\n      <PAHAdditionalRightComponent>\n        {showInquiryHeaderActions && !hideActions && (\n          <div className={classes.additionalRightComponent}>\n            {inquiryHeaderActionsComponent}\n            {inquiryHeaderPrimaryAction}\n            {inquiryHeaderSummaryComponent}\n          </div>\n        )}\n      </PAHAdditionalRightComponent>\n    );\n  }, [\n    panelsMap,\n    handleTriggerAction,\n    classes,\n    showInquiryHeaderActions,\n    selectedNode,\n    hideActions\n  ]);\n\n  const inquirySpeedDialComponent = useMemo(() => {\n    const panelsMapCopy = cloneDeep(panelsMap);\n    const inquirySpeedDialActions =\n      panelsMapCopy[PanelPositionEnums.Speed_Dial];\n    const enabledSortedActions =\n      inquirySpeedDialActions\n        ?.filter(\n          (action) =>\n            action.enabled &&\n            (action.action.actionRules?.reduce((boolValue, rule) => {\n              const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);\n              return (\n                boolValue &&\n                evaluateRule(\n                  ruleExpression,\n                  selectedNode?.nodeObj,\n                  selectedNode?.properties?.joiningEntityCatalogObjectKey,\n                  selectedNode?.wasLazyLoaded\n                )\n              );\n            }, true) ??\n              true)\n        )\n        .sort((a, b) => a.sequence - b.sequence) ?? [];\n    let parsedGlobalActions = [];\n    if (globalActions?.length) {\n      parsedGlobalActions = globalActions.map((action) => {\n        const parameters = JSON.parse(action.parameters);\n        return {\n          icon: { name: parameters.icon, type: 'fluent' },\n          action: {\n            name: action.name\n          },\n          ...action\n        };\n      });\n    }\n    return (\n      (!!enabledSortedActions?.length || !!parsedGlobalActions?.length) &&\n      !hideActions && (\n        <ActionSpeedDial\n          actions={[...enabledSortedActions, ...parsedGlobalActions].map(\n            (action) => ({\n              icon: action.icon,\n              onClick: () => handleTriggerAction(action.actionId),\n              name: action.action.name\n            })\n          )}\n        />\n      )\n    );\n  }, [\n    panelsMap,\n    handleTriggerAction,\n    selectedNode,\n    globalActions,\n    hideActions\n  ]);\n\n  return (\n    <>\n      {siteHeaderRightComponent}\n      {inquiryHeaderComponent}\n      {inquirySpeedDialComponent}\n    </>\n  );\n};\n\nActionPanelPlacement.propTypes = {\n  /**\n   * Action Panels\n   */\n  actionPanels: PropTypes.array,\n  /**\n   * Boolean to show inquiry header actions\n   */\n  showInquiryHeaderActions: PropTypes.bool,\n  /**\n   * Action Panels\n   */\n  selectedNode: PropTypes.object\n};\n","import { makeStyles } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useSnackbar } from 'notistack';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../configService';\nimport { ActionForm } from './ActionForm';\nimport { getPathObject } from '../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { getSuccessAction } from '../UI/SuccessAction';\nimport { LayoutUnit } from '../layout/LayoutUnit';\nimport { NodeActionEnums } from '../enums/unitySystemEnums';\nimport { SideSheet } from '../UI/surfaces/SideSheet';\nimport { useActions } from '../hooks/useActions';\nimport { useUser } from '../utilities/auth/useUser';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { PageContainer } from '../page/PageContainer';\nimport { useActionStore } from '../stores/actionStore';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {}\n}));\n\nexport const ActionSideSheet = (props) => {\n  const {\n    open,\n    action,\n    actionPanel,\n    selectedNodeObj,\n    executeAction,\n    selectedEntity,\n    handleOnClose,\n    entityAttributes,\n    foreignKeyData,\n    loadingContent,\n    fetchEntityData,\n    skeleton,\n    showError,\n    crudTableEditionData,\n    crudTableFormData,\n    selectedNode,\n    selectedNodeParent,\n    refreshTree,\n    udpFieldInfos\n  } = props;\n  const classes = useStyles();\n  const [width, setWidth] = useState(600);\n  const [buttonLabel, setButtonLabel] = useState('');\n  const [onSubmit, setOnSubmit] = useState(\n    () => () => console.warn('onSubmit not set')\n  );\n  const [additionalOnClose, setAdditionalOnClose] = useState();\n  const [otherSideSheetProps, setOtherSideSheetProps] = useState({});\n  const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n  const successAction = getSuccessAction(closeSnackbar);\n  const { t } = useTranslation();\n  const user = useUser();\n\n  const setSelectedNodeForStore = useActionStore(\n    (state) => state.setSelectedNode\n  );\n  const selectedNodeFromStore = useActionStore((state) => state.selectedNode);\n\n  const promotedMethodPageId = useMemo(() => {\n    if (action?.value) {\n      if (selectedEntity?.unityBaseUpdateMethod?.apiMethodId === action.value) {\n        return selectedEntity.unityBaseUpdateMethod.pageId;\n      } else if (\n        selectedEntity?.unityBaseCreateMethod?.apiMethodId === action.value\n      ) {\n        return selectedEntity.unityBaseCreateMethod.pageId;\n      }\n    }\n    return '';\n  }, [selectedEntity, action]);\n\n  const [{ data: page, loading: loadingPage }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/${action?.parameters?.pageId || promotedMethodPageId}`,\n    {},\n    !!!action?.parameters?.pageId && !!!promotedMethodPageId,\n    false\n  );\n\n  const onCreate = useCallback(\n    async (data) => {\n      if (selectedEntity?.unityBaseCreateMethod && action?.value) {\n        if (selectedEntity.unityBaseCreateMethod.apiMethodId === action.value) {\n          return await executeAction(data, action.value);\n        } else {\n          showError();\n        }\n      }\n    },\n    [action, executeAction, selectedEntity, showError]\n  );\n\n  const onUpdate = useCallback(\n    async (data) => {\n      if (selectedEntity?.unityBaseUpdateMethod && action?.value) {\n        if (selectedEntity.unityBaseUpdateMethod.apiMethodId === action.value) {\n          return await executeAction(data, action.value);\n        } else {\n          showError();\n        }\n      }\n    },\n    [action, executeAction, selectedEntity, showError]\n  );\n\n  const handleFetchEntityData = useCallback(async () => {\n    if (selectedEntity?.unityBaseGetAllMethod) {\n      const data = {};\n      const response = await fetchEntityData({ data }).catch((res) => {\n        enqueueSnackbar(res.message, {\n          variant: 'error',\n          anchorOrigin: {\n            vertical: 'top',\n            horizontal: 'center'\n          }\n        });\n      });\n\n      if (response?.status === 200 && selectedNodeObj) {\n        const updatedNode = response.data.find(\n          (d) => d.id === selectedNodeObj.id\n        );\n\n        const updatedSelectedNode = { ...selectedNodeFromStore };\n        updatedSelectedNode.nodeObj = updatedNode;\n        setSelectedNodeForStore(updatedSelectedNode);\n      }\n    }\n  }, [\n    enqueueSnackbar,\n    fetchEntityData,\n    selectedEntity,\n    selectedNodeObj,\n    setSelectedNodeForStore,\n    selectedNodeFromStore\n  ]);\n\n  const handleOnCreate = useCallback(\n    async (values) => {\n      if (selectedEntity && selectedEntity?.unityBaseCreateMethod) {\n        const entityName = selectedEntity?.entityName;\n        if (selectedEntity.unityBaseCreateMethod) {\n          const data = { requestBody: values };\n          const response = await onCreate({ data }).catch((res) => {\n            enqueueSnackbar(res.message, {\n              variant: 'error',\n              anchorOrigin: {\n                vertical: 'top',\n                horizontal: 'center'\n              }\n            });\n          });\n\n          if (response?.status === 200) {\n            enqueueSnackbar(\n              entityName\n                ? t(`${entityName} has been created`)\n                : t(`Entity has been created`),\n              {\n                anchorOrigin: {\n                  vertical: 'top',\n                  horizontal: 'center'\n                },\n                action: successAction\n              }\n            );\n          }\n        }\n      } else {\n        enqueueSnackbar(t(`Unable to retrieve entity methods`), {\n          variant: 'error',\n          anchorOrigin: {\n            vertical: 'top',\n            horizontal: 'center'\n          }\n        });\n      }\n    },\n    [enqueueSnackbar, onCreate, selectedEntity, successAction, t]\n  );\n\n  const handleOnUpdate = useCallback(\n    async (values, primaryKeyValues) => {\n      if (selectedEntity && selectedEntity?.unityBaseUpdateMethod) {\n        const entityName = selectedEntity?.entityName;\n\n        if (selectedEntity.unityBaseUpdateMethod) {\n          // Get primary key value object using path parameters and merge with data\n          const pathObject = getPathObject(\n            selectedEntity.unityBaseUpdateMethod.pathParameters,\n            primaryKeyValues\n          );\n          const data = { ...pathObject, requestBody: values };\n          const response = await onUpdate({ data }).catch((res) => {\n            enqueueSnackbar(res.message, {\n              variant: 'error',\n              anchorOrigin: {\n                vertical: 'top',\n                horizontal: 'center'\n              }\n            });\n          });\n\n          if (response?.status === 200) {\n            enqueueSnackbar(\n              entityName\n                ? t(`${entityName} has been updated`)\n                : t(`Entity has been updated`),\n              {\n                anchorOrigin: {\n                  vertical: 'top',\n                  horizontal: 'center'\n                },\n                action: successAction\n              }\n            );\n\n            handleFetchEntityData();\n          }\n        }\n      } else {\n        enqueueSnackbar(t(`Unable to retrieve entity methods`), {\n          variant: 'error',\n          anchorOrigin: {\n            vertical: 'top',\n            horizontal: 'center'\n          }\n        });\n      }\n    },\n    [\n      selectedEntity,\n      onUpdate,\n      enqueueSnackbar,\n      t,\n      successAction,\n      handleFetchEntityData\n    ]\n  );\n\n  const handleOnCloseSideSheet = useCallback(() => {\n    if (additionalOnClose) {\n      additionalOnClose();\n    }\n    handleOnClose();\n  }, [additionalOnClose, handleOnClose]);\n\n  // const primaryKeyValues = useMemo(\n  //   () => getPrimaryKeyValues(entityAttributes, null),\n  //   [entityAttributes]\n  // );\n\n  // @TODO: Need to add a check if a promoted method for specific Entity has a static page\n  // linked to it. It can fall back to it if there is no actions page\n  const content = useMemo(() => {\n    if (page) {\n      return (\n        <DndProvider backend={HTML5Backend}>\n          <PageContainer\n            user={user}\n            key={action?.actionId}\n            pageData={page}\n            widgetParams={{\n              pageId: page?.pageId,\n              contentId: selectedNode?.properties?.searchValue,\n              nodeObj: selectedNode?.nodeObj,\n              parentNodeObj: selectedNodeParent?.nodeObj,\n              inquiryParams: selectedNode?.inquiryParams,\n              refreshTree: refreshTree,\n              requiredFieldsMap: action?.parameters?.requiredFieldMapping || {},\n              setSideSheetWidth: setWidth,\n              setSideSheetButtonLabel: setButtonLabel,\n              setSideSheetOnSubmit: setOnSubmit,\n              setSideSheetAdditionalOnClose: setAdditionalOnClose,\n              setSideSheetProps: setOtherSideSheetProps,\n              closeSideSheet: handleOnClose,\n              onCreate: onCreate,\n              onUpdate: onUpdate\n            }}\n            disableMargins={true}\n          />\n        </DndProvider>\n      );\n    } else {\n      return (\n        <ActionForm\n          key={action?.actionId}\n          entityAttributes={entityAttributes}\n          foreignKeyData={foreignKeyData}\n          onCreate={handleOnCreate}\n          closeSideSheet={handleOnClose}\n          onUpdate={handleOnUpdate}\n          crudTableEditionData={crudTableEditionData}\n          crudTableFormData={crudTableFormData}\n          udpFieldInfos={udpFieldInfos}\n        />\n      );\n    }\n  }, [\n    action,\n    crudTableEditionData,\n    crudTableFormData,\n    entityAttributes,\n    foreignKeyData,\n    handleOnClose,\n    handleOnCreate,\n    handleOnUpdate,\n    selectedNode,\n    selectedNodeParent,\n    refreshTree,\n    user,\n    page,\n    onCreate,\n    onUpdate,\n    udpFieldInfos\n  ]);\n\n  const sideSheetTitle = useMemo(() => {\n    if (action?.parameters?.pageDisplayName) {\n      return action.parameters.pageDisplayName;\n    } else if (page) {\n      return page?.name;\n    } else {\n      return (\n        (action?.actionTypeId === NodeActionEnums.Create\n          ? 'Add new '\n          : 'Edit ') +\n        (action?.parameters?.entityName ?? actionPanel?.entityName)\n      );\n    }\n  }, [action, actionPanel, page]);\n\n  return (\n    <SideSheet\n      open={open}\n      title={t(sideSheetTitle)}\n      buttonLabel={t(buttonLabel)}\n      onSubmit={onSubmit}\n      onClose={handleOnCloseSideSheet}\n      width={width}\n      {...otherSideSheetProps}\n    >\n      {loadingContent || loadingPage ? (\n        <>\n          {skeleton.map((sk, index) => (\n            <React.Fragment key={index}>{sk}</React.Fragment>\n          ))}\n          <LayoutUnit unit='md' />\n          <Skeleton variant='rect' className={classes.skeletonButton} />\n        </>\n      ) : (\n        content\n      )}\n    </SideSheet>\n  );\n};\n\nActionSideSheet.propTypes = {\n  /**\n   * User object\n   */\n  user: PropTypes.object,\n  /**\n   * boolean to open/close sidesheet\n   */\n  open: PropTypes.bool,\n  /**\n   * dispatch function\n   */\n  dispatch: PropTypes.func,\n  /**\n   * selected action object\n   */\n  action: PropTypes.object,\n  /**\n   * action panels array\n   */\n  actionPanels: PropTypes.array,\n  /**\n   * catalog object\n   */\n  catalog: PropTypes.object,\n  /**\n   * Selected node object\n   */\n  selectedNodeObj: PropTypes.object\n};\n","import { makeStyles } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useSnackbar } from 'notistack';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { ActionSplitScreen } from './ActionSplitScreen';\nimport { ActionModal } from './ActionModal';\nimport { ActionPanelPlacement } from './ActionPanelPlacement';\nimport { ActionSideSheet } from './ActionSideSheet';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport {\n  getPathObject,\n  getPrimaryKeyValues\n} from '../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { getSuccessAction } from '../UI/SuccessAction';\nimport { LayoutUnit } from '../layout/LayoutUnit';\nimport { toLowerFirstChar } from '../utilities/input/StringUtilities';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { useCrudActions } from '../hooks/crudActions';\nimport { useActionStore } from '../stores/actionStore';\nimport { useShellStore } from '../stores/shellStore';\nimport { usePromotedMethodEntity } from '../hooks/usePromotedMethodEntity';\nimport { getSanitizedName } from '../utilities/entities/entityUtilities';\nimport { getSearchObject } from '../utilities/search/SearchUtilities';\nimport { executeQueryAdHoc } from '../udp/utilities/methodUtils';\nimport { ConfigService } from '../configService';\n\nconst useStyles = makeStyles((theme) => ({}));\n\nconst FIELD_NUMBER = 10;\n\nexport const ActionWrapper = (props) => {\n  const {\n    actionState,\n    actionPanel,\n    dispatch,\n    catalog,\n    executeAction,\n    splitScreenBody,\n    entityAttributes,\n    foreignKeyData,\n    setForeignKeyData,\n    crudTableEditionData,\n    crudTableFormData,\n    globalActions\n  } = props;\n  const classes = useStyles();\n\n  const { getFKData } = useCrudActions();\n\n  const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n  const successAction = getSuccessAction(closeSnackbar);\n  const { t } = useTranslation();\n  const [fkMethodEntities, setFKMethodEntities] = useState([]);\n  const [loadingContent, setLoadingContent] = useState(true);\n  const [udpFieldInfos, setUdpFieldInfos] = useState([]);\n\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n\n  const { data: udpOjectFieldInfo } = usePromotedMethodEntity(\n    'UdpObjectFieldInfo',\n    true\n  );\n\n  const entityName = useMemo(() => {\n    return actionPanel\n      ? actionPanel.entityName\n      : actionState?.inquiryParams[currentContainerId || 0]?.selectedNode\n          ?.properties?.catalogReturnObject;\n  }, [actionPanel, actionState, currentContainerId]);\n\n  const [{ data: selectedEntity }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apicatalog/${catalog?.apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!catalog?.apiCatalogId || !!!entityName,\n    false\n  );\n\n  const getMetaDataForUdpField = useCallback(\n    async (entityName) => {\n      let fieldInfos = [];\n      if (udpOjectFieldInfo?.unityBaseSearchMethod?.apiMethodId) {\n        const filterElements = [\n          {\n            searchField: 'ObjectInfo.SanitizedName',\n            searchOperator: '=',\n            searchValue: getSanitizedName(entityName)\n          }\n        ];\n        const requestObj = getSearchObject(filterElements, 1, 50, true);\n\n        await executeQueryAdHoc(\n          { data: requestObj },\n          udpOjectFieldInfo.unityBaseSearchMethod.apiMethodId\n        ).then((resp) => {\n          fieldInfos = resp.data?.pageList;\n        });\n      }\n      return fieldInfos;\n    },\n    [udpOjectFieldInfo]\n  );\n\n  const fetchEntityData = useCallback(\n    async (data) => {\n      if (selectedEntity?.unityBaseGetAllMethod)\n        return await executeAction(\n          data,\n          selectedEntity.unityBaseGetAllMethod.apiMethodId\n        );\n    },\n    [executeAction, selectedEntity]\n  );\n\n  const showError = useCallback(() => {\n    enqueueSnackbar(t(`Invalid action value.`), {\n      variant: 'error',\n      anchorOrigin: {\n        vertical: 'top',\n        horizontal: 'center'\n      }\n    });\n  }, [enqueueSnackbar, t]);\n\n  const getFKMethodEntities = useCallback(\n    async (attributes) => {\n      if (!attributes || !catalog) {\n        return [];\n      }\n      let fkData = [];\n\n      for (const attr of attributes) {\n        // check if there is a property with this childEntity\n        if (attr?.extendedProperties?.childEntity) {\n          // get the list of child entity field names from the Keys array\n          const ceFieldsArr = [];\n          Object.keys(attr.extendedProperties.childEntityAssoc || {}).length &&\n            !attr.extendedProperties.childEntityAssoc.UdpType &&\n            attr.extendedProperties.childEntityAssoc.Keys.forEach(\n              (value, i) => {\n                const name = value.split(',')[0];\n                if (name) {\n                  // check name string: if 1 word, lowercase. if 2 words, lower first char\n                  ceFieldsArr.push({\n                    idx: i,\n                    name: /^[A-Z]*$/.test(name)\n                      ? name.toLowerCase()\n                      : toLowerFirstChar(name)\n                  });\n                }\n              }\n            );\n\n          // find the child entity attribute\n          const ceAttr = attributes.find((p) =>\n            ceFieldsArr.find(\n              (cef) => cef.name === p.name && !p?.extendedProperties?.identifier\n            )\n          );\n\n          if (ceAttr) {\n            // get list of entity if ceProp exists\n            await apiMutate(\n              ConfigService.integrationV1ApiUrl,\n              `apicatalog/${catalog.apiCatalogId}/promotedMethodEntities/${attr.reference}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n              {\n                method: 'get'\n              },\n              {}\n            ).then((resp) => {\n              if (resp && resp.data) {\n                fkData.push({ fkName: ceAttr.name, entity: resp.data });\n              }\n            });\n          }\n        }\n      }\n      setFKMethodEntities(fkData);\n    },\n    [catalog]\n  );\n\n  const handleOnClose = useCallback(\n    (type, entity) => {\n      dispatch({ type: type, entity });\n    },\n    [dispatch]\n  );\n\n  const onDelete = useCallback(\n    async (data) => {\n      if (selectedEntity?.unityBaseDeleteMethod) {\n        if (\n          selectedEntity.unityBaseDeleteMethod.apiMethodId ===\n          actionState?.modal?.action?.value\n        ) {\n          return await executeAction(data, actionState?.modal?.action?.value);\n        } else {\n          showError();\n        }\n      }\n    },\n    [actionState, executeAction, selectedEntity, showError]\n  );\n\n  const handleOnDelete = useCallback(\n    async (value) => {\n      if (selectedEntity) {\n        const entityName = selectedEntity?.entityName;\n\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = getPrimaryKeyValues(entityAttributes, value);\n        const pathObject = getPathObject(\n          selectedEntity?.unityBaseDeleteMethod.pathParameters,\n          primaryKeyValues\n        );\n\n        if (selectedEntity?.unityBaseDeleteMethod) {\n          const data = { ...pathObject };\n          const response = await onDelete({ data }).catch((res) => {\n            enqueueSnackbar(res.message, {\n              variant: 'error',\n              anchorOrigin: {\n                vertical: 'top',\n                horizontal: 'center'\n              }\n            });\n          });\n\n          if (response?.status === 200) {\n            enqueueSnackbar(\n              entityName\n                ? t(`${entityName} has been deleted`)\n                : t(`Entity has been deleted`),\n              {\n                anchorOrigin: {\n                  vertical: 'top',\n                  horizontal: 'center'\n                },\n                action: successAction\n              }\n            );\n            if (\n              actionState?.menuListState &&\n              actionState?.menuListState?.menuList.length > 0\n            ) {\n              const handleRemoveMenuItem =\n                actionState?.menuListState?.handleRemoveMenuItem;\n              if (handleRemoveMenuItem) {\n                handleRemoveMenuItem(actionState?.menuListState?.menuList);\n              }\n            }\n            fetchEntityData({ data: {} });\n          }\n        }\n      }\n    },\n    [\n      actionState,\n      enqueueSnackbar,\n      entityAttributes,\n      fetchEntityData,\n      onDelete,\n      selectedEntity,\n      successAction,\n      t\n    ]\n  );\n\n  const skeleton = useMemo(() => {\n    const skeletonArr = [];\n    for (let i = 0; i < FIELD_NUMBER; i++) {\n      skeletonArr.push(\n        <>\n          <Skeleton key={i} variant='rect' className={classes.skeleton} />\n          <LayoutUnit unit='xxs' />\n        </>\n      );\n    }\n    return skeletonArr;\n  }, [classes]);\n\n  useEffect(() => {\n    if (entityAttributes) {\n      getFKMethodEntities(entityAttributes);\n      setLoadingContent(false);\n    }\n  }, [entityAttributes, getFKMethodEntities]);\n\n  useEffect(() => {\n    if (entityAttributes && fkMethodEntities && fkMethodEntities.length > 0) {\n      getFKData(fkMethodEntities, setForeignKeyData, enqueueSnackbar);\n    }\n  }, [\n    enqueueSnackbar,\n    entityAttributes,\n    fkMethodEntities,\n    getFKData,\n    setForeignKeyData\n  ]);\n\n  useEffect(() => {\n    const setFieldInfos = async () => {\n      if(!entityName) return;\n      let response = await getMetaDataForUdpField(entityName);\n      setUdpFieldInfos(response);\n    };\n    if (udpOjectFieldInfo?.unityBaseSearchMethod?.apiMethodId) {\n      setFieldInfos();\n    }\n  }, [getMetaDataForUdpField, udpOjectFieldInfo, entityName]);\n\n  return (\n    <>\n      <ActionSplitScreen\n        body={\n          <>\n            {splitScreenBody}\n            <ActionPanelPlacement\n              actionPanels={actionState?.actionPanels[currentContainerId || 0]}\n              showInquiryHeaderActions={actionState?.showInquiryHeaderActions}\n              selectedNode={\n                actionState?.inquiryParams[currentContainerId || 0]\n                  ?.selectedNode\n              }\n              globalActions={globalActions}\n            />\n          </>\n        }\n        open={actionState?.splitScreen?.open}\n        action={actionState?.splitScreen?.action}\n        type={actionState?.splitScreen?.type}\n        params={actionState?.splitScreen?.params}\n        executeAction={executeAction}\n        actionPanel={actionPanel}\n        selectedNodeObj={selectedNode?.nodeObj}\n        menuNodeList={actionState?.menuListState?.menuList}\n        sidebarEntity={selectedEntity}\n        selectedNode={\n          actionState?.inquiryParams[currentContainerId || 0]?.selectedNode\n        }\n        selectedNodeParent={\n          actionState?.inquiryParams[currentContainerId || 0]\n            ?.selectedNodeParent\n        }\n        refreshTree={\n          actionState?.inquiryParams[currentContainerId || 0]?.refreshTree\n        }\n      />\n      <ActionSideSheet\n        key={actionState?.sideSheet?.action?.actionId}\n        open={actionState?.sideSheet?.open}\n        dispatch={dispatch}\n        action={actionState?.sideSheet?.action}\n        actionPanel={actionPanel}\n        selectedNodeObj={selectedNode?.nodeObj}\n        executeAction={executeAction}\n        selectedEntity={selectedEntity}\n        handleOnClose={() => {\n          const sideSheet = { open: false, action: null };\n          handleOnClose('OPEN_SIDESHEET', sideSheet);\n        }}\n        entityAttributes={entityAttributes}\n        foreignKeyData={foreignKeyData}\n        loadingContent={loadingContent}\n        fetchEntityData={fetchEntityData}\n        skeleton={skeleton}\n        showError={showError}\n        crudTableEditionData={crudTableEditionData}\n        crudTableFormData={crudTableFormData}\n        selectedNode={\n          actionState?.inquiryParams[currentContainerId || 0]?.selectedNode\n        }\n        selectedNodeParent={\n          actionState?.inquiryParams[currentContainerId || 0]\n            ?.selectedNodeParent\n        }\n        refreshTree={\n          actionState?.inquiryParams[currentContainerId || 0]?.refreshTree\n        }\n        udpFieldInfos={udpFieldInfos}\n      />\n      <ActionModal\n        open={actionState?.modal?.open}\n        action={actionState?.modal?.action}\n        title={actionState?.modal?.title + selectedEntity?.entityName}\n        message={t(\n          `Are you sure you want to delete this ${selectedEntity?.entityName}?`\n        )}\n        confirmAction={() => handleOnDelete(selectedNode?.nodeObj)}\n        handleOnClose={() => {\n          const modal = { open: false, action: null };\n          handleOnClose('OPEN_MODAL', modal);\n        }}\n        showError={showError}\n      />\n    </>\n  );\n};\n\nActionWrapper.propTypes = {\n  actionState: PropTypes.object,\n  actionPanel: PropTypes.object,\n  dispatch: PropTypes.func,\n  catalog: PropTypes.object,\n  executeAction: PropTypes.func,\n  user: PropTypes.object,\n  splitScreenBody: PropTypes.object\n};\n"],"mappings":"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"}

package/dist/ActionsRenderer-UdXmpfzu.js

@@ -0,0 +1,240 @@
+import { t as FluentIconButton } from "./FluentIconButton-Av4urxc6.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import { t as Adornment } from "./Adornment-Ciq1X7he.js";
+import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-WW35n9G6.js";
+import { n as GridUnit, t as GridRow } from "./GridRow-CLy6rV1W.js";
+import { t as CompactDataList } from "./CompactDataList-7iWBkfy4.js";
+import { t as CompactDataListItem } from "./CompactDataListItem-DVNgHapB.js";
+import { c as isEqualIgnoreFunctions } from "./MapUtilities-pcP3VTTj.js";
+import React, { useCallback, useEffect, useState } from "react";
+import { Avatar, Card, CardContent, Collapse, Typography, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { ChevronDownIcon, MapPinIcon, ViewIcon } from "@fluentui/react-icons";
+import { startCase } from "lodash";
+import { useTranslation } from "react-i18next";
+
+//#region src/UI/mapLayout/ui/CompactCard.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	titleWrapper: {
+		display: "flex",
+		justifyContent: "space-between",
+		gap: theme.spacing(1)
+	},
+	subtitleWrapper: {
+		display: "flex",
+		paddingBottom: 0,
+		alignItems: "center",
+		gap: theme.spacing(1)
+	},
+	title: {
+		flex: 1,
+		lineHeight: "125%"
+	},
+	expand: {
+		transform: "rotate(0deg)",
+		transition: theme.transitions.create("transform", { duration: theme.transitions.duration.shortest })
+	},
+	expandOpen: { transform: "rotate(180deg)" },
+	expandButtonWrapper: {
+		display: "flex",
+		justifyContent: "space-between"
+	},
+	sectionWrapper: { marginTop: theme.spacing(1.5) },
+	iconButtonWrapper: { borderRadius: 2 },
+	avatar: {
+		width: "80px",
+		height: "80px"
+	},
+	contentWrapper: { flex: 2 },
+	secondaryText: {
+		color: "inherit",
+		opacity: .6
+	},
+	cardContent: {
+		flex: 1,
+		paddingTop: 0,
+		"&:last-child": { paddingBottom: theme.spacing(2) }
+	}
+}));
+const CompactCard = (props) => {
+	const { title, primaryText, secondaryText, noWrap = false, extendedList = [], status = "info", statusLabel, statusVariant, showAdornment = true, avatar, imageAvatarSrc, overrideStatusError, overrideStatusInfo, overrideStatusSuccess, overrideStatusWarning, iconButtons = [], children } = props;
+	const [expanded, setExpanded] = useState(false);
+	const classes = useStyles$1();
+	return /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		height: "100%",
+		width: "100%"
+	} }, showAdornment && status && /* @__PURE__ */ React.createElement("div", { style: { height: "100%" } }, /* @__PURE__ */ React.createElement(Adornment, { color: status })), /* @__PURE__ */ React.createElement(Card, { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(CardContent, { className: classes.subtitleWrapper }, imageAvatarSrc && /* @__PURE__ */ React.createElement(Avatar, {
+		variant: "square",
+		className: classes.avatar,
+		src: imageAvatarSrc
+	}), avatar && /* @__PURE__ */ React.createElement(Avatar, {
+		variant: "square",
+		className: classes.avatar
+	}, avatar), /* @__PURE__ */ React.createElement("div", { className: classes.contentWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, title), status && statusLabel && /* @__PURE__ */ React.createElement(StatusChip, {
+		status,
+		label: statusLabel,
+		success: overrideStatusSuccess,
+		error: overrideStatusError,
+		warning: overrideStatusWarning,
+		info: overrideStatusInfo,
+		variant: statusVariant
+	})), /* @__PURE__ */ React.createElement(Typography, {
+		variant: "body2",
+		noWrap
+	}, primaryText), /* @__PURE__ */ React.createElement(Typography, {
+		variant: "body2",
+		className: classes.secondaryText
+	}, secondaryText))), children, (extendedList?.length > 0 || iconButtons?.length > 0) && /* @__PURE__ */ React.createElement(CardContent, { className: classes.cardContent }, /* @__PURE__ */ React.createElement("div", { className: classes.sectionWrapper }, /* @__PURE__ */ React.createElement(Collapse, {
+		in: expanded,
+		timeout: "auto",
+		unmountOnExit: true
+	}, /* @__PURE__ */ React.createElement(CompactDataList, { disableSeparator: false }, extendedList?.map((item) => /* @__PURE__ */ React.createElement(CompactDataListItem, {
+		label: item?.label,
+		value: item?.value
+	})))), /* @__PURE__ */ React.createElement("div", { className: classes.expandButtonWrapper }, /* @__PURE__ */ React.createElement("div", null, extendedList?.length > 0 && /* @__PURE__ */ React.createElement(FluentIconButton, {
+		className: clsx(classes.expand, { [classes.expandOpen]: expanded }, classes.iconButtonWrapper),
+		onClick: () => setExpanded(!expanded),
+		icon: ChevronDownIcon
+	})), /* @__PURE__ */ React.createElement("div", null, iconButtons?.length > 0 && iconButtons?.map((iconButton) => /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+		className: classes.iconButtonWrapper,
+		icon: iconButton?.icon,
+		onClick: iconButton?.onclick,
+		title: iconButton?.title,
+		size: "small",
+		...iconButton
+	}))))))));
+};
+
+//#endregion
+//#region src/UI/mapLayout/ui/ListView.jsx
+const useStyles = makeStyles((theme) => ({
+	noDataWrapper: {
+		position: "absolute",
+		top: "50%",
+		left: "50%",
+		transform: "translate(-50%, -50%)"
+	},
+	chipContainer: {
+		display: "flex",
+		gap: theme.spacing(1),
+		flexWrap: "wrap",
+		marginTop: theme.spacing(1),
+		margin: theme.spacing(0, 1)
+	},
+	chipContent: {
+		margin: theme.spacing(1),
+		marginBottom: 0
+	}
+}));
+const ListView = (props) => {
+	const { data, listViewConfig, noWrapPrimaryText, viewEvent, showMarkerEvent, chipConfig } = props;
+	const [activeChip, setActiveChip] = useState(null);
+	const [filteredData, setFilteredData] = useState(data);
+	const { t } = useTranslation();
+	const classes = useStyles();
+	useEffect(() => {
+		if (!chipConfig || chipConfig.length === 0) {
+			setFilteredData(data);
+			setActiveChip(null);
+			return;
+		}
+		const defaultChip = chipConfig.find((chip) => chip?.default) ?? chipConfig[0];
+		if (!activeChip) setActiveChip(defaultChip);
+		else {
+			const updatedChip = chipConfig.find((chip) => chip.id === activeChip.id);
+			if (updatedChip && (updatedChip !== activeChip || !isEqualIgnoreFunctions(updatedChip, activeChip))) setActiveChip(updatedChip);
+			else if (!updatedChip) setActiveChip(defaultChip);
+		}
+	}, [chipConfig, activeChip]);
+	useEffect(() => {
+		if (!chipConfig || chipConfig.length === 0) {
+			setFilteredData(data);
+			return;
+		}
+		if (activeChip?.filterData) setFilteredData(activeChip.filterData(data, activeChip));
+		else setFilteredData(data);
+	}, [activeChip, data]);
+	const handleOnClickChip = useCallback((chip) => {
+		if (chip?.onClick) chip?.onClick(data, chip);
+		setActiveChip(chip);
+	}, [data]);
+	return /* @__PURE__ */ React.createElement("div", null, chipConfig?.length > 0 && /* @__PURE__ */ React.createElement("div", { className: classes.chipContainer }, chipConfig?.map((chip, index) => {
+		return /* @__PURE__ */ React.createElement(StatusChip, {
+			key: `${index}-${chip?.label}`,
+			label: chip?.label,
+			status: chip?.id === activeChip?.id ? "info" : "default",
+			variant: "outlined",
+			icon: chip?.icon,
+			onClick: () => {
+				console.log("chip clicked", chip);
+				handleOnClickChip(chip);
+			},
+			isActionable: !chip?.disabled
+		});
+	})), activeChip?.content && /* @__PURE__ */ React.createElement("div", { className: classes.chipContent }, activeChip?.content), filteredData?.length > 0 ? filteredData?.map((record, index) => {
+		const extendedListData = listViewConfig?.extendedListFields?.map((item) => {
+			return {
+				label: startCase(item),
+				value: record[item] ?? "N/A"
+			};
+		});
+		const iconButtons = [
+			...listViewConfig?.iconButtons?.map((config) => ({
+				...config,
+				onClick: () => {
+					if (config?.onClick) config?.onClick(record);
+				}
+			})) ?? [],
+			{
+				title: t("Show Marker"),
+				icon: MapPinIcon,
+				onClick: () => {
+					showMarkerEvent(record);
+				}
+			},
+			{
+				title: t("View"),
+				icon: ViewIcon,
+				onClick: () => {
+					viewEvent(record);
+				}
+			}
+		];
+		const title = listViewConfig?.getTitle ? listViewConfig?.getTitle(record) : record[listViewConfig?.titleField];
+		return /* @__PURE__ */ React.createElement(GridRow, null, /* @__PURE__ */ React.createElement(GridUnit, null, /* @__PURE__ */ React.createElement(CompactCard, {
+			id: index,
+			title,
+			primaryText: record[listViewConfig?.primaryTextField],
+			secondaryText: record[listViewConfig?.secondaryTextField],
+			status: record[listViewConfig?.statusColor]?.toLowerCase(),
+			statusLabel: record[listViewConfig?.statusLabel],
+			statusVariant: listViewConfig?.statusVariant,
+			showAdornment: listViewConfig?.showAdornment,
+			avatar: record[listViewConfig?.avatar],
+			imageAvatarSrc: record[listViewConfig?.imageAvatarSrc],
+			noWrap: noWrapPrimaryText,
+			extendedList: extendedListData,
+			iconButtons
+		})));
+	}) : /* @__PURE__ */ React.createElement("div", { className: classes.noDataWrapper }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, t("No Data"))));
+};
+
+//#endregion
+//#region src/UI/mapLayout/ui/ActionsRenderer.jsx
+const ActionsRenderer = (props) => {
+	const { openView, data, node } = props;
+	const { t } = useTranslation();
+	return /* @__PURE__ */ React.createElement("div", null, openView && !node?.group && /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+		title: t("View"),
+		size: "small",
+		onClick: () => {
+			openView(data);
+		},
+		icon: ViewIcon
+	}));
+};
+
+//#endregion
+export { ListView as n, CompactCard as r, ActionsRenderer as t };
+//# sourceMappingURL=ActionsRenderer-UdXmpfzu.js.map

package/dist/ActionsRenderer-UdXmpfzu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsRenderer-UdXmpfzu.js","names":["useStyles"],"sources":["../src/UI/mapLayout/ui/CompactCard.jsx","../src/UI/mapLayout/ui/ListView.jsx","../src/UI/mapLayout/ui/ActionsRenderer.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport {\n  Card,\n  CardContent,\n  Typography,\n  makeStyles,\n  Collapse,\n  Avatar\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport { Adornment } from '../../components/feedback/Adornment';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { CompactDataList } from '../../dataDisplay/CompactDataList';\nimport { CompactDataListItem } from '../../dataDisplay/CompactDataListItem';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst useStyles = makeStyles((theme) => ({\n  titleWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1)\n  },\n  subtitleWrapper: {\n    display: 'flex',\n    paddingBottom: 0,\n    alignItems: 'center',\n    gap: theme.spacing(1)\n  },\n  title: {\n    flex: 1,\n    lineHeight: '125%'\n  },\n  expand: {\n    transform: 'rotate(0deg)',\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest\n    })\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)'\n  },\n  expandButtonWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  sectionWrapper: {\n    marginTop: theme.spacing(1.5)\n  },\n  iconButtonWrapper: {\n    borderRadius: 2\n  },\n  avatar: {\n    width: '80px',\n    height: '80px'\n  },\n  contentWrapper: {\n    flex: 2\n  },\n  secondaryText: {\n    color: 'inherit',\n    opacity: 0.6\n  },\n  cardContent: {\n    flex: 1,\n    paddingTop: 0,\n    '&:last-child': {\n      paddingBottom: theme.spacing(2)\n    }\n  }\n}));\n\nexport const CompactCard = (props) => {\n  const {\n    title,\n    primaryText,\n    secondaryText,\n    noWrap = false,\n    extendedList = [],\n    status = 'info',\n    statusLabel,\n    statusVariant,\n    showAdornment = true,\n    avatar,\n    imageAvatarSrc,\n    overrideStatusError,\n    overrideStatusInfo,\n    overrideStatusSuccess,\n    overrideStatusWarning,\n    iconButtons = [],\n    children\n  } = props;\n  const [expanded, setExpanded] = useState(false);\n  const classes = useStyles();\n\n  return (\n    <div style={{ display: 'flex', height: '100%', width: '100%' }}>\n      {showAdornment && status && (\n        <div style={{ height: '100%' }}>\n          <Adornment color={status} />\n        </div>\n      )}\n      <Card style={{ width: '100%' }}>\n        <CardContent className={classes.subtitleWrapper}>\n          {imageAvatarSrc && (\n            <Avatar\n              variant='square'\n              className={classes.avatar}\n              src={imageAvatarSrc}\n            />\n          )}\n\n          {avatar && (\n            <Avatar variant='square' className={classes.avatar}>\n              {avatar}\n            </Avatar>\n          )}\n          <div className={classes.contentWrapper}>\n            <div className={classes.titleWrapper}>\n              <Typography variant='subtitle1'>{title}</Typography>\n              {status && statusLabel && (\n                <StatusChip\n                  status={status}\n                  label={statusLabel}\n                  success={overrideStatusSuccess}\n                  error={overrideStatusError}\n                  warning={overrideStatusWarning}\n                  info={overrideStatusInfo}\n                  variant={statusVariant}\n                />\n              )}\n            </div>\n\n            <Typography variant='body2' noWrap={noWrap}>\n              {primaryText}\n            </Typography>\n            <Typography variant='body2' className={classes.secondaryText}>\n              {secondaryText}\n            </Typography>\n          </div>\n        </CardContent>\n        {children}\n        {(extendedList?.length > 0 || iconButtons?.length > 0) && (\n          <CardContent className={classes.cardContent}>\n            <div className={classes.sectionWrapper}>\n              <Collapse in={expanded} timeout='auto' unmountOnExit>\n                <CompactDataList disableSeparator={false}>\n                  {extendedList?.map((item) => (\n                    <CompactDataListItem\n                      label={item?.label}\n                      value={item?.value}\n                    />\n                  ))}\n                </CompactDataList>\n              </Collapse>\n              <div className={classes.expandButtonWrapper}>\n                <div>\n                  {extendedList?.length > 0 && (\n                    <FluentIconButton\n                      className={clsx(\n                        classes.expand,\n                        {\n                          [classes.expandOpen]: expanded\n                        },\n                        classes.iconButtonWrapper\n                      )}\n                      onClick={() => setExpanded(!expanded)}\n                      icon={ChevronDownIcon}\n                    />\n                  )}\n                </div>\n                <div>\n                  {iconButtons?.length > 0 &&\n                    iconButtons?.map((iconButton) => (\n                      <IconButtonWithTooltip\n                        className={classes.iconButtonWrapper}\n                        icon={iconButton?.icon}\n                        onClick={iconButton?.onclick}\n                        title={iconButton?.title}\n                        size='small'\n                        {...iconButton}\n                      />\n                    ))}\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        )}\n      </Card>\n    </div>\n  );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { startCase } from 'lodash';\nimport { CompactCard } from './CompactCard';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { MapPinIcon, ViewIcon } from '@fluentui/react-icons';\nimport { GridRow } from '../../../layout/GridRow';\nimport { GridUnit } from '../../../layout/GridUnit';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { isEqualIgnoreFunctions } from '../utilities/MapUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  noDataWrapper: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)'\n  },\n  chipContainer: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    flexWrap: 'wrap',\n    marginTop: theme.spacing(1),\n    margin: theme.spacing(0, 1)\n  },\n  chipContent: {\n    margin: theme.spacing(1),\n    marginBottom: 0\n  }\n}));\n\nconst ListView = (props) => {\n  const {\n    data,\n    listViewConfig,\n    noWrapPrimaryText,\n    viewEvent,\n    showMarkerEvent,\n    chipConfig\n  } = props;\n  const [activeChip, setActiveChip] = useState(null);\n  const [filteredData, setFilteredData] = useState(data);\n  const { t } = useTranslation();\n  const classes = useStyles();\n\n  //Set default active chip only when chipConfig changes\n  useEffect(() => {\n    if (!chipConfig || chipConfig.length === 0) {\n      setFilteredData(data);\n      setActiveChip(null);\n      return;\n    }\n\n    const defaultChip =\n      chipConfig.find((chip) => chip?.default) ?? chipConfig[0];\n\n    if (!activeChip) {\n      setActiveChip(defaultChip);\n    } else {\n      const updatedChip = chipConfig.find((chip) => chip.id === activeChip.id);\n      if (\n        updatedChip &&\n        (updatedChip !== activeChip ||\n          !isEqualIgnoreFunctions(updatedChip, activeChip))\n      ) {\n        setActiveChip(updatedChip);\n      } else if (!updatedChip) {\n        // activeChip no longer exists in new config\n        setActiveChip(defaultChip);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [chipConfig, activeChip]);\n\n  //Update filtered data whenever data or activeChip changes\n  useEffect(() => {\n    if (!chipConfig || chipConfig.length === 0) {\n      setFilteredData(data);\n      return;\n    }\n\n    if (activeChip?.filterData) {\n      setFilteredData(activeChip.filterData(data, activeChip));\n    } else {\n      setFilteredData(data);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeChip, data]);\n\n  const handleOnClickChip = useCallback(\n    (chip) => {\n      if (chip?.onClick) {\n        chip?.onClick(data, chip);\n      }\n\n      setActiveChip(chip);\n    },\n    [data]\n  );\n\n  return (\n    <div>\n      {chipConfig?.length > 0 && (\n        <div className={classes.chipContainer}>\n          {chipConfig?.map((chip, index) => {\n            return (\n              <StatusChip\n                key={`${index}-${chip?.label}`}\n                label={chip?.label}\n                status={chip?.id === activeChip?.id ? 'info' : 'default'}\n                variant='outlined'\n                icon={chip?.icon}\n                onClick={() => {\n                  console.log('chip clicked', chip);\n                  handleOnClickChip(chip);\n                }}\n                isActionable={!chip?.disabled}\n              />\n            );\n          })}\n        </div>\n      )}\n\n      {activeChip?.content && (\n        <div className={classes.chipContent}>{activeChip?.content}</div>\n      )}\n      {filteredData?.length > 0 ? (\n        filteredData?.map((record, index) => {\n          const extendedListData = listViewConfig?.extendedListFields?.map(\n            (item) => {\n              return {\n                label: startCase(item),\n                value: record[item] ?? 'N/A'\n              };\n            }\n          );\n\n          const buttons =\n            listViewConfig?.iconButtons?.map((config) => ({\n              ...config,\n              onClick: () => {\n                if (config?.onClick) {\n                  config?.onClick(record);\n                }\n              }\n            })) ?? [];\n\n          const iconButtons = [\n            ...buttons,\n            {\n              title: t('Show Marker'),\n              icon: MapPinIcon,\n              onClick: () => {\n                showMarkerEvent(record);\n              }\n            },\n            {\n              title: t('View'),\n              icon: ViewIcon,\n              onClick: () => {\n                viewEvent(record);\n              }\n            }\n          ];\n\n          const title = listViewConfig?.getTitle\n            ? listViewConfig?.getTitle(record)\n            : record[listViewConfig?.titleField];\n\n          return (\n            <GridRow>\n              <GridUnit>\n                <CompactCard\n                  id={index}\n                  title={title}\n                  primaryText={record[listViewConfig?.primaryTextField]}\n                  secondaryText={record[listViewConfig?.secondaryTextField]}\n                  status={record[listViewConfig?.statusColor]?.toLowerCase()}\n                  statusLabel={record[listViewConfig?.statusLabel]}\n                  statusVariant={listViewConfig?.statusVariant}\n                  showAdornment={listViewConfig?.showAdornment}\n                  avatar={record[listViewConfig?.avatar]}\n                  imageAvatarSrc={record[listViewConfig?.imageAvatarSrc]}\n                  noWrap={noWrapPrimaryText}\n                  extendedList={extendedListData}\n                  iconButtons={iconButtons}\n                />\n              </GridUnit>\n            </GridRow>\n          );\n        })\n      ) : (\n        <div className={classes.noDataWrapper}>\n          <Typography variant='body1'>{t('No Data')}</Typography>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ListView;\n","import { ViewIcon } from '@fluentui/react-icons';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst ActionsRenderer = (props) => {\n  const { openView, data, node } = props;\n  const { t } = useTranslation();\n\n  return (\n    <div>\n      {openView && !node?.group && (\n        <IconButtonWithTooltip\n          title={t('View')}\n          size='small'\n          onClick={() => {\n            openView(data);\n          }}\n          icon={ViewIcon}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ActionsRenderer;\n"],"mappings":"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"}

package/dist/ActionsRenderer-amETjBUn.js

@@ -0,0 +1,156 @@
+import { t as ClickOpenEnums } from "./pageEnums-BAFH7P4f.js";
+import { n as SideSheet } from "./SideSheet-B7N-AM_z.js";
+import { t as FluentDialog } from "./FluentDialog-COrrKCGR.js";
+import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-WW35n9G6.js";
+import React, { memo, useCallback, useState } from "react";
+import { makeStyles } from "@material-ui/core";
+import { Skeleton } from "@material-ui/lab";
+
+//#region src/UI/templates/ui/renderers/ActionsRenderer.jsx
+const useStyles = makeStyles((theme) => ({
+	icon: { margin: theme.spacing(.5) },
+	iconButtonStyle: {
+		width: `${theme.spacing(3)}px !important`,
+		height: `${theme.spacing(3)}px !important`,
+		background: "#fff",
+		borderRadius: 25,
+		padding: 6
+	},
+	circularSkeleton: { borderRadius: "50%" }
+}));
+const ActionItem = memo((props) => {
+	const { icon, title, onClick, disabled, businessObjectKey = "" } = props;
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+		title,
+		className: classes.icon,
+		size: "small",
+		onClick,
+		disabled,
+		icon,
+		fluentIconClassName: classes.iconButtonStyle,
+		id: "udpRecord-ActionsRenderer-" + title,
+		udprecordid: "udpRecord-ActionsRenderer-" + title
+	});
+});
+const ActionsRenderer = memo((props) => {
+	const { data: value, actionList, onClick } = props;
+	const classes = useStyles();
+	const [sheetOpen, setSheetOpen] = useState(false);
+	const [sheetItem, setSheetItem] = useState(null);
+	const [dialogItem, setDialogItem] = useState(null);
+	const [dialogOpen, setDialogOpen] = useState(false);
+	const [isLoading, setIsLoading] = useState(false);
+	const [sideSheetWidth, setSideSheetWidth] = useState(600);
+	const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState("");
+	const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(() => () => console.warn("onSubmit not set"));
+	const openSheet = useCallback((sheetView) => {
+		setSheetItem(sheetView);
+		setSheetOpen(true);
+	}, []);
+	const openDialog = useCallback((dialogView) => {
+		setDialogItem(dialogView);
+		setDialogOpen(true);
+	}, []);
+	const closeSheet = useCallback(() => {
+		setSheetOpen(false);
+	}, []);
+	const closeDialog = useCallback(() => {
+		setDialogOpen(false);
+	}, []);
+	const getSheetView = (actionItem) => {
+		if (actionItem.opens === ClickOpenEnums.SideSheet) {
+			const valuePropName = actionItem?.view?.properties?.valuePropName;
+			if (valuePropName) actionItem.view.properties[valuePropName] = value;
+			const closeSideSheetPropName = actionItem?.view?.properties?.closeSideSheetPropName;
+			if (closeSideSheetPropName) actionItem.view.properties[closeSideSheetPropName] = closeSheet;
+		}
+		const properties = actionItem?.view?.properties || {};
+		return {
+			id: actionItem.id,
+			title: actionItem.title || "",
+			width: actionItem?.view?.width,
+			children: actionItem?.view?.component({
+				...properties,
+				setSideSheetWidth,
+				setSideSheetButtonLabel,
+				setSideSheetOnSubmit
+			})
+		};
+	};
+	const getDialogView = (actionItem) => {
+		if (actionItem.opens === ClickOpenEnums.Dialog) {
+			const handleActionTwo = async () => {
+				if (actionItem?.view?.properties?.actionTwo) {
+					setIsLoading(true);
+					await actionItem?.view?.properties?.actionTwo(value);
+					setIsLoading(false);
+				}
+				closeDialog();
+			};
+			return {
+				id: actionItem.id,
+				title: actionItem?.title || "",
+				closeDialog,
+				message: actionItem?.view?.properties?.message,
+				labelOne: actionItem?.view?.properties?.labelOne,
+				actionTwo: handleActionTwo,
+				labelTwo: actionItem?.view?.properties?.labelTwo
+			};
+		}
+	};
+	const displayActions = actionList.map((item, index) => {
+		let onClick = () => item.onClick(value);
+		let title = item.title;
+		let disabled = item.disabled;
+		if (item.opens === ClickOpenEnums.SideSheet) {
+			const sheetView = getSheetView(item);
+			onClick = () => openSheet(sheetView);
+		}
+		if (item.opens === ClickOpenEnums.Dialog) {
+			const dialogView = getDialogView(item);
+			onClick = () => openDialog(dialogView);
+		}
+		if (item.getTitle) title = item.getTitle(value);
+		if (item.checkDisabled) disabled = item.checkDisabled(value);
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, item.loading && /* @__PURE__ */ React.createElement("div", { style: {
+			display: "inline-flex",
+			marginRight: 10
+		} }, /* @__PURE__ */ React.createElement(Skeleton, {
+			className: classes.circularSkeleton,
+			width: 24,
+			height: 40
+		})), !item.loading && /* @__PURE__ */ React.createElement(ActionItem, {
+			key: `${item.id}-${index}`,
+			title,
+			icon: item.icon,
+			onClick,
+			disabled,
+			businessObjectKey: value?.businessObjectKey
+		}));
+	});
+	return /* @__PURE__ */ React.createElement("div", null, displayActions, /* @__PURE__ */ React.createElement(SideSheet, {
+		open: sheetOpen,
+		onClose: closeSheet,
+		title: sheetItem?.title,
+		width: sheetItem?.width || 600,
+		buttonLabel: sideSheetButtonLabel,
+		onSubmit: sideSheetOnSubmit
+	}, /* @__PURE__ */ React.createElement("div", null, sheetItem?.children)), /* @__PURE__ */ React.createElement(FluentDialog, {
+		open: dialogOpen,
+		handleClose: closeDialog,
+		title: dialogItem?.title,
+		message: dialogItem?.message,
+		actionOne: dialogItem?.closeDialog,
+		labelOne: dialogItem?.labelOne,
+		actionTwo: dialogItem?.actionTwo,
+		labelTwo: dialogItem?.labelTwo,
+		progress: dialogItem?.isLoading
+	}));
+});
+ActionItem.displayName = "ActionItem";
+ActionsRenderer.displayName = "ActionsRenderer";
+
+//#endregion
+export { ActionsRenderer as t };
+//# sourceMappingURL=ActionsRenderer-amETjBUn.js.map

package/dist/ActionsRenderer-amETjBUn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsRenderer-amETjBUn.js","names":[],"sources":["../src/UI/templates/ui/renderers/ActionsRenderer.jsx"],"sourcesContent":["import React, { useState, useCallback, memo } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { SideSheet } from '../../../surfaces/SideSheet';\nimport { FluentDialog } from '../../../feedback/FluentDialog';\nimport { IconButtonWithTooltip } from '../../../inputs/buttons/IconButtonWithToolTip';\nimport { ClickOpenEnums } from '../../../../enums/pageEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  icon: {\n    margin: theme.spacing(0.5)\n  },\n  iconButtonStyle: {\n    width: `${theme.spacing(3)}px !important`,\n    height: `${theme.spacing(3)}px !important`,\n    background: '#fff',\n    borderRadius: 25,\n    padding: 6\n  },\n  circularSkeleton: {\n    borderRadius: '50%'\n  }\n}));\n\nconst ActionItem = memo((props) => {\n  const { icon, title, onClick, disabled, businessObjectKey='' } = props;\n  const classes = useStyles();\n\n  return (\n    <IconButtonWithTooltip\n      title={title}\n      className={classes.icon}\n      size='small'\n      onClick={onClick}\n      disabled={disabled}\n      icon={icon}\n      fluentIconClassName={classes.iconButtonStyle}\n      id={'udpRecord-ActionsRenderer-'+title}//+'-'+businessObjectKey.replace(/\\./g, '')}\n      udprecordid={'udpRecord-ActionsRenderer-'+title}//+'-'+businessObjectKey.replace(/\\./g, '')}\n    />\n  );\n});\n\nexport const ActionsRenderer = memo((props) => {\n  const { data: value, actionList, onClick } = props;\n  const classes = useStyles();\n  const [sheetOpen, setSheetOpen] = useState(false);\n  const [sheetItem, setSheetItem] = useState(null);\n  const [dialogItem, setDialogItem] = useState(null);\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [sideSheetWidth, setSideSheetWidth] = useState(600);\n  const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState('');\n  const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(\n    () => () => console.warn('onSubmit not set')\n  );\n\n  const openSheet = useCallback((sheetView) => {\n    setSheetItem(sheetView);\n    setSheetOpen(true);\n  }, []);\n\n  const openDialog = useCallback((dialogView) => {\n    setDialogItem(dialogView);\n    setDialogOpen(true);\n  }, []);\n\n  const closeSheet = useCallback(() => {\n    setSheetOpen(false);\n  }, []);\n\n  const closeDialog = useCallback(() => {\n    setDialogOpen(false);\n  }, []);\n\n  const getSheetView = (actionItem) => {\n    if (actionItem.opens === ClickOpenEnums.SideSheet) {\n      const valuePropName = actionItem?.view?.properties?.valuePropName;\n      if (valuePropName) {\n        actionItem.view.properties[valuePropName] = value;\n      }\n      const closeSideSheetPropName =\n        actionItem?.view?.properties?.closeSideSheetPropName;\n      if (closeSideSheetPropName) {\n        actionItem.view.properties[closeSideSheetPropName] = closeSheet;\n      }\n    }\n    const properties = actionItem?.view?.properties || {};\n    return {\n      id: actionItem.id,\n      title: actionItem.title || '',\n      width: actionItem?.view?.width,\n      children: actionItem?.view?.component({\n        ...properties,\n        setSideSheetWidth,\n        setSideSheetButtonLabel,\n        setSideSheetOnSubmit\n      })\n    };\n  };\n\n  const getDialogView = (actionItem) => {\n    if (actionItem.opens === ClickOpenEnums.Dialog) {\n      const handleActionTwo = async () => {\n        if (actionItem?.view?.properties?.actionTwo) {\n          setIsLoading(true);\n          await actionItem?.view?.properties?.actionTwo(value);\n          setIsLoading(false);\n        }\n        closeDialog();\n      };\n      return {\n        id: actionItem.id,\n        title: actionItem?.title || '',\n        closeDialog: closeDialog,\n        message: actionItem?.view?.properties?.message,\n        labelOne: actionItem?.view?.properties?.labelOne,\n        actionTwo: handleActionTwo,\n        labelTwo: actionItem?.view?.properties?.labelTwo\n      };\n    }\n  };\n\n  const displayActions = actionList.map((item, index) => {\n    let onClick = () => item.onClick(value);\n    let title = item.title;\n    let disabled = item.disabled;\n    if (item.opens === ClickOpenEnums.SideSheet) {\n      const sheetView = getSheetView(item);\n      onClick = () => openSheet(sheetView);\n    }\n    if (item.opens === ClickOpenEnums.Dialog) {\n      const dialogView = getDialogView(item);\n      onClick = () => openDialog(dialogView);\n    }\n    if (item.getTitle) {\n      title = item.getTitle(value);\n    }\n    if (item.checkDisabled) {\n      disabled = item.checkDisabled(value);\n    }\n    return (\n      <>\n        {item.loading && (\n          <div style={{ display: 'inline-flex', marginRight: 10 }}>\n            <Skeleton\n              className={classes.circularSkeleton}\n              width={24}\n              height={40}\n            />\n          </div>\n        )}\n        {!item.loading && (\n          <ActionItem\n            key={`${item.id}-${index}`}\n            title={title}\n            icon={item.icon}\n            onClick={onClick}\n            disabled={disabled}\n            businessObjectKey={value?.businessObjectKey}\n          />\n        )}\n      </>\n    );\n  });\n\n  /* Final Render */\n  return (\n    <div>\n      {displayActions}\n      <SideSheet\n        open={sheetOpen}\n        onClose={closeSheet}\n        title={sheetItem?.title}\n        width={sheetItem?.width || 600}\n        buttonLabel={sideSheetButtonLabel}\n        onSubmit={sideSheetOnSubmit}\n      >\n        <div>{sheetItem?.children}</div>\n      </SideSheet>\n      <FluentDialog\n        open={dialogOpen}\n        handleClose={closeDialog}\n        title={dialogItem?.title}\n        message={dialogItem?.message}\n        actionOne={dialogItem?.closeDialog}\n        labelOne={dialogItem?.labelOne}\n        actionTwo={dialogItem?.actionTwo}\n        labelTwo={dialogItem?.labelTwo}\n        progress={dialogItem?.isLoading}\n      />\n    </div>\n  );\n});\n\nActionItem.displayName = 'ActionItem';\nActionsRenderer.displayName = 'ActionsRenderer';\n"],"mappings":"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"}