@pega/react-sdk-components 24.2.11 → 25.1.10

package/lib/components/infra/Stages/Stages.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stages.js","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Breadcrumbs, Card, Typography } from '@mui/material';\nimport DoubleArrowIcon from '@mui/icons-material/DoubleArrow';\nimport DoneIcon from '@mui/icons-material/Done';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface StagesProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  stages: any[];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  completedStage: {\n    color: theme.palette.text.primary\n  },\n  currentStage: {\n    color: theme.palette.info.dark,\n    fontWeight: 600\n  },\n  futureStage: {\n    color: theme.palette.text.secondary\n  },\n  separatorIcon: {\n    color: theme.palette.text.disabled\n  }\n}));\n\n/**\n * API to filter out the alternate stages which are not in active and return all other stages\n * @param {Array} stages - Stages of a case type\n *\n * @returns {Array} - Returns stages which are non alternate stages and alternate stage which is active.\n */\nfunction getFilteredStages(stages) {\n  if (!Array.isArray(stages)) {\n    return [];\n  }\n\n  return stages.filter(stage => stage.type !== 'Alternate' || (stage.type === 'Alternate' && stage.visited_status === 'active'));\n}\n\n/* TODO - this component should be refactored and not exposed as top level DX Component -\n  the stages should be created as part of the CaseView */\nexport default function Stages(props: StagesProps) {\n  const classes = useStyles();\n\n  const { getPConnect, stages } = props;\n  const pConn = getPConnect();\n  const key = `${pConn.getCaseInfo().getClassName()}!CASE!${pConn.getCaseInfo().getName()}`.toUpperCase();\n\n  const filteredStages = getFilteredStages(stages);\n  const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID, ''); // 2nd arg empty string until typedef allows optional\n  const stagesObj = filteredStages.map((stage, index, arr) => {\n    const theID = stage.ID || stage.id;\n    return {\n      name: PCore.getLocaleUtils().getLocaleValue(stage.name, undefined, key),\n      id: theID,\n      complete: stage.visited_status === 'completed',\n      current: theID === currentStageID,\n      last: index === arr.length - 1\n    };\n  });\n\n  // debugging/investigation help\n  // console.log(`Stages: current: ${currentStageID} stagesObj: ${JSON.stringify(stagesObj)}`);\n\n  function getStage(stage, index) {\n    //  Removing nested ternary for lint\n    // const theClass = stage.current ? classes.currentStage : (stage.complete ? classes.completedStage : classes.futureStage);\n    let theClass;\n    if (stage.current) {\n      theClass = classes.currentStage;\n    } else if (stage.complete) {\n      theClass = classes.completedStage;\n    } else {\n      theClass = classes.futureStage;\n    }\n\n    return (\n      <span key={index}>\n        {stage.complete ? <DoneIcon color='disabled' fontSize='small' /> : null}\n        <Typography variant='h5' component='span' display='inline' className={theClass}>\n          {stage.name}\n        </Typography>\n      </span>\n    );\n  }\n\n  function getStages(inStages) {\n    return (\n      <Breadcrumbs aria-label='stages' separator={<DoubleArrowIcon className={classes.separatorIcon} />}>\n        {inStages.map((stage, index) => {\n          return getStage(stage, index);\n        })}\n      </Breadcrumbs>\n    );\n  }\n\n  return (\n    <Card id='Stages' className={classes.root}>\n      {/* Stages<br />\n      currentStageID: {currentStageID}<br />\n      {JSON.stringify(stagesObj)}<br /><br /> */}\n      {getStages(stagesObj)}\n    </Card>\n  );\n}\n"]}
+{"version":3,"file":"Stages.js","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Breadcrumbs, Card, Typography } from '@mui/material';\nimport DoubleArrowIcon from '@mui/icons-material/DoubleArrow';\nimport DoneIcon from '@mui/icons-material/Done';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface StagesProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  stages: any[];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  completedStage: {\n    color: theme.palette.text.primary\n  },\n  currentStage: {\n    color: theme.palette.info.dark,\n    fontWeight: 600\n  },\n  futureStage: {\n    color: theme.palette.text.secondary\n  },\n  separatorIcon: {\n    color: theme.palette.text.disabled\n  }\n}));\n\n/**\n * API to filter out the alternate stages which are not in active and return all other stages\n * @param {Array} stages - Stages of a case type\n *\n * @returns {Array} - Returns stages which are non alternate stages and alternate stage which is active.\n */\nfunction getFilteredStages(stages) {\n  if (!Array.isArray(stages)) {\n    return [];\n  }\n\n  return stages.filter(stage => stage.type !== 'Alternate' || (stage.type === 'Alternate' && stage.visited_status === 'active'));\n}\n\n/* TODO - this component should be refactored and not exposed as top level DX Component -\n  the stages should be created as part of the CaseView */\nexport default function Stages(props: StagesProps) {\n  const classes = useStyles();\n\n  const { getPConnect, stages } = props;\n  const pConn = getPConnect();\n  const localizationService = pConn.getLocalizationService();\n  const filteredStages = getFilteredStages(stages);\n  const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID, ''); // 2nd arg empty string until typedef allows optional\n  const stagesObj = filteredStages.map((stage, index, arr) => {\n    const theID = stage.ID || stage.id;\n    return {\n      name: localizationService.getLocalizedText(stage.name),\n      id: theID,\n      complete: stage.visited_status === 'completed',\n      current: theID === currentStageID,\n      last: index === arr.length - 1\n    };\n  });\n\n  // debugging/investigation help\n  // console.log(`Stages: current: ${currentStageID} stagesObj: ${JSON.stringify(stagesObj)}`);\n\n  function getStage(stage, index) {\n    //  Removing nested ternary for lint\n    // const theClass = stage.current ? classes.currentStage : (stage.complete ? classes.completedStage : classes.futureStage);\n    let theClass;\n    if (stage.current) {\n      theClass = classes.currentStage;\n    } else if (stage.complete) {\n      theClass = classes.completedStage;\n    } else {\n      theClass = classes.futureStage;\n    }\n\n    return (\n      <span key={index}>\n        {stage.complete ? <DoneIcon color='disabled' fontSize='small' /> : null}\n        <Typography variant='h5' component='span' display='inline' className={theClass}>\n          {stage.name}\n        </Typography>\n      </span>\n    );\n  }\n\n  function getStages(inStages) {\n    return (\n      <Breadcrumbs aria-label='stages' separator={<DoubleArrowIcon className={classes.separatorIcon} />}>\n        {inStages.map((stage, index) => {\n          return getStage(stage, index);\n        })}\n      </Breadcrumbs>\n    );\n  }\n\n  return (\n    <Card id='Stages' className={classes.root}>\n      {/* Stages<br />\n      currentStageID: {currentStageID}<br />\n      {JSON.stringify(stagesObj)}<br /><br /> */}\n      {getStages(stagesObj)}\n    </Card>\n  );\n}\n"]}

package/lib/components/infra/VerticalTabs/VerticalTabs/VerticalTabs.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import makeStyles from '@mui/styles/makeStyles';
 import Tabs from '@mui/material/Tabs';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';

package/lib/components/infra/VerticalTabs/VerticalTabs/VerticalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.js","sourceRoot":"","sources":["../../../../../src/components/infra/VerticalTabs/VerticalTabs/VerticalTabs.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAQnF,+FAA+F;AAC/F,2FAA2F;AAC3F,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,cAAc,EAAE;YACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;YACxC,KAAK,EAAE,KAAK;SACb;KACF;CACF,CAAC,CAAC,CAAC;AAEJ,8CAA8C;AAC9C,4FAA4F;AAC5F,MAAM,iBAAiB,GAAG,CAAC,SAAiB,EAAE,cAAyC,EAAsB,EAAE;IAC7G,IAAI,MAAM,EAAE;QACV,OAAO,IAAI,WAAW,CAAC,SAAS,EAAE;YAChC,MAAM,EAAE,EAAE,cAAc,EAAE;SAC3B,CAAC,CAAC;KACJ;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,8EAA8E;IAC9E,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;IAE1E,sFAAsF;IACtF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,EAAE,WAAW,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;QACpD,MAAM,OAAO,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;QAEjE,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,CAAC,KAA4B,EAAE,QAAgB,EAAE,EAAE;QACtE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAC,cAAc,YAEpB,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,WAAW,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,YACvF,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACpB,eAAC,oBAAoB,OAAK,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,GAAI,CACpE,CAAC,GACG,GACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Tabs from '@mui/material/Tabs';\n\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n// VerticalTabs does NOT have getPConnect. So, no need to extend from PConnProps\ninterface VerticalTabsProps {\n  // If any, enter additional props that only exist on this component\n  tabconfig: any[];\n}\n\n// The MuiTabs-indicator class is in a span whose parent is div (under the Tabs root component)\n//  So, we're going to make the selected vertical tab indicator use a color from our theme.\nconst useStyles = makeStyles(theme => ({\n  tabs: {\n    '& div > span': {\n      backgroundColor: theme.palette.info.dark,\n      width: '3px'\n    }\n  }\n}));\n\n// Implementation of custom event inspired by:\n//  https://betterprogramming.pub/master-your-react-skills-with-event-listeners-ebc01dde4fad\nconst createCustomEvent = (eventName: string, additionalData: { [key: string]: string }): CustomEvent | null => {\n  if (window) {\n    return new CustomEvent(eventName, {\n      detail: { additionalData }\n    });\n  }\n\n  return null;\n};\n\nexport default function VerticalTabs(props: VerticalTabsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const LeftAlignVerticalTab = getComponentFromMap('LeftAlignVerticalTabs');\n\n  // Get a React warning when we use tabConfig as mixed case. So all lowercase tabconfig\n  const { tabconfig = [] } = props;\n  const classes = useStyles();\n  const [value, setValue] = useState(0);\n\n  useEffect(() => {\n    const eventData = { itemClicked: value.toString() };\n    const myEvent = createCustomEvent('VerticalTabClick', eventData);\n\n    if (myEvent !== null) {\n      document.dispatchEvent(myEvent);\n    }\n  }, [value]);\n\n  const handleChange = (event: React.ChangeEvent<{}>, newValue: number) => {\n    setValue(newValue);\n  };\n\n  return (\n    <div id='VerticalTabs'>\n      {/* VerticalTabs: {JSON.stringify(tabconfig)} */}\n      <Tabs className={classes.tabs} orientation='vertical' value={value} onChange={handleChange}>\n        {tabconfig.map(tab => (\n          <LeftAlignVerticalTab {...props} label={tab.name} key={tab.name} />\n        ))}\n      </Tabs>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"VerticalTabs.js","sourceRoot":"","sources":["../../../../../src/components/infra/VerticalTabs/VerticalTabs/VerticalTabs.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAQnF,+FAA+F;AAC/F,2FAA2F;AAC3F,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,cAAc,EAAE;YACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;YACxC,KAAK,EAAE,KAAK;SACb;KACF;CACF,CAAC,CAAC,CAAC;AAEJ,8CAA8C;AAC9C,4FAA4F;AAC5F,MAAM,iBAAiB,GAAG,CAAC,SAAiB,EAAE,cAAyC,EAAsB,EAAE;IAC7G,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,IAAI,WAAW,CAAC,SAAS,EAAE;YAChC,MAAM,EAAE,EAAE,cAAc,EAAE;SAC3B,CAAC,CAAC;IACL,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,8EAA8E;IAC9E,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;IAE1E,sFAAsF;IACtF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,EAAE,WAAW,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;QACpD,MAAM,OAAO,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;QAEjE,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,CAAC,KAA4B,EAAE,QAAgB,EAAE,EAAE;QACtE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAC,cAAc,YAEpB,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,WAAW,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,YACvF,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACpB,eAAC,oBAAoB,OAAK,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,GAAI,CACpE,CAAC,GACG,GACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Tabs from '@mui/material/Tabs';\n\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\n// VerticalTabs does NOT have getPConnect. So, no need to extend from PConnProps\ninterface VerticalTabsProps {\n  // If any, enter additional props that only exist on this component\n  tabconfig: any[];\n}\n\n// The MuiTabs-indicator class is in a span whose parent is div (under the Tabs root component)\n//  So, we're going to make the selected vertical tab indicator use a color from our theme.\nconst useStyles = makeStyles(theme => ({\n  tabs: {\n    '& div > span': {\n      backgroundColor: theme.palette.info.dark,\n      width: '3px'\n    }\n  }\n}));\n\n// Implementation of custom event inspired by:\n//  https://betterprogramming.pub/master-your-react-skills-with-event-listeners-ebc01dde4fad\nconst createCustomEvent = (eventName: string, additionalData: { [key: string]: string }): CustomEvent | null => {\n  if (window) {\n    return new CustomEvent(eventName, {\n      detail: { additionalData }\n    });\n  }\n\n  return null;\n};\n\nexport default function VerticalTabs(props: VerticalTabsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const LeftAlignVerticalTab = getComponentFromMap('LeftAlignVerticalTabs');\n\n  // Get a React warning when we use tabConfig as mixed case. So all lowercase tabconfig\n  const { tabconfig = [] } = props;\n  const classes = useStyles();\n  const [value, setValue] = useState(0);\n\n  useEffect(() => {\n    const eventData = { itemClicked: value.toString() };\n    const myEvent = createCustomEvent('VerticalTabClick', eventData);\n\n    if (myEvent !== null) {\n      document.dispatchEvent(myEvent);\n    }\n  }, [value]);\n\n  const handleChange = (event: React.ChangeEvent<{}>, newValue: number) => {\n    setValue(newValue);\n  };\n\n  return (\n    <div id='VerticalTabs'>\n      {/* VerticalTabs: {JSON.stringify(tabconfig)} */}\n      <Tabs className={classes.tabs} orientation='vertical' value={value} onChange={handleChange}>\n        {tabconfig.map(tab => (\n          <LeftAlignVerticalTab {...props} label={tab.name} key={tab.name} />\n        ))}\n      </Tabs>\n    </div>\n  );\n}\n"]}

package/lib/components/infra/View/View.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../types/PConnProps';
+import { type PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../types/PConnProps';
 import './View.css';
 interface ViewProps extends PConnProps {
     template?: string;

package/lib/components/infra/View/View.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAIvD,OAAO,YAAY,CAAC;AAEpB,UAAU,SAAU,SAAQ,UAAU;IAEpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAsBD,iBAAwB,IAAI,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,uDAsH/D;kBAtHuB,IAAI;;;eAAJ,IAAI"}
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAI5D,OAAO,YAAY,CAAC;AAEpB,UAAU,SAAU,SAAQ,UAAU;IAEpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAuBD,iBAAwB,IAAI,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,uDAsH/D;kBAtHuB,IAAI;;;eAAJ,IAAI"}

package/lib/components/infra/View/View.js

@@ -20,7 +20,8 @@ const NO_HEADER_TEMPLATES = [
     'WideNarrowDetails',
     'Confirmation',
     'DynamicTabs',
-    'DetailsSubTabs'
+    'DetailsSubTabs',
+    'ListView'
 ];
 export default function View(props) {
     const { children, template, getPConnect, mode, visibility, name: pageName, type, title } = props;

package/lib/components/infra/View/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PropsWithChildren, useEffect } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { getAllFields } from '../../helpers/template-utils';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// Need to import any templates that we might render\n\nimport './View.css';\n\ninterface ViewProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  template?: string;\n  label?: string;\n  showLabel: boolean;\n  mode?: string;\n  title?: string;\n  visibility?: boolean;\n  name?: string;\n  bInForm?: boolean;\n  type?: any;\n}\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst FORMTEMPLATES = ['OneColumn', 'TwoColumn', 'DefaultForm', 'WideNarrow', 'NarrowWide'];\nconst NO_HEADER_TEMPLATES = [\n  'SubTabs',\n  'SimpleTable',\n  'Details',\n  'DetailsTwoColumn',\n  'DetailsThreeColumn',\n  'NarrowWideDetails',\n  'WideNarrowDetails',\n  'Confirmation',\n  'DynamicTabs',\n  'DetailsSubTabs'\n];\n\nexport default function View(props: PropsWithChildren<ViewProps>) {\n  const { children, template, getPConnect, mode, visibility, name: pageName, type, title } = props;\n  let { label = '', showLabel = false } = props;\n  const { PAGE_TYPES: { PAGE, LANDINGPAGE, LISTPAGE } = {}, MODAL } = PCore.getConstants();\n\n  // Get the inherited props from the parent to determine label settings. For 8.6, this is only for embedded data form views\n  // Putting this logic here instead of copy/paste in every Form template index.js\n\n  const inheritedProps: any = getPConnect().getInheritedProps(); // try to remove any when getInheritedProps typedefs are fixed\n  label = inheritedProps.label || label;\n  showLabel = inheritedProps.showLabel || showLabel;\n  const localeUtils = PCore.getLocaleUtils();\n\n  const isEmbeddedDataView = mode === 'editable'; // would be better to check the reference child for `context` attribute if possible\n  if (isEmbeddedDataView && showLabel === undefined) {\n    showLabel = true;\n  }\n\n  useEffect(() => {\n    // Get the localized application label\n    let applicationLabel = PCore.getEnvironmentInfo().getApplicationLabel();\n    applicationLabel = localeUtils.getLocaleValue(`${applicationLabel}`, '', '');\n    const caseInfo = getPConnect().getCaseInfo();\n    const isAssignmentInCreateStage = caseInfo && caseInfo.isAssignmentInCreateStage();\n    const isRenderingInModal = getPConnect().getContainerName().includes(MODAL);\n    const isRenderingInPreviewPanel = getPConnect().getContainerName().includes('preview');\n\n    /* If assignment is in create stage and rendering in modal don't update the title.\n      Title will be updated on completion of create stage and when the assignment is rendered inline to the page.\n    */\n    const canUpdateTitle =\n      !isRenderingInPreviewPanel &&\n      (type === PAGE || type === LANDINGPAGE || type === LISTPAGE) &&\n      !(isRenderingInModal && isAssignmentInCreateStage) &&\n      PCore.getEnvironmentInfo().getRenderingMode() === 'FULL_PORTAL';\n    // Incase of home route title is same as applicationLabel so setting to empty to just show applicationLabel\n    let titleVar = title === applicationLabel ? '' : title;\n\n    if (canUpdateTitle) {\n      if (caseInfo) {\n        const name = caseInfo.getName();\n        const id = caseInfo.getBusinessID();\n        titleVar = name && id ? `${name} (${id})` : titleVar;\n      }\n      document.title = titleVar ? `${titleVar} - ${applicationLabel}` : applicationLabel;\n    }\n  }, [type, title, getPConnect, PAGE, LANDINGPAGE, LISTPAGE]);\n\n  const key = `${getPConnect().getContextName()}_${getPConnect().getPageReference()}_${pageName}`;\n  // As long as the template is defined in the dependencies of the view\n  // it will be loaded, otherwise fall back to single column\n  if (visibility === false) {\n    return '';\n  }\n\n  // As long as the template is defined in the dependencies of the view\n  // it will be loaded, otherwise fall back to single column\n  //  JA - React SDK not using LazyComponentMap yet\n  if (template /* && LazyComponentMap[template] */) {\n    // const ViewTemplate = LazyComponentMap[template];\n    const ViewTemplate: any = getComponentFromMap(template);\n\n    if (template === 'ListView') {\n      // special case for ListView - add in a prop\n      const bInForm = true;\n      props = { ...props, bInForm };\n    }\n\n    // for debugging/investigation\n    // console.log(`View rendering template: ${template}`);\n\n    // spreading because all props should go to the template\n    let RenderedTemplate = (\n      <ViewTemplate key={key} {...props}>\n        {children}\n      </ViewTemplate>\n    );\n\n    if (FORMTEMPLATES.includes(template) && showLabel) {\n      // Original:\n      // RenderedTemplate = (\n      //   <FieldGroup name={label} style={{ marginBlockStart: \"1rem\" }}>\n      //     {RenderedTemplate}\n      //   </FieldGroup>\n      // );\n      RenderedTemplate = (\n        <div\n          data-name='RenderedTemplate'\n          data-template-type={template}\n          /* name */ id='label'\n          style={{ marginBlockStart: '1rem' }}\n          className='grid-column'\n        >\n          {RenderedTemplate}\n        </div>\n      );\n    }\n\n    return (\n      <div className='grid-column'>\n        {showLabel && !NO_HEADER_TEMPLATES.includes(template) && (\n          <div className='template-title-container'>\n            <span>{label}</span>\n          </div>\n        )}\n        {RenderedTemplate}\n      </div>\n    );\n  }\n\n  // debugging/investigation help\n  // console.log(`View about to render React.Fragment for children: ${children}`);\n\n  if (children) {\n    return <>{children}</>;\n  }\n\n  return null;\n}\n\n// Adapted from Constellation DX Component to add in additional props for some templates\nView.additionalProps = (state, getPConnect) => {\n  const thePConn = getPConnect();\n  const { template } = thePConn.getConfigProps();\n\n  let propObj = {};\n  let allFields = {};\n\n  switch (template) {\n    case 'CaseSummary':\n      allFields = getAllFields(thePConn);\n      // eslint-disable-next-line no-case-declarations\n      const unresFields = {\n        primaryFields: allFields[0],\n        secondaryFields: allFields[1]\n      };\n      propObj = thePConn.resolveConfigProps(unresFields);\n      break;\n\n    case 'Details':\n      allFields = getAllFields(thePConn);\n      propObj = { fields: allFields[0] };\n      break;\n\n    default:\n      break;\n  }\n\n  return propObj;\n};\n"]}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type PropsWithChildren, useEffect } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { getAllFields } from '../../helpers/template-utils';\nimport type { PConnProps } from '../../../types/PConnProps';\n\n// Need to import any templates that we might render\n\nimport './View.css';\n\ninterface ViewProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  template?: string;\n  label?: string;\n  showLabel: boolean;\n  mode?: string;\n  title?: string;\n  visibility?: boolean;\n  name?: string;\n  bInForm?: boolean;\n  type?: any;\n}\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst FORMTEMPLATES = ['OneColumn', 'TwoColumn', 'DefaultForm', 'WideNarrow', 'NarrowWide'];\nconst NO_HEADER_TEMPLATES = [\n  'SubTabs',\n  'SimpleTable',\n  'Details',\n  'DetailsTwoColumn',\n  'DetailsThreeColumn',\n  'NarrowWideDetails',\n  'WideNarrowDetails',\n  'Confirmation',\n  'DynamicTabs',\n  'DetailsSubTabs',\n  'ListView'\n];\n\nexport default function View(props: PropsWithChildren<ViewProps>) {\n  const { children, template, getPConnect, mode, visibility, name: pageName, type, title } = props;\n  let { label = '', showLabel = false } = props;\n  const { PAGE_TYPES: { PAGE, LANDINGPAGE, LISTPAGE } = {}, MODAL } = PCore.getConstants();\n\n  // Get the inherited props from the parent to determine label settings. For 8.6, this is only for embedded data form views\n  // Putting this logic here instead of copy/paste in every Form template index.js\n\n  const inheritedProps: any = getPConnect().getInheritedProps(); // try to remove any when getInheritedProps typedefs are fixed\n  label = inheritedProps.label || label;\n  showLabel = inheritedProps.showLabel || showLabel;\n  const localeUtils = PCore.getLocaleUtils();\n\n  const isEmbeddedDataView = mode === 'editable'; // would be better to check the reference child for `context` attribute if possible\n  if (isEmbeddedDataView && showLabel === undefined) {\n    showLabel = true;\n  }\n\n  useEffect(() => {\n    // Get the localized application label\n    let applicationLabel = PCore.getEnvironmentInfo().getApplicationLabel();\n    applicationLabel = localeUtils.getLocaleValue(`${applicationLabel}`, '', '');\n    const caseInfo = getPConnect().getCaseInfo();\n    const isAssignmentInCreateStage = caseInfo && caseInfo.isAssignmentInCreateStage();\n    const isRenderingInModal = getPConnect().getContainerName().includes(MODAL);\n    const isRenderingInPreviewPanel = getPConnect().getContainerName().includes('preview');\n\n    /* If assignment is in create stage and rendering in modal don't update the title.\n      Title will be updated on completion of create stage and when the assignment is rendered inline to the page.\n    */\n    const canUpdateTitle =\n      !isRenderingInPreviewPanel &&\n      (type === PAGE || type === LANDINGPAGE || type === LISTPAGE) &&\n      !(isRenderingInModal && isAssignmentInCreateStage) &&\n      PCore.getEnvironmentInfo().getRenderingMode() === 'FULL_PORTAL';\n    // Incase of home route title is same as applicationLabel so setting to empty to just show applicationLabel\n    let titleVar = title === applicationLabel ? '' : title;\n\n    if (canUpdateTitle) {\n      if (caseInfo) {\n        const name = caseInfo.getName();\n        const id = caseInfo.getBusinessID();\n        titleVar = name && id ? `${name} (${id})` : titleVar;\n      }\n      document.title = titleVar ? `${titleVar} - ${applicationLabel}` : applicationLabel;\n    }\n  }, [type, title, getPConnect, PAGE, LANDINGPAGE, LISTPAGE]);\n\n  const key = `${getPConnect().getContextName()}_${getPConnect().getPageReference()}_${pageName}`;\n  // As long as the template is defined in the dependencies of the view\n  // it will be loaded, otherwise fall back to single column\n  if (visibility === false) {\n    return '';\n  }\n\n  // As long as the template is defined in the dependencies of the view\n  // it will be loaded, otherwise fall back to single column\n  //  JA - React SDK not using LazyComponentMap yet\n  if (template /* && LazyComponentMap[template] */) {\n    // const ViewTemplate = LazyComponentMap[template];\n    const ViewTemplate: any = getComponentFromMap(template);\n\n    if (template === 'ListView') {\n      // special case for ListView - add in a prop\n      const bInForm = true;\n      props = { ...props, bInForm };\n    }\n\n    // for debugging/investigation\n    // console.log(`View rendering template: ${template}`);\n\n    // spreading because all props should go to the template\n    let RenderedTemplate = (\n      <ViewTemplate key={key} {...props}>\n        {children}\n      </ViewTemplate>\n    );\n\n    if (FORMTEMPLATES.includes(template) && showLabel) {\n      // Original:\n      // RenderedTemplate = (\n      //   <FieldGroup name={label} style={{ marginBlockStart: \"1rem\" }}>\n      //     {RenderedTemplate}\n      //   </FieldGroup>\n      // );\n      RenderedTemplate = (\n        <div\n          data-name='RenderedTemplate'\n          data-template-type={template}\n          /* name */ id='label'\n          style={{ marginBlockStart: '1rem' }}\n          className='grid-column'\n        >\n          {RenderedTemplate}\n        </div>\n      );\n    }\n\n    return (\n      <div className='grid-column'>\n        {showLabel && !NO_HEADER_TEMPLATES.includes(template) && (\n          <div className='template-title-container'>\n            <span>{label}</span>\n          </div>\n        )}\n        {RenderedTemplate}\n      </div>\n    );\n  }\n\n  // debugging/investigation help\n  // console.log(`View about to render React.Fragment for children: ${children}`);\n\n  if (children) {\n    return <>{children}</>;\n  }\n\n  return null;\n}\n\n// Adapted from Constellation DX Component to add in additional props for some templates\nView.additionalProps = (state, getPConnect) => {\n  const thePConn = getPConnect();\n  const { template } = thePConn.getConfigProps();\n\n  let propObj = {};\n  let allFields = {};\n\n  switch (template) {\n    case 'CaseSummary':\n      allFields = getAllFields(thePConn);\n      // eslint-disable-next-line no-case-declarations\n      const unresFields = {\n        primaryFields: allFields[0],\n        secondaryFields: allFields[1]\n      };\n      propObj = thePConn.resolveConfigProps(unresFields);\n      break;\n\n    case 'Details':\n      allFields = getAllFields(thePConn);\n      propObj = { fields: allFields[0] };\n      break;\n\n    default:\n      break;\n  }\n\n  return propObj;\n};\n"]}

package/lib/components/template/AdvancedSearch/AdvancedSearch.d.ts

@@ -0,0 +1,2 @@
+export default function AdvancedSearch(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdvancedSearch.d.ts.map

package/lib/components/template/AdvancedSearch/AdvancedSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/template/AdvancedSearch/AdvancedSearch.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,KAAA,2CA+E3C"}

package/lib/components/template/AdvancedSearch/AdvancedSearch.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from 'react';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+import DataReferenceAdvancedSearchContext from '../DataReference/DataReferenceAdvancedSearchContext';
+import { getFirstChildConfig } from '../DataReference/utils';
+export default function AdvancedSearch(props) {
+    const { getPConnect, targetObjectClass, localeReference } = props;
+    const SearchGroups = getComponentFromMap('SearchGroups');
+    const { dataReferenceConfigToChild, isCreateNewReferenceEnabled, disableStartingFieldsForReference, pyID, searchSelectCacheKey } = useContext(DataReferenceAdvancedSearchContext);
+    const { selectionMode, value: singleSelectFieldValue, readonlyContextList: multiSelectField } = dataReferenceConfigToChild;
+    let isSelectionExist = false;
+    const { MULTI } = PCore.getConstants().LIST_SELECTION_MODE;
+    if (selectionMode === MULTI) {
+        isSelectionExist = getPConnect().getValue(multiSelectField)?.length || false;
+    }
+    else {
+        isSelectionExist = getPConnect().getValue(singleSelectFieldValue) || false;
+    }
+    const [showRecords, setShowRecords] = useState(isSelectionExist);
+    const pConn = getPConnect();
+    const rawViewMetadata = pConn.getRawMetadata();
+    const searchFieldsSet = new Set();
+    const searchFields = [];
+    rawViewMetadata.config.searchGroups.forEach(group => {
+        group.children.forEach(child => {
+            if (!searchFieldsSet.has(child.config.value) && !child.config.validator) {
+                searchFields.push(child);
+                searchFieldsSet.add(child.config.value);
+            }
+        });
+    });
+    const firstChildPConnect = getPConnect().getChildren()[0].getPConnect;
+    const [firstChildMeta] = rawViewMetadata.children;
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const cache = PCore.getNavigationUtils().getComponentCache(searchSelectCacheKey) ?? {};
+    const editableFieldComp = firstChildPConnect().createComponent({
+        type: firstChildMeta.type,
+        config: {
+            ...getFirstChildConfig({
+                firstChildMeta,
+                getPConnect,
+                rawViewMetadata,
+                contextClass: targetObjectClass,
+                dataReferenceConfigToChild,
+                isCreateNewReferenceEnabled,
+                disableStartingFieldsForReference,
+                pyID
+            }),
+            searchFields,
+            showRecords,
+            label: localizedVal('Search results', 'DataReference'),
+            searchSelectCacheKey,
+            cache
+        }
+    });
+    const { selectionList, dataRelationshipContext } = editableFieldComp.props.getPConnect().getConfigProps();
+    const editableField = selectionMode === MULTI ? selectionList.substring(1) : dataRelationshipContext;
+    const searchGroupsProps = {
+        getPConnect,
+        editableField,
+        localeReference,
+        setShowRecords,
+        searchSelectCacheKey,
+        cache
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(SearchGroups, { ...searchGroupsProps }), editableFieldComp] }));
+}
+//# sourceMappingURL=AdvancedSearch.js.map

package/lib/components/template/AdvancedSearch/AdvancedSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch.js","sourceRoot":"","sources":["../../../../src/components/template/AdvancedSearch/AdvancedSearch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useState } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport DataReferenceAdvancedSearchContext from '../DataReference/DataReferenceAdvancedSearchContext';\nimport { getFirstChildConfig } from '../DataReference/utils';\n\nexport default function AdvancedSearch(props) {\n  const { getPConnect, targetObjectClass, localeReference } = props;\n  const SearchGroups = getComponentFromMap('SearchGroups');\n  const { dataReferenceConfigToChild, isCreateNewReferenceEnabled, disableStartingFieldsForReference, pyID, searchSelectCacheKey } = useContext(\n    DataReferenceAdvancedSearchContext\n  ) as any;\n\n  const { selectionMode, value: singleSelectFieldValue, readonlyContextList: multiSelectField } = dataReferenceConfigToChild;\n\n  let isSelectionExist = false;\n  const { MULTI } = PCore.getConstants().LIST_SELECTION_MODE;\n\n  if (selectionMode === MULTI) {\n    isSelectionExist = getPConnect().getValue(multiSelectField)?.length || false;\n  } else {\n    isSelectionExist = getPConnect().getValue(singleSelectFieldValue) || false;\n  }\n\n  const [showRecords, setShowRecords] = useState(isSelectionExist);\n\n  const pConn = getPConnect();\n  const rawViewMetadata = pConn.getRawMetadata();\n\n  const searchFieldsSet = new Set();\n  const searchFields: any = [];\n  rawViewMetadata.config.searchGroups.forEach(group => {\n    group.children.forEach(child => {\n      if (!searchFieldsSet.has(child.config.value) && !child.config.validator) {\n        searchFields.push(child);\n        searchFieldsSet.add(child.config.value);\n      }\n    });\n  });\n\n  const firstChildPConnect = getPConnect().getChildren()[0].getPConnect;\n  const [firstChildMeta] = rawViewMetadata.children;\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const cache = PCore.getNavigationUtils().getComponentCache(searchSelectCacheKey) ?? {};\n\n  const editableFieldComp = firstChildPConnect().createComponent({\n    type: firstChildMeta.type,\n    config: {\n      ...getFirstChildConfig({\n        firstChildMeta,\n        getPConnect,\n        rawViewMetadata,\n        contextClass: targetObjectClass,\n        dataReferenceConfigToChild,\n        isCreateNewReferenceEnabled,\n        disableStartingFieldsForReference,\n        pyID\n      }),\n      searchFields,\n      showRecords,\n      label: localizedVal('Search results', 'DataReference'),\n      searchSelectCacheKey,\n      cache\n    }\n  });\n\n  const { selectionList, dataRelationshipContext } = editableFieldComp.props.getPConnect().getConfigProps();\n  const editableField = selectionMode === MULTI ? selectionList.substring(1) : dataRelationshipContext;\n\n  const searchGroupsProps = {\n    getPConnect,\n    editableField,\n    localeReference,\n    setShowRecords,\n    searchSelectCacheKey,\n    cache\n  };\n\n  return (\n    <>\n      <SearchGroups {...searchGroupsProps} />\n      {editableFieldComp}\n    </>\n  );\n}\n"]}

package/lib/components/template/AdvancedSearch/SearchGroup/persistUtils.d.ts

@@ -0,0 +1,23 @@
+declare const getComponentStateOptions: (getPConnect: any) => {
+    clearOnCancelForContext: any;
+};
+interface SearchCategory {
+    selectedCategory: string;
+}
+interface SearchGroup {
+    searchFields: unknown;
+    activeGroupId: string;
+}
+declare const componentCachePersistUtils: {
+    getComponentStateKey: (getPConnect: any, propertyName: string) => string;
+    getComponentStateOptions: (getPConnect: any) => {
+        clearOnCancelForContext: any;
+    };
+    setComponentCache: ({ cacheKey, state, options }: {
+        cacheKey: string;
+        state: SearchCategory | SearchGroup;
+        options: ReturnType<typeof getComponentStateOptions>;
+    }) => void;
+};
+export default componentCachePersistUtils;
+//# sourceMappingURL=persistUtils.d.ts.map

package/lib/components/template/AdvancedSearch/SearchGroup/persistUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroup/persistUtils.ts"],"names":[],"mappings":"AAgBA,QAAA,MAAM,wBAAwB,GAAG,gBAAW;;CAE3C,CAAC;AAEF,UAAU,cAAc;IAEtB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,WAAW;IAEnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAgBD,QAAA,MAAM,0BAA0B;2DAzCyB,MAAM;;;;sDA+B5D;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,cAAc,GAAG,WAAW,CAAC;QACpC,OAAO,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;KACtD;CAUA,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/lib/components/template/AdvancedSearch/SearchGroup/persistUtils.js

@@ -0,0 +1,26 @@
+import { Utils } from '../../../helpers/utils';
+const SKIP_CACHE_KEY = '';
+const getComponentStateKey = (getPConnect, propertyName) => {
+    const pConnect = getPConnect();
+    const caseID = `.${Utils.getMappedKey('pyID')}`; // Enhance this later when use-case arrives for data objects using S&S.
+    const resolvedCaseID = pConnect.getValue(caseID);
+    if (!resolvedCaseID) {
+        return SKIP_CACHE_KEY;
+    }
+    return `Search-${resolvedCaseID}-${pConnect.getPageReference()}-${propertyName}-${pConnect.getCurrentView()}`;
+};
+const getComponentStateOptions = getPConnect => {
+    return { clearOnCancelForContext: getPConnect().getContextName() };
+};
+const setComponentCache = ({ cacheKey, state, options }) => {
+    if (cacheKey !== SKIP_CACHE_KEY) {
+        PCore.getNavigationUtils().setComponentCache(cacheKey, state, options);
+    }
+};
+const componentCachePersistUtils = {
+    getComponentStateKey,
+    getComponentStateOptions,
+    setComponentCache
+};
+export default componentCachePersistUtils;
+//# sourceMappingURL=persistUtils.js.map

package/lib/components/template/AdvancedSearch/SearchGroup/persistUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistUtils.js","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroup/persistUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,cAAc,GAAG,EAAE,CAAC;AAE1B,MAAM,oBAAoB,GAAG,CAAC,WAAW,EAAE,YAAoB,EAAE,EAAE;IACjE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,uEAAuE;IACxH,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjD,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,OAAO,UAAU,cAAc,IAAI,QAAQ,CAAC,gBAAgB,EAAE,IAAI,YAAY,IAAI,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC;AAChH,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,WAAW,CAAC,EAAE;IAC7C,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC;AACrE,CAAC,CAAC;AAaF,MAAM,iBAAiB,GAAG,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,OAAO,EAKR,EAAE,EAAE;IACH,IAAI,QAAQ,KAAK,cAAc,EAAE,CAAC;QAC/B,KAAK,CAAC,kBAAkB,EAAU,CAAC,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAClF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG;IACjC,oBAAoB;IACpB,wBAAwB;IACxB,iBAAiB;CAClB,CAAC;AAEF,eAAe,0BAA0B,CAAC","sourcesContent":["import { Utils } from '../../../helpers/utils';\n\nconst SKIP_CACHE_KEY = '';\n\nconst getComponentStateKey = (getPConnect, propertyName: string) => {\n  const pConnect = getPConnect();\n  const caseID = `.${Utils.getMappedKey('pyID')}`; // Enhance this later when use-case arrives for data objects using S&S.\n  const resolvedCaseID = pConnect.getValue(caseID);\n\n  if (!resolvedCaseID) {\n    return SKIP_CACHE_KEY;\n  }\n\n  return `Search-${resolvedCaseID}-${pConnect.getPageReference()}-${propertyName}-${pConnect.getCurrentView()}`;\n};\n\nconst getComponentStateOptions = getPConnect => {\n  return { clearOnCancelForContext: getPConnect().getContextName() };\n};\n\ninterface SearchCategory {\n  // tabId of search category selected\n  selectedCategory: string;\n}\n\ninterface SearchGroup {\n  // searchFields can be any object based on what fields are authored.\n  searchFields: unknown;\n  activeGroupId: string;\n}\n\nconst setComponentCache = ({\n  cacheKey,\n  state,\n  options\n}: {\n  cacheKey: string;\n  state: SearchCategory | SearchGroup;\n  options: ReturnType<typeof getComponentStateOptions>;\n}) => {\n  if (cacheKey !== SKIP_CACHE_KEY) {\n    (PCore.getNavigationUtils() as any).setComponentCache(cacheKey, state, options);\n  }\n};\n\nconst componentCachePersistUtils = {\n  getComponentStateKey,\n  getComponentStateOptions,\n  setComponentCache\n};\n\nexport default componentCachePersistUtils;\n"]}

package/lib/components/template/AdvancedSearch/SearchGroups/SearchGroups.d.ts

@@ -0,0 +1,3 @@
+export declare const initializeSearchFields: (searchFields: any, getPConnect: any, referenceListClassID: any, searchFieldRestoreValues?: {}) => {};
+export default function SearchGroups(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchGroups.d.ts.map

package/lib/components/template/AdvancedSearch/SearchGroups/SearchGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchGroups.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroups/SearchGroups.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,sBAAsB,GAAI,iBAAY,EAAE,gBAAW,EAAE,yBAAoB,EAAE,6BAA6B,OAmCpH,CAAC;AAmBF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,KAAA,2CAmLzC"}

package/lib/components/template/AdvancedSearch/SearchGroups/SearchGroups.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Button, Grid2, Select, MenuItem, Box } from '@mui/material';
+import createPConnectComponent from '../../../../bridge/react_pconnect';
+import TemplateContext from '../TemplateContext';
+import componentCachePersistUtils from '../SearchGroup/persistUtils';
+import { getCacheInfo, isValidInput } from './utils';
+import { useCacheWhenListViewReady } from './hooks';
+export const initializeSearchFields = (searchFields, getPConnect, referenceListClassID, searchFieldRestoreValues = {}) => {
+    const filtersProperties = {};
+    searchFields.forEach(field => {
+        let val = '';
+        const { value, defaultValue = '' } = field.config;
+        const propPath = PCore.getAnnotationUtils().getPropertyName(value);
+        if (searchFieldRestoreValues[propPath]) {
+            val = searchFieldRestoreValues[propPath];
+        }
+        else if (PCore.getAnnotationUtils().isProperty(defaultValue)) {
+            val = getPConnect().getValue(defaultValue.split(' ')[1]);
+        }
+        else if (defaultValue.startsWith('@L')) {
+            val = defaultValue.split(' ')[1];
+        }
+        else {
+            val = defaultValue;
+        }
+        filtersProperties[propPath] = val;
+        const valueSplit = value.split('@P ')[1]?.split('.').filter(Boolean) ?? [];
+        valueSplit.pop();
+        if (valueSplit.length) {
+            let path = '';
+            let currentClassID = referenceListClassID;
+            valueSplit.forEach(item => {
+                path = path.length ? `${path}.${item}` : item;
+                currentClassID = PCore.getMetadataUtils().getPropertyMetadata(item, currentClassID).pageClass;
+                if (currentClassID) {
+                    filtersProperties[`${path}.classID`] = currentClassID;
+                }
+            });
+        }
+    });
+    return filtersProperties;
+};
+const flattenObj = obj => {
+    const result = {};
+    Object.keys(obj).forEach(key => {
+        if (!['context_data', 'pageInstructions'].includes(key)) {
+            if (typeof obj[key] === 'object' && !Array.isArray(obj[key])) {
+                const temp = flattenObj(obj[key]);
+                Object.keys(temp).forEach(nestedKey => {
+                    result[`${key}.${nestedKey}`] = temp[nestedKey];
+                });
+            }
+            else {
+                result[key] = obj[key];
+            }
+        }
+    });
+    return result;
+};
+export default function SearchGroups(props) {
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const { getPConnect, editableField, localeReference, setShowRecords, searchSelectCacheKey, cache } = props;
+    const referenceFieldName = editableField.replaceAll('.', '_');
+    const state = useRef({ searchFields: {}, activeGroupId: '' }).current;
+    const options = componentCachePersistUtils.getComponentStateOptions(getPConnect);
+    const { searchGroups: groups, referenceList } = getPConnect().getConfigProps();
+    const { useCache, initialActiveGroupId } = getCacheInfo(cache, groups);
+    const [activeGroupId, setActiveGroupId] = useState(initialActiveGroupId);
+    const [transientItemID, setTransientItemID] = useState(null);
+    const [previousFormValues, setPreviousFormValues] = useState(null);
+    const viewName = getPConnect().getCurrentView();
+    const rawGroupsConfig = getPConnect().getRawConfigProps().searchGroups;
+    const activeGroupIndex = groups.findIndex(group => group.config.id === activeGroupId);
+    const { children: searchFieldsChildren = [] } = activeGroupIndex !== -1 ? rawGroupsConfig[activeGroupIndex] : {};
+    const searchFields = searchFieldsChildren.map(field => ({
+        ...field,
+        config: { ...field.config, isSearchField: true }
+    }));
+    const searchByRef = useRef(null);
+    const searchFieldsRef = useRef(null);
+    const isValidatorField = searchFields.some(field => field.config.validator);
+    const { classID: referenceListClassID } = PCore.getMetadataUtils().getDataPageMetadata(referenceList);
+    const initialSearchFields = useMemo(() => initializeSearchFields(searchFields, getPConnect, referenceListClassID, useCache && cache.activeGroupId === activeGroupId ? cache.searchFields : {}), [activeGroupId, getPConnect, cache.searchFields]);
+    useEffect(() => {
+        if (transientItemID) {
+            const filtersWithClassID = {
+                ...initialSearchFields,
+                classID: referenceListClassID
+            };
+            // @ts-ignore
+            PCore.getContainerUtils().replaceTransientData({ transientItemID, data: filtersWithClassID });
+        }
+    }, [activeGroupId]);
+    useEffect(() => {
+        const filtersWithClassID = {
+            ...initialSearchFields,
+            classID: referenceListClassID
+        };
+        const transientId = getPConnect()
+            .getContainerManager()
+            .addTransientItem({ id: `${referenceFieldName}-${viewName}`, data: filtersWithClassID });
+        setTransientItemID(transientId);
+    }, []);
+    const getFilterData = useCallback(() => {
+        // @ts-ignore
+        let changes = PCore.getFormUtils().getSubmitData(transientItemID, {
+            isTransientContext: true,
+            includeDisabledFields: true
+        });
+        if (Object.keys(cache.searchFields ?? {}).length > 0 && Object.keys(changes).length === 1) {
+            changes = cache.searchFields;
+        }
+        const formValues = flattenObj(changes);
+        if (!PCore.isDeepEqual(previousFormValues, formValues) && PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {
+            if (isValidatorField) {
+                // @ts-ignore
+                PCore.getMessageManager().clearContextMessages({ context: transientItemID });
+            }
+            setPreviousFormValues(formValues);
+            setShowRecords(true);
+            PCore.getPubSubUtils().publish(PCore.getEvents().getTransientEvent().UPDATE_PROMOTED_FILTERS, {
+                payload: formValues,
+                showRecords: true,
+                viewName
+            });
+        }
+        state.activeGroupId = activeGroupId;
+        state.searchFields = changes;
+        state.selectedCategory = viewName;
+        componentCachePersistUtils.setComponentCache({ cacheKey: searchSelectCacheKey, state, options });
+    }, [transientItemID, setShowRecords, viewName, activeGroupId, previousFormValues]);
+    const resetFilterData = useCallback(() => {
+        // @ts-ignore
+        PCore.getNavigationUtils().resetComponentCache(searchSelectCacheKey);
+        const resetPayload = {
+            transientItemID,
+            data: initializeSearchFields(searchFields, getPConnect, referenceListClassID),
+            options: { reset: true }
+        };
+        // @ts-ignore
+        PCore.getContainerUtils().updateTransientData(resetPayload);
+    }, [transientItemID, initialSearchFields]);
+    useCacheWhenListViewReady(cache, viewName, useCache, getFilterData, searchSelectCacheKey);
+    const searchDropdown = groups.length > 1 && (_jsx(Grid2, { container: true, spacing: 2, children: _jsx(Select, { value: activeGroupId, onChange: e => setActiveGroupId(e.target.value), ref: searchByRef, fullWidth: true, children: groups.map(group => (_jsx(MenuItem, { value: group.config.id, children: group.config.label }, group.config.id))) }) }));
+    const actionButtons = (_jsxs(Box, { display: 'flex', gap: 2, children: [_jsx(Button, { variant: 'outlined', onClick: resetFilterData, children: localizedVal('Reset', 'SimpleTable') }), _jsx(Button, { variant: 'contained', onClick: getFilterData, children: localizedVal('Search', 'SimpleTable') })] }));
+    const searchFieldsViewConfig = {
+        name: 'SearchFields',
+        type: 'View',
+        config: {
+            template: 'DefaultForm',
+            NumCols: '3',
+            contextName: transientItemID,
+            readOnly: false,
+            context: transientItemID,
+            localeReference
+        },
+        children: [
+            {
+                name: 'Fields',
+                type: 'Region',
+                children: searchFields
+            }
+        ]
+    };
+    const searchFieldsC11nEnv = PCore.createPConnect({
+        meta: searchFieldsViewConfig,
+        options: {
+            hasForm: true,
+            contextName: transientItemID
+        }
+    });
+    const templateContext = useContext(TemplateContext);
+    const templateContextValue = useMemo(() => ({ ...templateContext, outerColumnCount: undefined }), []);
+    const searchFieldsViewComp = transientItemID ? (_jsx(TemplateContext.Provider, { value: templateContextValue, children: _jsx("div", { ref: searchFieldsRef, children: createElement(createPConnectComponent(), { ...searchFieldsC11nEnv }) }) })) : null;
+    const childrenToRender = [searchDropdown, searchFieldsViewComp, actionButtons];
+    return (_jsx(Box, { display: 'flex', flexDirection: 'column', gap: 2, children: childrenToRender.map((child, index) => (_jsx(React.Fragment, { children: child }, index))) }));
+}
+//# sourceMappingURL=SearchGroups.js.map

package/lib/components/template/AdvancedSearch/SearchGroups/SearchGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchGroups.js","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroups/SearchGroups.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Button, Grid2, Select, MenuItem, Box } from '@mui/material';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport TemplateContext from '../TemplateContext';\nimport componentCachePersistUtils from '../SearchGroup/persistUtils';\n\nimport { getCacheInfo, isValidInput } from './utils';\nimport { useCacheWhenListViewReady } from './hooks';\n\nexport const initializeSearchFields = (searchFields, getPConnect, referenceListClassID, searchFieldRestoreValues = {}) => {\n  const filtersProperties = {};\n  searchFields.forEach(field => {\n    let val = '';\n    const { value, defaultValue = '' } = field.config;\n    const propPath = PCore.getAnnotationUtils().getPropertyName(value);\n\n    if (searchFieldRestoreValues[propPath]) {\n      val = searchFieldRestoreValues[propPath];\n    } else if (PCore.getAnnotationUtils().isProperty(defaultValue)) {\n      val = getPConnect().getValue(defaultValue.split(' ')[1]);\n    } else if (defaultValue.startsWith('@L')) {\n      val = defaultValue.split(' ')[1];\n    } else {\n      val = defaultValue;\n    }\n\n    filtersProperties[propPath] = val;\n\n    const valueSplit = value.split('@P ')[1]?.split('.').filter(Boolean) ?? [];\n    valueSplit.pop();\n\n    if (valueSplit.length) {\n      let path = '';\n      let currentClassID = referenceListClassID;\n      valueSplit.forEach(item => {\n        path = path.length ? `${path}.${item}` : item;\n        currentClassID = (PCore.getMetadataUtils().getPropertyMetadata(item, currentClassID) as any).pageClass;\n        if (currentClassID) {\n          filtersProperties[`${path}.classID`] = currentClassID;\n        }\n      });\n    }\n  });\n  return filtersProperties;\n};\n\nconst flattenObj = obj => {\n  const result = {};\n  Object.keys(obj).forEach(key => {\n    if (!['context_data', 'pageInstructions'].includes(key)) {\n      if (typeof obj[key] === 'object' && !Array.isArray(obj[key])) {\n        const temp = flattenObj(obj[key]);\n        Object.keys(temp).forEach(nestedKey => {\n          result[`${key}.${nestedKey}`] = temp[nestedKey];\n        });\n      } else {\n        result[key] = obj[key];\n      }\n    }\n  });\n  return result;\n};\n\nexport default function SearchGroups(props) {\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const { getPConnect, editableField, localeReference, setShowRecords, searchSelectCacheKey, cache } = props;\n  const referenceFieldName = editableField.replaceAll('.', '_');\n\n  const state: any = useRef({ searchFields: {}, activeGroupId: '' }).current;\n  const options = componentCachePersistUtils.getComponentStateOptions(getPConnect);\n\n  const { searchGroups: groups, referenceList } = getPConnect().getConfigProps();\n  const { useCache, initialActiveGroupId } = getCacheInfo(cache, groups);\n  const [activeGroupId, setActiveGroupId] = useState(initialActiveGroupId);\n  const [transientItemID, setTransientItemID] = useState<any>(null);\n  const [previousFormValues, setPreviousFormValues] = useState<any>(null);\n  const viewName = getPConnect().getCurrentView();\n\n  const rawGroupsConfig = getPConnect().getRawConfigProps().searchGroups;\n  const activeGroupIndex = groups.findIndex(group => group.config.id === activeGroupId);\n  const { children: searchFieldsChildren = [] } = activeGroupIndex !== -1 ? rawGroupsConfig[activeGroupIndex] : {};\n  const searchFields = searchFieldsChildren.map(field => ({\n    ...field,\n    config: { ...field.config, isSearchField: true }\n  }));\n\n  const searchByRef = useRef(null);\n  const searchFieldsRef = useRef(null);\n  const isValidatorField = searchFields.some(field => field.config.validator);\n  const { classID: referenceListClassID } = PCore.getMetadataUtils().getDataPageMetadata(referenceList) as any;\n\n  const initialSearchFields = useMemo(\n    () =>\n      initializeSearchFields(\n        searchFields,\n        getPConnect,\n        referenceListClassID,\n        useCache && cache.activeGroupId === activeGroupId ? cache.searchFields : {}\n      ),\n    [activeGroupId, getPConnect, cache.searchFields]\n  );\n\n  useEffect(() => {\n    if (transientItemID) {\n      const filtersWithClassID = {\n        ...initialSearchFields,\n        classID: referenceListClassID\n      };\n      // @ts-ignore\n      PCore.getContainerUtils().replaceTransientData({ transientItemID, data: filtersWithClassID });\n    }\n  }, [activeGroupId]);\n\n  useEffect(() => {\n    const filtersWithClassID = {\n      ...initialSearchFields,\n      classID: referenceListClassID\n    };\n\n    const transientId = getPConnect()\n      .getContainerManager()\n      .addTransientItem({ id: `${referenceFieldName}-${viewName}`, data: filtersWithClassID });\n    setTransientItemID(transientId);\n  }, []);\n\n  const getFilterData = useCallback(() => {\n    // @ts-ignore\n    let changes = PCore.getFormUtils().getSubmitData(transientItemID, {\n      isTransientContext: true,\n      includeDisabledFields: true\n    });\n\n    if (Object.keys(cache.searchFields ?? {}).length > 0 && Object.keys(changes).length === 1) {\n      changes = cache.searchFields;\n    }\n\n    const formValues = flattenObj(changes);\n\n    if (!PCore.isDeepEqual(previousFormValues, formValues) && PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {\n      if (isValidatorField) {\n        // @ts-ignore\n        PCore.getMessageManager().clearContextMessages({ context: transientItemID });\n      }\n      setPreviousFormValues(formValues);\n      setShowRecords(true);\n      PCore.getPubSubUtils().publish(PCore.getEvents().getTransientEvent().UPDATE_PROMOTED_FILTERS, {\n        payload: formValues,\n        showRecords: true,\n        viewName\n      });\n    }\n\n    state.activeGroupId = activeGroupId;\n    state.searchFields = changes;\n    state.selectedCategory = viewName;\n\n    componentCachePersistUtils.setComponentCache({ cacheKey: searchSelectCacheKey, state, options });\n  }, [transientItemID, setShowRecords, viewName, activeGroupId, previousFormValues]);\n\n  const resetFilterData = useCallback(() => {\n    // @ts-ignore\n    PCore.getNavigationUtils().resetComponentCache(searchSelectCacheKey);\n    const resetPayload = {\n      transientItemID,\n      data: initializeSearchFields(searchFields, getPConnect, referenceListClassID),\n      options: { reset: true }\n    };\n    // @ts-ignore\n    PCore.getContainerUtils().updateTransientData(resetPayload);\n  }, [transientItemID, initialSearchFields]);\n\n  useCacheWhenListViewReady(cache, viewName, useCache, getFilterData, searchSelectCacheKey);\n\n  const searchDropdown = groups.length > 1 && (\n    <Grid2 container spacing={2}>\n      <Select value={activeGroupId} onChange={e => setActiveGroupId(e.target.value)} ref={searchByRef} fullWidth>\n        {groups.map(group => (\n          <MenuItem key={group.config.id} value={group.config.id}>\n            {group.config.label}\n          </MenuItem>\n        ))}\n      </Select>\n    </Grid2>\n  );\n\n  const actionButtons = (\n    <Box display='flex' gap={2}>\n      <Button variant='outlined' onClick={resetFilterData}>\n        {localizedVal('Reset', 'SimpleTable')}\n      </Button>\n      <Button variant='contained' onClick={getFilterData}>\n        {localizedVal('Search', 'SimpleTable')}\n      </Button>\n    </Box>\n  );\n\n  const searchFieldsViewConfig = {\n    name: 'SearchFields',\n    type: 'View',\n    config: {\n      template: 'DefaultForm',\n      NumCols: '3',\n      contextName: transientItemID,\n      readOnly: false,\n      context: transientItemID,\n      localeReference\n    },\n    children: [\n      {\n        name: 'Fields',\n        type: 'Region',\n        children: searchFields\n      }\n    ]\n  };\n\n  const searchFieldsC11nEnv = PCore.createPConnect({\n    meta: searchFieldsViewConfig,\n    options: {\n      hasForm: true,\n      contextName: transientItemID\n    }\n  });\n\n  const templateContext = useContext(TemplateContext);\n  const templateContextValue = useMemo(() => ({ ...templateContext, outerColumnCount: undefined }), []);\n\n  const searchFieldsViewComp = transientItemID ? (\n    <TemplateContext.Provider value={templateContextValue}>\n      <div ref={searchFieldsRef}>{createElement(createPConnectComponent(), { ...searchFieldsC11nEnv })}</div>\n    </TemplateContext.Provider>\n  ) : null;\n\n  const childrenToRender = [searchDropdown, searchFieldsViewComp, actionButtons];\n\n  return (\n    <Box display='flex' flexDirection='column' gap={2}>\n      {childrenToRender.map((child, index) => (\n        <React.Fragment key={index}>{child}</React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"]}

package/lib/components/template/AdvancedSearch/SearchGroups/hooks.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This hook registers a callback for the whenever list view component is ready
+ * then makes a call to get the data using the search fields pre-filled with cache data.
+ */
+export declare function useCacheWhenListViewReady(cache: {
+    searchFields: unknown;
+}, viewName: string, useCache: boolean, getFilterData: (params: {
+    isCalledFromCache: boolean;
+}) => void, searchSelectCacheKey: string): void;
+//# sourceMappingURL=hooks.d.ts.map

package/lib/components/template/AdvancedSearch/SearchGroups/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroups/hooks.ts"],"names":[],"mappings":"AAOA;;;GAGG;AAEH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE;IAAE,YAAY,EAAE,OAAO,CAAA;CAAE,EAChC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,OAAO,EACjB,aAAa,EAAE,CAAC,MAAM,EAAE;IAAE,iBAAiB,EAAE,OAAO,CAAA;CAAE,KAAK,IAAI,EAC/D,oBAAoB,EAAE,MAAM,QAmB7B"}

package/lib/components/template/AdvancedSearch/SearchGroups/hooks.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+const listViewConstants = {
+    EVENTS: {
+        LIST_VIEW_READY: 'LIST_VIEW_READY'
+    }
+};
+/**
+ * This hook registers a callback for the whenever list view component is ready
+ * then makes a call to get the data using the search fields pre-filled with cache data.
+ */
+export function useCacheWhenListViewReady(cache, viewName, useCache, getFilterData, searchSelectCacheKey) {
+    useEffect(() => {
+        if (Object.keys(cache.searchFields ?? {}).length > 0) {
+            PCore.getPubSubUtils().subscribe(listViewConstants.EVENTS.LIST_VIEW_READY, ({ viewName: viewNameFromListView }) => {
+                if (viewNameFromListView === viewName && useCache) {
+                    getFilterData({ isCalledFromCache: true });
+                }
+            }, `${searchSelectCacheKey}-listview-ready`);
+        }
+        return () => {
+            PCore.getPubSubUtils().unsubscribe(listViewConstants.EVENTS.LIST_VIEW_READY, `${searchSelectCacheKey}-listview-ready`);
+        };
+    }, []);
+}
+//# sourceMappingURL=hooks.js.map

package/lib/components/template/AdvancedSearch/SearchGroups/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroups/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,iBAAiB,GAAG;IACxB,MAAM,EAAE;QACN,eAAe,EAAE,iBAAiB;KACnC;CACF,CAAC;AACF;;;GAGG;AAEH,MAAM,UAAU,yBAAyB,CACvC,KAAgC,EAChC,QAAgB,EAChB,QAAiB,EACjB,aAA+D,EAC/D,oBAA4B;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrD,KAAK,CAAC,cAAc,EAAE,CAAC,SAAS,CAC9B,iBAAiB,CAAC,MAAM,CAAC,eAAe,EACxC,CAAC,EAAE,QAAQ,EAAE,oBAAoB,EAAwB,EAAE,EAAE;gBAC3D,IAAI,oBAAoB,KAAK,QAAQ,IAAI,QAAQ,EAAE,CAAC;oBAClD,aAAa,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC7C,CAAC;YACH,CAAC,EACD,GAAG,oBAAoB,iBAAiB,CACzC,CAAC;QACJ,CAAC;QAED,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,cAAc,EAAE,CAAC,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,eAAe,EAAE,GAAG,oBAAoB,iBAAiB,CAAC,CAAC;QACzH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["import { useEffect } from 'react';\n\nconst listViewConstants = {\n  EVENTS: {\n    LIST_VIEW_READY: 'LIST_VIEW_READY'\n  }\n};\n/**\n * This hook registers a callback for the whenever list view component is ready\n * then makes a call to get the data using the search fields pre-filled with cache data.\n */\n\nexport function useCacheWhenListViewReady(\n  cache: { searchFields: unknown },\n  viewName: string,\n  useCache: boolean,\n  getFilterData: (params: { isCalledFromCache: boolean }) => void,\n  searchSelectCacheKey: string\n) {\n  useEffect(() => {\n    if (Object.keys(cache.searchFields ?? {}).length > 0) {\n      PCore.getPubSubUtils().subscribe(\n        listViewConstants.EVENTS.LIST_VIEW_READY,\n        ({ viewName: viewNameFromListView }: { viewName: string }) => {\n          if (viewNameFromListView === viewName && useCache) {\n            getFilterData({ isCalledFromCache: true });\n          }\n        },\n        `${searchSelectCacheKey}-listview-ready`\n      );\n    }\n\n    return () => {\n      PCore.getPubSubUtils().unsubscribe(listViewConstants.EVENTS.LIST_VIEW_READY, `${searchSelectCacheKey}-listview-ready`);\n    };\n  }, []);\n}\n"]}

package/lib/components/template/AdvancedSearch/SearchGroups/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SearchGroups';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/template/AdvancedSearch/SearchGroups/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroups/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/template/AdvancedSearch/SearchGroups/index.js

@@ -0,0 +1,2 @@
+export { default } from './SearchGroups';
+//# sourceMappingURL=index.js.map

package/lib/components/template/AdvancedSearch/SearchGroups/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroups/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default } from './SearchGroups';\n"]}