udp-react-enterprise-component-library 25.14.1-beta.5 → 25.14.1-beta.7

package/dist/{WorkflowContainer-Dmp3rpCg.js.map → WorkflowContainer-DasTFSlY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowContainer-Dmp3rpCg.js","names":[],"sources":["../src/workflow/WorkflowContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { WorkflowTreeMenu } from './menus/WorkflowTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/EnvironmentRibbon';\nimport { WorkflowContent } from './WorkflowContent';\nimport {\n  transformWorkflowPlayTree,\n  updateWorkflowPlayNodeState\n} from '../utilities/workflow/workflowUtilities';\nimport { useUpdateSearchParams } from '../hooks/useUpdateSearchParams';\nimport { useUser } from '../utilities/auth/useUser';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nexport const WorkflowContainer = (props) => {\n  const { playId, taskId, autoCollapseNav = true } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const location = useLocation();\n  const updateSearchParams = useUpdateSearchParams();\n  const user = useUser();\n  const setLocationState = useSetLocationState();\n  const { t } = useTranslation();\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [reloadFromPage, setReloadFromPage] = useState(false);\n  const [workflow, setWorkflow] = useState(false);\n\n  const state = location.state;\n  let searchParamStr = location.search;\n  let searchParams = new URLSearchParams(searchParamStr);\n  const urlPlayId = location.pathname.replace('/workflowtask/', '');\n  const udpPlayId =\n    playId ||\n    urlPlayId ||\n    (state\n      ? state.playId\n      : searchParams.has('playId') === true\n      ? searchParams.get('playId')\n      : '');\n\n  const udpTaskId =\n    taskId ||\n    (state\n      ? state.taskId\n      : searchParams.has('taskId') === true\n      ? searchParams.get('taskId')\n      : '');\n\n  const [{ data: workflowPlay, loading: workflowPlayLoading }, reloadWorkflow] =\n    useAxiosGet(\n      ConfigService.builderV1ApiUrl,\n      `workflow/play/${udpPlayId}`,\n      {},\n      !!!udpPlayId,\n      false\n    );\n\n  const [{ data: users }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users?tenantId=${user?.currentTenantId || ''}`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  const [{ data: groups }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `groups?tenantId=${user?.currentTenantId || ''}&productId=${\n      ConfigService.config.UNITY_PRODUCT_ID\n    }`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  // const getNodeState = useCallback(\n  //   async (nodeId) =>\n  //     apiMutate(\n  //       ConfigService.builderV1ApiUrl,\n  //       `workflow/play/${udpPlayId}/node/${nodeId}/state`,\n  //       {\n  //         method: 'get'\n  //       }\n  //     ),\n  //   [udpPlayId]\n  // );\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const handleReloadWorkflow = useCallback(async () => {\n    setReloadFromPage(true);\n    await reloadWorkflow();\n    setReloadFromPage(false);\n  }, [reloadWorkflow]);\n\n  const handleSelectedNode = useCallback(\n    async (node, menuIndex) => {\n      if (node.isSelectable) {\n        setSelectedNode(node);\n        await handleReloadWorkflow();\n        if (node?.properties?.playSceneId) {\n          updateSearchParams({ taskId: node.properties.playSceneId });\n        }\n      }\n    },\n    [updateSearchParams, handleReloadWorkflow]\n  );\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  useEffect(() => {\n    if (workflowPlay) {\n      setWorkflow(workflowPlay);\n    }\n  }, [workflowPlay]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    setLocationState({ label: t('Workflow') });\n  }, [setLocationState, t]);\n\n  // this is used for updating the state node for page use\n  useEffect(() => {\n    if (workflow) {\n      setSelectedNode((prevNode) => {\n        if (!!prevNode) {\n          const foundNode = workflow.workflowPlayNode?.children?.find(\n            (child) => child.id === prevNode.id\n          );\n          if (!!foundNode) {\n            const updatedNode = { ...prevNode };\n            // TODO: using this to update state for now but may need to update\n            // other properties of the selected node when we pull workflow tree\n            updatedNode.properties.state = foundNode.state;\n            return updatedNode;\n          } else {\n            return prevNode;\n          }\n        }\n      });\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (workflow) {\n      const list = [];\n      const updatedMenu = transformWorkflowPlayTree(workflow.workflowPlayNode);\n      if (updatedMenu) {\n        list.push(updatedMenu);\n      }\n      setMenuItemsList(list);\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (!selectedNode) {\n      const menu = menuItemsList[0];\n      // Use Task Id to find the first matching node in tree\n      if (menu) {\n        if (!!udpTaskId) {\n          const matchingTaskNode = menu.children.find(\n            (child) => child?.properties?.playSceneId === udpTaskId\n          );\n          setSelectedNode(matchingTaskNode || menu.children[0] || null);\n        } else {\n          const firstSelectableMenuItem = menu?.children?.find(\n            (item) => item.isSelectable\n          );\n          setSelectedNode(firstSelectableMenuItem || null);\n        }\n        if (autoCollapseNav) {\n          setNavigationExpanded(false);\n        }\n      }\n    }\n  }, [\n    udpTaskId,\n    menuItemsList,\n    selectedNode,\n    setNavigationExpanded,\n    autoCollapseNav\n  ]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // useEffect(() => {\n  //   if (selectedNode) {\n  //     const getState = async () => {\n  //       const response = await getNodeState(selectedNode.id);\n  //       if (response.status === 200) {\n  //         setMenuItemsList((prevMenuList) => {\n  //           let updatedList = [];\n  //           prevMenuList.forEach((menu) => {\n  //             const updatedMenu = updateWorkflowPlayNodeState(\n  //               menu,\n  //               selectedNode.id,\n  //               response.data\n  //             );\n  //             updatedList.push(updatedMenu);\n  //           });\n  //           return updatedList;\n  //         });\n  //       }\n  //     };\n  //     getState();\n  //   }\n  // }, [selectedNode, getNodeState]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={'Workflow'}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={playId}>\n              {menuItemsList?.length > 0 &&\n                (!workflowPlayLoading || reloadFromPage) &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <WorkflowTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {workflowPlayLoading && !reloadFromPage && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={workflowPlayLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          <WorkflowContent\n            selectedNode={selectedNode}\n            workflow={workflow}\n            reloadWorkflow={handleReloadWorkflow}\n            users={users}\n            groups={groups}\n          />\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowContainer-DasTFSlY.js","names":[],"sources":["../src/workflow/WorkflowContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { WorkflowTreeMenu } from './menus/WorkflowTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/EnvironmentRibbon';\nimport { WorkflowContent } from './WorkflowContent';\nimport {\n  transformWorkflowPlayTree,\n  updateWorkflowPlayNodeState\n} from '../utilities/workflow/workflowUtilities';\nimport { useUpdateSearchParams } from '../hooks/useUpdateSearchParams';\nimport { useUser } from '../utilities/auth/useUser';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nexport const WorkflowContainer = (props) => {\n  const { playId, taskId, autoCollapseNav = true } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const location = useLocation();\n  const updateSearchParams = useUpdateSearchParams();\n  const user = useUser();\n  const setLocationState = useSetLocationState();\n  const { t } = useTranslation();\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [reloadFromPage, setReloadFromPage] = useState(false);\n  const [workflow, setWorkflow] = useState(false);\n\n  const state = location.state;\n  let searchParamStr = location.search;\n  let searchParams = new URLSearchParams(searchParamStr);\n  const urlPlayId = location.pathname.replace('/workflowtask/', '');\n  const udpPlayId =\n    playId ||\n    urlPlayId ||\n    (state\n      ? state.playId\n      : searchParams.has('playId') === true\n      ? searchParams.get('playId')\n      : '');\n\n  const udpTaskId =\n    taskId ||\n    (state\n      ? state.taskId\n      : searchParams.has('taskId') === true\n      ? searchParams.get('taskId')\n      : '');\n\n  const [{ data: workflowPlay, loading: workflowPlayLoading }, reloadWorkflow] =\n    useAxiosGet(\n      ConfigService.builderV1ApiUrl,\n      `workflow/play/${udpPlayId}`,\n      {},\n      !!!udpPlayId,\n      false\n    );\n\n  const [{ data: users }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users?tenantId=${user?.currentTenantId || ''}`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  const [{ data: groups }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `groups?tenantId=${user?.currentTenantId || ''}&productId=${\n      ConfigService.config.UNITY_PRODUCT_ID\n    }`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  // const getNodeState = useCallback(\n  //   async (nodeId) =>\n  //     apiMutate(\n  //       ConfigService.builderV1ApiUrl,\n  //       `workflow/play/${udpPlayId}/node/${nodeId}/state`,\n  //       {\n  //         method: 'get'\n  //       }\n  //     ),\n  //   [udpPlayId]\n  // );\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const handleReloadWorkflow = useCallback(async () => {\n    setReloadFromPage(true);\n    await reloadWorkflow();\n    setReloadFromPage(false);\n  }, [reloadWorkflow]);\n\n  const handleSelectedNode = useCallback(\n    async (node, menuIndex) => {\n      if (node.isSelectable) {\n        setSelectedNode(node);\n        await handleReloadWorkflow();\n        if (node?.properties?.playSceneId) {\n          updateSearchParams({ taskId: node.properties.playSceneId });\n        }\n      }\n    },\n    [updateSearchParams, handleReloadWorkflow]\n  );\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  useEffect(() => {\n    if (workflowPlay) {\n      setWorkflow(workflowPlay);\n    }\n  }, [workflowPlay]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    setLocationState({ label: t('Workflow') });\n  }, [setLocationState, t]);\n\n  // this is used for updating the state node for page use\n  useEffect(() => {\n    if (workflow) {\n      setSelectedNode((prevNode) => {\n        if (!!prevNode) {\n          const foundNode = workflow.workflowPlayNode?.children?.find(\n            (child) => child.id === prevNode.id\n          );\n          if (!!foundNode) {\n            const updatedNode = { ...prevNode };\n            // TODO: using this to update state for now but may need to update\n            // other properties of the selected node when we pull workflow tree\n            updatedNode.properties.state = foundNode.state;\n            return updatedNode;\n          } else {\n            return prevNode;\n          }\n        }\n      });\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (workflow) {\n      const list = [];\n      const updatedMenu = transformWorkflowPlayTree(workflow.workflowPlayNode);\n      if (updatedMenu) {\n        list.push(updatedMenu);\n      }\n      setMenuItemsList(list);\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (!selectedNode) {\n      const menu = menuItemsList[0];\n      // Use Task Id to find the first matching node in tree\n      if (menu) {\n        if (!!udpTaskId) {\n          const matchingTaskNode = menu.children.find(\n            (child) => child?.properties?.playSceneId === udpTaskId\n          );\n          setSelectedNode(matchingTaskNode || menu.children[0] || null);\n        } else {\n          const firstSelectableMenuItem = menu?.children?.find(\n            (item) => item.isSelectable\n          );\n          setSelectedNode(firstSelectableMenuItem || null);\n        }\n        if (autoCollapseNav) {\n          setNavigationExpanded(false);\n        }\n      }\n    }\n  }, [\n    udpTaskId,\n    menuItemsList,\n    selectedNode,\n    setNavigationExpanded,\n    autoCollapseNav\n  ]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // useEffect(() => {\n  //   if (selectedNode) {\n  //     const getState = async () => {\n  //       const response = await getNodeState(selectedNode.id);\n  //       if (response.status === 200) {\n  //         setMenuItemsList((prevMenuList) => {\n  //           let updatedList = [];\n  //           prevMenuList.forEach((menu) => {\n  //             const updatedMenu = updateWorkflowPlayNodeState(\n  //               menu,\n  //               selectedNode.id,\n  //               response.data\n  //             );\n  //             updatedList.push(updatedMenu);\n  //           });\n  //           return updatedList;\n  //         });\n  //       }\n  //     };\n  //     getState();\n  //   }\n  // }, [selectedNode, getNodeState]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={'Workflow'}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={playId}>\n              {menuItemsList?.length > 0 &&\n                (!workflowPlayLoading || reloadFromPage) &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <WorkflowTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {workflowPlayLoading && !reloadFromPage && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={workflowPlayLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          <WorkflowContent\n            selectedNode={selectedNode}\n            workflow={workflow}\n            reloadWorkflow={handleReloadWorkflow}\n            users={users}\n            groups={groups}\n          />\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n\nexport default WorkflowContainer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,MAAM;EACN,YAAY,EAAE,qBAAqB,gBAAgB,iBAAiB,GAAG;EACvE,SAAS;EACT,mBAAmB,CAAC,kBAAkB,CAAC,KAAK,SAAS,IAAI,KAAK,GAAG,CAAC,KAAK,IAAI;EAC3E,qBAAqB;EACrB,kBAAkB;EACnB;CACD,SAAS;EACP,UAAU;EACV,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,SAAS;EACP,UAAU;EACV,SAAS;EACT,eAAe;EACf,UAAU;EACV,QAAQ;EACR,SAAS,EAAE,qBAAqB,gBAAgB,iBAAiB,GAAG;EACpE,WAAW;EACZ;CACD,aAAa;EACX,WAAW,MAAM,QAAQ,EAAE;EAC3B,SAAS,EAAE,qBAAqB,gBAAgB,iBAAiB,IAAI;EACrE,WAAW;EACZ;CACD,QAAQ;EACN,aAAa,MAAM,QAAQ,EAAE;EAC7B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACD,gBAAgB;EACd,MAAM;EACN,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EACjB;CACF,EAAE;AAEH,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAE,QAAQ,QAAQ,kBAAkB,SAAS;CACnD,MAAM,WAAW,qBAAqB;CACtC,MAAM,UAAU,UAAU;EACxB,GAAG;EACH,gBAAgB,WAAW,mBAAmB;EAC/C,CAAC;CACF,MAAM,WAAW,aAAa;CAC9B,MAAM,qBAAqB,uBAAuB;CAClD,MAAM,OAAO,SAAS;CACtB,MAAM,mBAAmB,qBAAqB;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE,CAAC;CACtD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;CAC5D,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAC3D,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,MAAM,QAAQ,SAAS;CACvB,IAAI,iBAAiB,SAAS;CAC9B,IAAI,eAAe,IAAI,gBAAgB,eAAe;CACtD,MAAM,YAAY,SAAS,SAAS,QAAQ,kBAAkB,GAAG;CACjE,MAAM,YACJ,UACA,cACC,QACG,MAAM,SACN,aAAa,IAAI,SAAS,KAAK,OAC/B,aAAa,IAAI,SAAS,GAC1B;CAEN,MAAM,YACJ,WACC,QACG,MAAM,SACN,aAAa,IAAI,SAAS,KAAK,OAC/B,aAAa,IAAI,SAAS,GAC1B;CAEN,MAAM,CAAC,EAAE,MAAM,cAAc,SAAS,uBAAuB,kBAC3D,YACE,cAAc,iBACd,iBAAiB,aACjB,EAAE,EACF,CAAC,CAAC,CAAC,WACH,MACD;CAEH,MAAM,CAAC,EAAE,MAAM,WAAW,YACxB,cAAc,kBACd,kBAAkB,MAAM,mBAAmB,MAC3C,EAAE,EACF,CAAC,CAAC,CAAC,MAAM,gBACV;CAED,MAAM,CAAC,EAAE,MAAM,YAAY,YACzB,cAAc,gBACd,mBAAmB,MAAM,mBAAmB,GAAG,aAC7C,cAAc,OAAO,oBAEvB,EAAE,EACF,CAAC,CAAC,CAAC,MAAM,gBACV;CAcD,MAAM,EAAE,+BAA+B,0BACrC,eAAe;CAEjB,MAAM,uBAAuB,YAAY,YAAY;AACnD,oBAAkB,KAAK;AACvB,QAAM,gBAAgB;AACtB,oBAAkB,MAAM;IACvB,CAAC,eAAe,CAAC;CAEpB,MAAM,qBAAqB,YACzB,OAAO,MAAM,cAAc;AACzB,MAAI,KAAK,cAAc;AACrB,mBAAgB,KAAK;AACrB,SAAM,sBAAsB;AAC5B,OAAI,MAAM,YAAY,YACpB,oBAAmB,EAAE,QAAQ,KAAK,WAAW,aAAa,CAAC;;IAIjE,CAAC,oBAAoB,qBAAqB,CAC3C;CAED,MAAM,iBAAiB,aACpB,YAAY,YAAY,qBAAqB,wBAAwB,IAGtE,EAAE,CACH;CAED,MAAM,2BAA2B,kBAAkB;AACjD,sBAAoB,aAAa,CAAC,SAAS;IAC1C,EAAE,CAAC;AAEN,iBAAgB;AACd,MAAI,aACF,aAAY,aAAa;IAE1B,CAAC,aAAa,CAAC;AAIlB,iBAAgB;AACd,mBAAiB,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;IACzC,CAAC,kBAAkB,EAAE,CAAC;AAGzB,iBAAgB;AACd,MAAI,SACF,kBAAiB,aAAa;AAC5B,OAAI,CAAC,CAAC,UAAU;IACd,MAAM,YAAY,SAAS,kBAAkB,UAAU,MACpD,UAAU,MAAM,OAAO,SAAS,GAClC;AACD,QAAI,CAAC,CAAC,WAAW;KACf,MAAM,cAAc,EAAE,GAAG,UAAU;AAGnC,iBAAY,WAAW,QAAQ,UAAU;AACzC,YAAO;UAEP,QAAO;;IAGX;IAEH,CAAC,SAAS,CAAC;AAEd,iBAAgB;AACd,MAAI,UAAU;GACZ,MAAM,OAAO,EAAE;GACf,MAAM,cAAc,0BAA0B,SAAS,iBAAiB;AACxE,OAAI,YACF,MAAK,KAAK,YAAY;AAExB,oBAAiB,KAAK;;IAEvB,CAAC,SAAS,CAAC;AAEd,iBAAgB;AACd,MAAI,CAAC,cAAc;GACjB,MAAM,OAAO,cAAc;AAE3B,OAAI,MAAM;AACR,QAAI,CAAC,CAAC,WAAW;KACf,MAAM,mBAAmB,KAAK,SAAS,MACpC,UAAU,OAAO,YAAY,gBAAgB,UAC/C;AACD,qBAAgB,oBAAoB,KAAK,SAAS,MAAM,KAAK;WACxD;KACL,MAAM,0BAA0B,MAAM,UAAU,MAC7C,SAAS,KAAK,aAChB;AACD,qBAAgB,2BAA2B,KAAK;;AAElD,QAAI,gBACF,uBAAsB,MAAM;;;IAIjC;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,iBAAgB;AACd,gCAA8B,MAAM;IACnC,CAAC,8BAA8B,CAAC;AAyBnC,QACE,oCAAC,eAAY,SAAS,gBACpB,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC;EACC,OAAO;EACP,iBAAiB;EACjB,WAAW;EACX,eAAe;EACf,qBAAqB;EACrB,mCAAmC;EACnC,gBAAgB;IAEhB,oCAAC;EAAI,WAAW,QAAQ;EAAa,KAAK;IACvC,eAAe,SAAS,MACtB,CAAC,uBAAuB,mBACzB,cAAc,KAAK,WAAW,UAC5B,oCAAC;EAAI,KAAK,UAAU;EAAI,WAAW,QAAQ;IACzC,oCAAC;EACY;EACX,cAAc;EACd,YAAY;EACZ,WAAW;EACX,gBAAgB,cAAc;EAC9B,sBAAsB,cAAc;EACnB;EACjB,cAAc,kBAAkB;GAChC,CACE,CACN,EACH,uBAAuB,CAAC,kBACvB,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC,cAAW,SAAS,sBAAuB,CACxC,CAEJ,CACS,CACb,EACN,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC;EACe;EACJ;EACV,gBAAgB;EACT;EACC;GACR,CACE,CACF,CACM;;AAIlB,gCAAe"}

package/dist/actions/index.js

@@ -83,7 +83,7 @@ import { ActionSplitScreen } from "../ActionSplitScreen-Cym0gCOb.js";
 import "../usePromotedMethodEntity-B50E6rbB.js";
 import "../PageSubHeaderAction-Cw7gmU2W.js";
 import { PageActionWrapper } from "../PageActionWrapper-KtNGraWi.js";
-import "../utils-BWi9Cg7u.js";
-import "../sidebar-pIeUM7gs.js";
+import "../utils-BaVKyFU8.js";
+import "../sidebar-CGs1WNkU.js";
 
 export { ActionForm, ActionModal, ActionPanelPlacement, ActionSideSheet, ActionSpeedDial, ActionSplitScreen, ActionSummaryCard, ActionSummaryHeader, ActionSummaryListContainer, ActionSummaryListItem, ActionSummaryPopover, ActionWrapper, EntitySideBarContent, PageActionWrapper, useHandleAction };

package/dist/actions/sidebar/index.js

@@ -7,6 +7,6 @@ import "../../useUser-Cn88hlN_.js";
 import "../../StringUtilities-DyjYA5pU.js";
 import "../../useAxiosGet-VY6m2qeW.js";
 import { EntitySideBarContent } from "../../EntitySideBarContent-BTVqCtxr.js";
-import "../../sidebar-pIeUM7gs.js";
+import "../../sidebar-CGs1WNkU.js";
 
 export { EntitySideBarContent };

package/dist/actions/utils/index.js

@@ -8,6 +8,6 @@ import "../../useAxiosMutate-BNEb4J04.js";
 import "../../unitySystemEnums-BIMR5AWe.js";
 import { useHandleAction } from "../../actionUtils-CLNnPiTs.js";
 import "../../inquiryStore-COAx0QBg.js";
-import "../../utils-BWi9Cg7u.js";
+import "../../utils-BaVKyFU8.js";
 
 export { useHandleAction };

package/dist/{cards-CJmTMf2_.js → cards-CD1BE7Mh.js}

@@ -73,4 +73,4 @@ ContentDisplayCard.propTypes = {
 
 //#endregion
 export { ContentDisplayCard };
-//# sourceMappingURL=cards-CJmTMf2_.js.map
+//# sourceMappingURL=cards-CD1BE7Mh.js.map

package/dist/{cards-CJmTMf2_.js.map → cards-CD1BE7Mh.js.map}

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

package/dist/{charts-Dm_iW2_N.js → charts-PdiOkLDF.js}

@@ -52,4 +52,4 @@ const UdpCharts = {
 
 //#endregion
 export { UdpBarChart$1 as UdpBarChart, UdpCharts, UdpDistributionChart$1 as UdpDistributionChart, UdpDonutChart$1 as UdpDonutChart, UdpLineChart$1 as UdpLineChart, UdpSankeyChart$1 as UdpSankeyChart, UdpXYMultiSeriesChart };
-//# sourceMappingURL=charts-Dm_iW2_N.js.map
+//# sourceMappingURL=charts-PdiOkLDF.js.map

package/dist/{charts-Dm_iW2_N.js.map → charts-PdiOkLDF.js.map}

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

package/dist/componentSystems/multiThreadTimeline/functions/index.js

@@ -1,4 +1,4 @@
 import { formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY } from "../../../mttFunctions-BFUthekm.js";
-import "../../../functions-DxOG2OTQ.js";
+import "../../../functions-B886DHHN.js";
 
 export { formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY };

package/dist/componentSystems/multiThreadTimeline/index.js

@@ -25,10 +25,10 @@ import { DynamicRangeSlider, MultiDot, TimelineDot, TimelineHoverCard, TimelineN
 import { HeightAdjuster, MttMainTimeline, MttTimeline } from "../../MttMainTimeline-au5xi1SZ.js";
 import { MttSummary, createTimeline } from "../../MttSummary-DHB1AW_0.js";
 import { CircleButton, DateWrapper, SummaryToken, TimelineToggleButton, TimelineTopRowFilter, useStyles } from "../../CircleButton-BFASpo5t.js";
-import "../../functions-DxOG2OTQ.js";
-import "../../mttSummary-DbADB7pv.js";
-import "../../modified-DKPoXWSV.js";
-import "../../ui-B7XVO_hX.js";
-import "../../mttMainTimeline-DmKTPyfl.js";
+import "../../functions-B886DHHN.js";
+import "../../mttSummary-BMkmdNju.js";
+import "../../modified-Cf42z6i8.js";
+import "../../ui-5ngIc6S4.js";
+import "../../mttMainTimeline-D7IXpP1x.js";
 
 export { CircleButton, DateWrapper, DynamicRangeSlider, HeightAdjuster, MttMainTimeline, MttSummary, MttTimeline, MttYearTag, MultiDot, SummaryToken, TimelineDateBar, TimelineDot, TimelineHoverCard, TimelineNode, TimelinePreloaderNode, TimelineStatus, TimelineToggleButton, TimelineToken, TimelineTokenSummary, TimelineTopRowFilter, TimelineWrapper, VisualizationDot, createTimeline, formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY, useStyles };

package/dist/componentSystems/multiThreadTimeline/mttMainTimeline/index.js

@@ -23,6 +23,6 @@ import "../../../Ellipse-q1-sPjh3.js";
 import "../../../TimelineToken-H8lALbXg.js";
 import "../../../DynamicRangeSlider-D8UVBHSs.js";
 import { HeightAdjuster, MttMainTimeline, MttTimeline } from "../../../MttMainTimeline-au5xi1SZ.js";
-import "../../../mttMainTimeline-DmKTPyfl.js";
+import "../../../mttMainTimeline-D7IXpP1x.js";
 
 export { HeightAdjuster, MttMainTimeline, MttTimeline };

package/dist/componentSystems/multiThreadTimeline/mttSummary/index.js

@@ -19,6 +19,6 @@ import "../../../IconRenderer-8w6JVRET.js";
 import "../../../MttYearTag-Cb_oIUNq.js";
 import { MttSummary } from "../../../MttSummary-DHB1AW_0.js";
 import "../../../CircleButton-BFASpo5t.js";
-import "../../../mttSummary-DbADB7pv.js";
+import "../../../mttSummary-BMkmdNju.js";
 
 export { MttSummary };

package/dist/componentSystems/multiThreadTimeline/ui/index.js

@@ -17,7 +17,7 @@ import "../../../Ellipse-q1-sPjh3.js";
 import { TimelineToken } from "../../../TimelineToken-H8lALbXg.js";
 import { DynamicRangeSlider, MultiDot, TimelineDot, TimelineHoverCard, TimelineNode, TimelinePreloaderNode, TimelineTokenSummary, TimelineWrapper, VisualizationDot } from "../../../DynamicRangeSlider-D8UVBHSs.js";
 import { CircleButton, DateWrapper, SummaryToken, TimelineToggleButton, TimelineTopRowFilter, useStyles } from "../../../CircleButton-BFASpo5t.js";
-import "../../../modified-DKPoXWSV.js";
-import "../../../ui-B7XVO_hX.js";
+import "../../../modified-Cf42z6i8.js";
+import "../../../ui-5ngIc6S4.js";
 
 export { CircleButton, DateWrapper, DynamicRangeSlider, MttYearTag, MultiDot, SummaryToken, TimelineDateBar, TimelineDot, TimelineHoverCard, TimelineNode, TimelinePreloaderNode, TimelineStatus, TimelineToggleButton, TimelineToken, TimelineTokenSummary, TimelineTopRowFilter, TimelineWrapper, VisualizationDot, useStyles };

package/dist/componentSystems/multiThreadTimeline/ui/modified/index.js

@@ -1,5 +1,5 @@
 import "../../../../Ellipse-q1-sPjh3.js";
 import { TimelineToken } from "../../../../TimelineToken-H8lALbXg.js";
-import "../../../../modified-DKPoXWSV.js";
+import "../../../../modified-Cf42z6i8.js";
 
 export { TimelineToken };

package/dist/componentSystems/pageRenderer/hocs/index.js

@@ -63,6 +63,6 @@ import "../../../TableColumnDefs-nlfu2DdT.js";
 import "../../../BioCard-DWXySB2s.js";
 import "../../../AddressListItem-ab1iGRhK.js";
 import { withEngineComponent } from "../../../withEngineComponent-5X9IoTXz.js";
-import "../../../hocs-DBWxBvoU.js";
+import "../../../hocs-CLAAIJfF.js";
 
 export { withEngineComponent };

package/dist/componentSystems/pageRenderer/hooks/index.js

@@ -1,4 +1,4 @@
 import { useReadMetaData } from "../../../useReadMetaData-CxjwewcJ.js";
-import "../../../hooks-CwtIArSw.js";
+import "../../../hooks-d0fHOxwg.js";
 
 export { useReadMetaData };

package/dist/componentSystems/pageRenderer/index.js

@@ -64,9 +64,9 @@ import "../../BioCard-DWXySB2s.js";
 import "../../AddressListItem-ab1iGRhK.js";
 import { withEngineComponent } from "../../withEngineComponent-5X9IoTXz.js";
 import { PageRenderer } from "../../PageRenderer-B9aSUiue.js";
-import "../../wrappers-YZRMr_jq.js";
-import "../../utils-Dp2c8faV.js";
-import "../../hocs-DBWxBvoU.js";
-import "../../hooks-CwtIArSw.js";
+import "../../wrappers-Bvf3DVNC.js";
+import "../../utils-BWi9Cg7u.js";
+import "../../hocs-CLAAIJfF.js";
+import "../../hooks-d0fHOxwg.js";
 
 export { AgGridSimpleWrapper, BarChartWrapper, BioCardWrapper, DisplayCardWrapper, DonutWrapper, HistogramWrapper, LineGraphWrapper, PageRenderer, PrimaryActionHeaderWrapper, TableColumnDefs, barChartWrapperProps, data, defaultColActionsDef, useReadMetaData, withEngineComponent };

package/dist/componentSystems/pageRenderer/utils/index.js

@@ -1,4 +1,4 @@
 import { TableColumnDefs, defaultColActionsDef } from "../../../TableColumnDefs-nlfu2DdT.js";
-import "../../../utils-Dp2c8faV.js";
+import "../../../utils-BWi9Cg7u.js";
 
 export { TableColumnDefs, defaultColActionsDef };

package/dist/componentSystems/pageRenderer/wrappers/index.js

@@ -62,6 +62,6 @@ import "../../../SearchOperator-BLSwbmXG.js";
 import "../../../TableColumnDefs-nlfu2DdT.js";
 import "../../../BioCard-DWXySB2s.js";
 import "../../../AddressListItem-ab1iGRhK.js";
-import "../../../wrappers-YZRMr_jq.js";
+import "../../../wrappers-Bvf3DVNC.js";
 
 export { AgGridSimpleWrapper, BarChartWrapper, BioCardWrapper, DisplayCardWrapper, DonutWrapper, HistogramWrapper, LineGraphWrapper, PrimaryActionHeaderWrapper, barChartWrapperProps, data };

package/dist/dataBrowser/forms/index.js

@@ -12,6 +12,6 @@ import "../../FluentIcon-CB-ANF6C.js";
 import "../../FluentIconButton-le92OnEc.js";
 import "../../useAxiosGet-VY6m2qeW.js";
 import { ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm } from "../../RequiredFieldsMappingForm-GQH7b1rM.js";
-import "../../forms-BbMWRT_y.js";
+import "../../forms-DBN5u9vQ.js";
 
 export { ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm };

package/dist/dataBrowser/index.js

@@ -85,6 +85,6 @@ import "../tagEnums-BD6xUu3X.js";
 import "../CrudForm-DIlveZRg.js";
 import "../CrudTableSidePanel-1A8qrCCX.js";
 import { DataBrowserColumnDefs, DataBrowserContainer, defaultColActionsDef } from "../DataBrowserContainer-Bd2FU4Y4.js";
-import "../forms-BbMWRT_y.js";
+import "../forms-DBN5u9vQ.js";
 
 export { DataBrowserColumnDefs, DataBrowserContainer, ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm, defaultColActionsDef };

package/dist/{defaultTabs-CAv4G0LR.js → defaultTabs-C07t9FPZ.js}

@@ -40,4 +40,4 @@ FluentTabPanels.propTypes = {
 
 //#endregion
 export { FluentTabPanels, StyledTab, a11yProps };
-//# sourceMappingURL=defaultTabs-CAv4G0LR.js.map
+//# sourceMappingURL=defaultTabs-C07t9FPZ.js.map

package/dist/{defaultTabs-CAv4G0LR.js.map → defaultTabs-C07t9FPZ.js.map}

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

package/dist/hooks/index.js

@@ -46,8 +46,8 @@ import "../searchEnums-BFWywTGh.js";
 import { useSearchFilterParamsMap } from "../useSearchFilterParamsMap-C2uVXRCY.js";
 import { useSplitDecimal } from "../useSplitDecimal-DWG5FyYU.js";
 import { useWorkflowStore } from "../workflowStore-PaHzw4YO.js";
-import { useUpdateSearchParams } from "../useUpdateSearchParams-fEinMP0r.js";
-import { useVirtualActions } from "../virtualActions-B5rStgo5.js";
+import { useUpdateSearchParams } from "../useUpdateSearchParams-CKTTs6Zx.js";
+import { useVirtualActions } from "../virtualActions-B-cs7Mxr.js";
 import { useCallback } from "react";
 
 //#region src/hooks/useWorkflow.js

package/dist/index.js

@@ -138,7 +138,7 @@ import "./QueryResult-BXX3-4Zh.js";
 import { useQueryExecutors } from "./useQueryExecutors-qe-LOeaq.js";
 import "./searchEnums-BFWywTGh.js";
 import { useSearchFilterParamsMap } from "./useSearchFilterParamsMap-C2uVXRCY.js";
-import { AlertFlag, AmbientListItem, AmbientSplitStatCard, AmbientSummaryListHeader, ExecuteApiDialog, FilterSearch, FlagBlock, Inquiry, InquiryContainer, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, ItemDescription, NodeColumnHeader, NodeDetails, NodeList } from "./Inquiry-Bi4iSUSQ.js";
+import { AlertFlag, AmbientListItem, AmbientSplitStatCard, AmbientSummaryListHeader, ExecuteApiDialog, FilterSearch, FlagBlock, Inquiry, InquiryContainer, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, ItemDescription, NodeColumnHeader, NodeDetails, NodeList } from "./Inquiry-DJ-yrELW.js";
 import "./useSplitDecimal-DWG5FyYU.js";
 import { SummaryBlock } from "./SummaryBlock-BUKWxmJe.js";
 import { AutoCompletePropertyWidget_exports, BooleanPropertyWidget_exports, DatePropertyWidget_exports, DateTimePropertyWidget_exports, FloatPropertyWidget_exports, IntegerPropertyWidget_exports, MultilineTextPropertyWidget_exports, NumericPropertyWidget_exports, SelectPropertyWidget_exports, TextPropertyWidget_exports, TimePropertyWidget_exports } from "./widgets-C-lZrGAQ.js";
@@ -185,18 +185,18 @@ import "./FluentInputSlider-brB0q5Ek.js";
 import { MapFilterBar, MapSheet, TileDisplay } from "./TileDisplay-Bg0ZJFDh.js";
 import "./MapContext-D6Th9h9w.js";
 import "./Map-CM3OkjUS.js";
-import "./Layers-CQUYxZqM.js";
+import "./TileLayer-Bk6rITEu.js";
 import "./Source-BUBwrbaZ.js";
 import "./Controls-Dns0KUBq.js";
 import "./MapControlsStandard-twyqBTRG.js";
-import { GeoMap } from "./GeoMap-jDYoW-Jl.js";
+import { GeoMap } from "./GeoMap-CVGJXRRA.js";
 import { FluentImageMap, FluentMap } from "./FluentMap-Ba3tDjti.js";
 import "./MapContent-JgIyNm5C.js";
 import { PageContent, PageHeader, PageSectionHeader, PageSectionSpacer } from "./PageSectionSpacer-D_yz3sra.js";
 import { useIsUnityAuthenticated } from "./useIsUnityAuthenticated-n3QuDnIj.js";
 import { PowerBIReport } from "./PowerBIReport-Bt0Fjlyw.js";
 import { PageStatus } from "./PageStatus-CjupI8az.js";
-import { PrivateRoute, UdpRoutes } from "./UdpRoutes-DIwOzZx9.js";
+import { PrivateRoute, UdpRoutes } from "./UdpRoutes-BVVsyngj.js";
 import { PageLoading } from "./PageLoading-DCoyVjWf.js";
 import { AmbientProjectSwitcher, FluentProfileMenuCard, ShellDropdown } from "./FluentProfileMenuCard-FKdOEzYd.js";
 import "./redirectToLink-B4Y9oH1K.js";
@@ -222,13 +222,13 @@ import "./useGravatar-CbLAVn5R.js";
 import { clearStoredPath, getStoredPath, storeCurrentPath, storeInitialPath, storePath } from "./LocalRedirectUrlStorage-BQHr5JcA.js";
 import { clearStoredExternalPath, getStoredExternalPath, storeExternalPath } from "./ExternalRedirectUrlStorage-DWzDQVSk.js";
 import { useLocalUserActions, useUserActions } from "./users-B6uc96Ts.js";
-import "./CrudBrowserContainer-CB1Hh8X1.js";
+import "./CrudBrowserContainer-Dpgwjt7c.js";
 import { SearchMethodUdpGrid } from "./SearchMethodUdpGrid-Ua0Kj84J.js";
 import "./tagEnums-BD6xUu3X.js";
 import { CrudForm, UdpCrudFormFields } from "./CrudForm-DIlveZRg.js";
 import "./CrudTableSidePanel-1A8qrCCX.js";
-import { UdpMaintenanceEnginePage } from "./UdpMaintenanceEnginePage-B1ddVZJE.js";
-import { DonutChartWidget_exports, FluentPrimaryStatNumber_default, FluentSecondaryStatNumber_default, FluentStatNumber_default, FluentStatsSnippet_default, ProgressBarWidget_exports, RecentlyLoadedNodesWidget_exports, RemindersWidget_exports, SparklineWidget_exports, UdpPages, convertISODate } from "./udpPages-CA0_C-3F.js";
+import { UdpMaintenanceEnginePage } from "./UdpMaintenanceEnginePage-o40sezly.js";
+import { DonutChartWidget_exports, FluentPrimaryStatNumber_default, FluentSecondaryStatNumber_default, FluentStatNumber_default, FluentStatsSnippet_default, ProgressBarWidget_exports, RecentlyLoadedNodesWidget_exports, RemindersWidget_exports, SparklineWidget_exports, UdpPages, convertISODate } from "./udpPages-WbvmyuOa.js";
 import { FluentCheckbox } from "./FluentCheckbox-DdPx94AF.js";
 import "./FluentIconKey-DdoCGnzt.js";
 import "./IconLibrary-DIc1kbJA.js";
@@ -296,37 +296,41 @@ import { UdpStepper } from "./udp-stepper-gArKLLan.js";
 import { ExportSidesheet, useUdpExport } from "./useUdpExport-Bg3Dwia8.js";
 import { SapFlexibleTemplate, ToggleSection, UdpCalendar, UdpCalendarDayView, UdpCalendarMonthView, UdpCalendarWeekView, UdpCalendarYearView, UdpGridTemplate } from "./ToggleSection-CBBfnC11.js";
 import { ClientSideUdpGrid } from "./ClientSideUdpGrid-CDxftJTA.js";
-import { ApiMethodInstanceUdpGrid, BackwardsCompatibleGrid, EntityMaintenanceUdpGrid, ServerSideUdpGrid } from "./BackwardsCompatibleGrid-t5GOdnlI.js";
+import { ApiMethodInstanceUdpGrid, BackwardsCompatibleGrid, EntityMaintenanceUdpGrid, ServerSideUdpGrid } from "./BackwardsCompatibleGrid-C2zZwKox.js";
 import { UdpAdvancedSearchBuilder } from "./UdpAdvancedSearchBuilder-B625wOxk.js";
 import { TimeLine, UdpTimeline, UdpTimelineConnector, UdpTimelineContent, UdpTimelineDot, UdpTimelineItem, UdpTimelineSeparator } from "./UdpTimelineItemSeparator-CLmX2L55.js";
 import { PAHAdditionalTitleComponent, UtilityTabHeader } from "./PAHAdditionalTitleComponent-CAGVbIPY.js";
 import { ItemsWidgetCard } from "./ItemsWidgetCard-Btb88zwI.js";
 import { useServerSideDatasource } from "./aggridHelpers-Dx7rjw7K.js";
-import { AuthProvider, AuthProviderWrapper, createUser, useAccessToken, useSingleLogout } from "./useSingleLogout-DRSY_UK_.js";
+import { AuthProvider, AuthProviderWrapper, createUser, useAccessToken, useSingleLogout } from "./useSingleLogout-DeHKk6v6.js";
 import "./TenantProvider-BLBngk91.js";
-import { PasswordResetRedirect } from "./PasswordResetRedirect-BvC0vH06.js";
+import { PasswordResetRedirect } from "./PasswordResetRedirect-avgVRKhM.js";
 import { useNoticeUpdate, useScreenControl } from "./gridVisualizationFunctions-CgoYp935.js";
 import { FormControlLabel } from "./FormControlLabel-CwjEQrj8.js";
 import { InputAdornment } from "./InputAdornment-B1C26m73.js";
-import { ThemeProvider, stringToProps, useSystemColor } from "./theme-HNYKI2UT.js";
+import { ThemeProvider, stringToProps, useSystemColor } from "./theme-DtUeftmy.js";
 import { ContentContainer } from "./ContentContainer-WjoACMnE.js";
 import { FileUpload } from "./FileUpload-NSFNV7f_.js";
 import { AmbientDateRangeSelector, AmbientSingleDateSelector } from "./AmbientSingleDateSelector-DCmSnon2.js";
 import { FluentTimeline } from "./FluentTimeline-ChthjfxZ.js";
 import { UdpTabPanel, UdpTabUtility } from "./UdpTabUtility-BFY5dGuO.js";
 import { FluentRadio, FluentRadioGroup } from "./FluentRadioGroup-BCKaV-qV.js";
-import { FluentDataTable } from "./FluentDataTable-BhA49RJS.js";
-import { FileViewer, PDFViewer } from "./FileViewer-Cp8UpoMF.js";
-import { PageNotFoundRoute } from "./PageNotFoundRoute-BSlmqegI.js";
-import { UdpBarChart, UdpCharts, UdpDistributionChart as UdpDistributionChart$1, UdpDonutChart, UdpLineChart, UdpSankeyChart as UdpSankeyChart$1, UdpXYMultiSeriesChart } from "./charts-Dm_iW2_N.js";
-import "./useUpdateSearchParams-fEinMP0r.js";
-import { WorkflowContainer } from "./WorkflowContainer-Dmp3rpCg.js";
-import "./CatalogUtilities-j8ACiDe3.js";
-import { FieldArrayCard, FieldType } from "./FieldArrayCard-D5AzG_US.js";
-import { ApprovalIcon, RejectIcon } from "./RejectIcon-BoBX4G_D.js";
-import { UdpMap } from "./UdpMap-lSMNXUoe.js";
-import { MyExportsPage, StatusCellRenderer } from "./MyExportsPage-CBqIhu4I.js";
-import { InputsExample } from "./InputsExample-C11hu5Fw.js";
+import "./FluentBody-PdsySA1c.js";
+import "./FluentCell-DZ5pFjdC.js";
+import "./FluentHead-BTV-o45z.js";
+import "./FluentRow-CVqnk9pB.js";
+import { FluentDataTable } from "./FluentDataTable-C7Ng6Eh3.js";
+import { FileViewer, PDFViewer } from "./FileViewer-C1eQoTDj.js";
+import { PageNotFoundRoute } from "./PageNotFoundRoute-BGj6tqmn.js";
+import { UdpBarChart, UdpCharts, UdpDistributionChart as UdpDistributionChart$1, UdpDonutChart, UdpLineChart, UdpSankeyChart as UdpSankeyChart$1, UdpXYMultiSeriesChart } from "./charts-PdiOkLDF.js";
+import "./useUpdateSearchParams-CKTTs6Zx.js";
+import { WorkflowContainer } from "./WorkflowContainer-DasTFSlY.js";
+import "./CatalogUtilities-BvkdL-P6.js";
+import { FieldArrayCard, FieldType } from "./FieldArrayCard-ColjIX9t.js";
+import { ApprovalIcon, RejectIcon } from "./RejectIcon-D8AWbOZq.js";
+import { UdpMap } from "./UdpMap-5NE3rUIS.js";
+import { MyExportsPage, StatusCellRenderer } from "./MyExportsPage-Cq2MRoRf.js";
+import { InputsExample } from "./InputsExample-BPDEWFXK.js";
 import * as React$1 from "react";
 import React, { Fragment, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Avatar, Badge, Box as Box$1, Card, CardContent, Chip, Divider as Divider$1, FormControl as FormControl$1, FormControlLabel as FormControlLabel$1, FormGroup, Grid as Grid$1, Grow, IconButton, InputAdornment as InputAdornment$1, InputLabel, LinearProgress as LinearProgress$1, ListItemIcon, Menu, MenuItem, Select, Tab, Tabs, Tooltip, Typography as Typography$1, colors as colors$1, darken, lighten, makeStyles, styled, useTheme } from "@material-ui/core";