@pega/react-sdk-components 24.2.11 → 25.1.11

package/lib/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement } from 'react';
-import Grid from '@mui/material/Grid';
+import Grid2 from '@mui/material/Grid2';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 export default function DetailsTwoColumn(props) {
@@ -15,7 +15,6 @@ export default function DetailsTwoColumn(props) {
     getPConnect().setInheritedProp('readOnly', true);
     const children = getPConnect().getChildren().map((configObject, index) => createElement(createPConnectComponent(), {
         ...configObject,
-        // eslint-disable-next-line react/no-array-index-key
         key: index.toString()
     }));
     // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent
@@ -32,6 +31,6 @@ export default function DetailsTwoColumn(props) {
             return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
         });
     }
-    return (_jsxs(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '', children: [showHighlightedData && highlightedDataArr.length > 0 && (_jsx(Grid, { container: true, spacing: 1, style: { padding: '0 0 1em' }, children: highlightedDataArr.map((child, i) => (_jsx(Grid, { item: true, xs: 6, children: child }, `hf-${i + 1}`))) })), _jsx(Grid, { container: true, spacing: 1, children: children.map((child, i) => (_jsx(Grid, { item: true, xs: 6, children: child }, `r-${i + 1}`))) })] }));
+    return (_jsxs(FieldGroup, { name: propsToUse.showLabel ? propsToUse.label : '', children: [showHighlightedData && highlightedDataArr.length > 0 && (_jsx(Grid2, { container: true, spacing: 1, style: { padding: '0 0 1em' }, children: highlightedDataArr.map((child, i) => (_jsx(Grid2, { size: { xs: 6 }, children: child }, `hf-${i + 1}`))) })), _jsx(Grid2, { container: true, spacing: 1, children: children.map((child, i) => (_jsx(Grid2, { size: { xs: 6 }, children: child }, `r-${i + 1}`))) })] }));
 }
 //# sourceMappingURL=DetailsTwoColumn.js.map

package/lib/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsTwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpF,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;IAC9D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6FAA6F;QACvJ,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,MAAM,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,KAAK,CAAC,GAAG,CAAC,EAAE,CAE5B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@mui/material/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsTwoColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  showHighlightedData: boolean;\n}\n\nexport default function DetailsTwoColumn(props: DetailsTwoColumnProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={6} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={6} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}
+{"version":3,"file":"DetailsTwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from 'react';\nimport Grid2 from '@mui/material/Grid2';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsTwoColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  showHighlightedData: boolean;\n}\n\nexport default function DetailsTwoColumn(props: DetailsTwoColumnProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid2 container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid2 size={{ xs: 6 }} key={`hf-${i + 1}`}>\n              {child}\n            </Grid2>\n          ))}\n        </Grid2>\n      )}\n      <Grid2 container spacing={1}>\n        {children.map((child, i) => (\n          <Grid2 size={{ xs: 6 }} key={`r-${i + 1}`}>\n            {child}\n          </Grid2>\n        ))}\n      </Grid2>\n    </FieldGroup>\n  );\n}\n"]}

package/lib/components/template/Details/DynamicTabs/DynamicTabs.d.ts

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../../types/PConnProps';
+import type { PConnProps } from '../../../../types/PConnProps';
 interface DynamicTabsProps extends PConnProps {
     showLabel: boolean;
     label: string;

package/lib/components/template/Details/DynamicTabs/DynamicTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ1D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAuD3C;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"DynamicTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ/D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAuD3C;AAED,eAAe,WAAW,CAAC"}

package/lib/components/template/Details/DynamicTabs/DynamicTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicTabs.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Children, useMemo, useState } from 'react';\nimport { Tab, Tabs } from '@mui/material';\nimport { TabContext, TabPanel } from '@mui/lab';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport { buildView } from '../../../helpers/field-group-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\nconst useStyles = makeStyles(() => ({\n  tab: {\n    minWidth: '72px'\n  }\n}));\n\ninterface DynamicTabsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  referenceList?: any[];\n}\n\nfunction DynamicTabs(props: DynamicTabsProps) {\n  const classes = useStyles();\n  const { referenceList, showLabel, label, getPConnect } = props;\n  const pConnect = getPConnect();\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...pConnect.getInheritedProps() };\n  const defaultTabIndex = 0;\n  const { tablabel } = pConnect.getComponentConfig();\n  const tablabelProp = PCore.getAnnotationUtils().getPropertyName(tablabel);\n  const referenceListData: any = pConnect.getValue(`${referenceList}.pxResults`, ''); // 2nd arg empty string until typedefs properly allow optional\n  const memoisedTabViews = useMemo(() => {\n    pConnect.setInheritedProp('displayMode', 'DISPLAY_ONLY');\n    pConnect.setInheritedProp('readOnly', true);\n\n    return (\n      referenceListData &&\n      Children.toArray(\n        referenceListData.map((item, index) => {\n          return <React.Fragment key={item[tablabelProp]}>{buildView(pConnect, index, '')}</React.Fragment>;\n        })\n      )\n    );\n  }, [referenceListData]);\n  const [panelShown, changePanel] = useState(defaultTabIndex);\n  const handleTabClick = (e, id) => {\n    changePanel(parseInt(id, 10));\n  };\n  // Loop over the tab contents and and pull out the labels for the navigation\n  const tabItems =\n    referenceListData?.map((item, i) => {\n      const currentTabLabel = item[tablabelProp] || PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');\n      return {\n        name: currentTabLabel,\n        id: i\n      };\n    }) || [];\n\n  return (\n    <>\n      {propsToUse.label && <h3 id='dynamic-tabs-title'>{propsToUse.label}</h3>}\n      <TabContext value={panelShown.toString()}>\n        <Tabs onChange={handleTabClick} value={panelShown} variant='scrollable' scrollButtons='auto' indicatorColor='primary' id='dynamic-tabs'>\n          {tabItems.map((tab: any) => (\n            <Tab key={tab.id} label={tab.name} value={tab.id} className={classes.tab} />\n          ))}\n        </Tabs>\n\n        {tabItems.map((tab: any) => (\n          <TabPanel key={tab.id} value={tab.id.toString()} tabIndex={+tab.id} id='dynamic-tabpanel'>\n            <div>{memoisedTabViews[parseInt(tab.id, 10)] || 'No content exists'}</div>\n          </TabPanel>\n        ))}\n      </TabContext>\n    </>\n  );\n}\n\nexport default DynamicTabs;\n"]}
+{"version":3,"file":"DynamicTabs.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Children, useMemo, useState } from 'react';\nimport { Tab, Tabs } from '@mui/material';\nimport { TabContext, TabPanel } from '@mui/lab';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport { buildView } from '../../../helpers/field-group-utils';\nimport type { PConnProps } from '../../../../types/PConnProps';\n\nconst useStyles = makeStyles(() => ({\n  tab: {\n    minWidth: '72px'\n  }\n}));\n\ninterface DynamicTabsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  referenceList?: any[];\n}\n\nfunction DynamicTabs(props: DynamicTabsProps) {\n  const classes = useStyles();\n  const { referenceList, showLabel, label, getPConnect } = props;\n  const pConnect = getPConnect();\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...pConnect.getInheritedProps() };\n  const defaultTabIndex = 0;\n  const { tablabel } = pConnect.getComponentConfig();\n  const tablabelProp = PCore.getAnnotationUtils().getPropertyName(tablabel);\n  const referenceListData: any = pConnect.getValue(`${referenceList}.pxResults`, ''); // 2nd arg empty string until typedefs properly allow optional\n  const memoisedTabViews = useMemo(() => {\n    pConnect.setInheritedProp('displayMode', 'DISPLAY_ONLY');\n    pConnect.setInheritedProp('readOnly', true);\n\n    return (\n      referenceListData &&\n      Children.toArray(\n        referenceListData.map((item, index) => {\n          return <React.Fragment key={item[tablabelProp]}>{buildView(pConnect, index, '')}</React.Fragment>;\n        })\n      )\n    );\n  }, [referenceListData]);\n  const [panelShown, changePanel] = useState(defaultTabIndex);\n  const handleTabClick = (e, id) => {\n    changePanel(parseInt(id, 10));\n  };\n  // Loop over the tab contents and and pull out the labels for the navigation\n  const tabItems =\n    referenceListData?.map((item, i) => {\n      const currentTabLabel = item[tablabelProp] || PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');\n      return {\n        name: currentTabLabel,\n        id: i\n      };\n    }) || [];\n\n  return (\n    <>\n      {propsToUse.label && <h3 id='dynamic-tabs-title'>{propsToUse.label}</h3>}\n      <TabContext value={panelShown.toString()}>\n        <Tabs onChange={handleTabClick} value={panelShown} variant='scrollable' scrollButtons='auto' indicatorColor='primary' id='dynamic-tabs'>\n          {tabItems.map((tab: any) => (\n            <Tab key={tab.id} label={tab.name} value={tab.id} className={classes.tab} />\n          ))}\n        </Tabs>\n\n        {tabItems.map((tab: any) => (\n          <TabPanel key={tab.id} value={tab.id.toString()} tabIndex={+tab.id} id='dynamic-tabpanel'>\n            <div>{memoisedTabViews[parseInt(tab.id, 10)] || 'No content exists'}</div>\n          </TabPanel>\n        ))}\n      </TabContext>\n    </>\n  );\n}\n\nexport default DynamicTabs;\n"]}

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

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '../../../types/PConnProps';
 interface FieldGroupTemplateProps extends PConnProps {
     referenceList?: any[];
     contextClass: string;
@@ -8,6 +8,7 @@ interface FieldGroupTemplateProps extends PConnProps {
     displayMode?: string;
     fieldHeader?: string;
     allowTableEdit: boolean;
+    allowActions?: any;
 }
 export default function FieldGroupTemplate(props: FieldGroupTemplateProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroupTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,uBAAwB,SAAQ,UAAU;IAElD,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA0FxE"}
+{"version":3,"file":"FieldGroupTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,uBAAwB,SAAQ,UAAU;IAElD,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAgGxE"}

package/lib/components/template/FieldGroupTemplate/FieldGroupTemplate.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react-hooks/rules-of-hooks */
 import { useLayoutEffect, useMemo } from 'react';
 import { getReferenceList, buildView } from '../../helpers/field-group-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
@@ -7,16 +6,20 @@ export default function FieldGroupTemplate(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const FieldGroup = getComponentFromMap('FieldGroup');
     const FieldGroupList = getComponentFromMap('FieldGroupList');
-    const { referenceList = [], renderMode, contextClass, getPConnect, lookForChildInConfig, heading = '', displayMode, fieldHeader, allowTableEdit: allowAddEdit } = props;
+    const { referenceList = [], renderMode, contextClass, getPConnect, lookForChildInConfig, heading = '', displayMode, fieldHeader, allowActions, allowTableEdit: allowAddEdit } = props;
     const pConn = getPConnect();
     const resolvedList = getReferenceList(pConn);
     pConn.setReferenceList(resolvedList);
     const pageReference = `${pConn.getPageReference()}${resolvedList}`;
     const isReadonlyMode = renderMode === 'ReadOnly' || displayMode === 'DISPLAY_ONLY';
     const HEADING = heading ?? 'Row';
+    const hasAllowActions = Object.keys(allowActions ?? {}).length > 0;
+    const { allowAdd: actionAdd, allowDelete: actionDelete } = allowActions ?? {};
+    const allowAdd = hasAllowActions ? (actionAdd ?? true) : (allowAddEdit ?? true);
+    const allowDelete = hasAllowActions ? (actionDelete ?? true) : (allowAddEdit ?? true);
     useLayoutEffect(() => {
         if (!isReadonlyMode) {
-            // @ts-ignore - Expected 3 arguments, but got 1
+            // @ts-expect-error - Expected 3 arguments, but got 1
             pConn.getListActions().initDefaultPageInstructions(resolvedList);
         }
     }, [referenceList?.length]);
@@ -46,7 +49,7 @@ export default function FieldGroupTemplate(props) {
                 pConn.getListActions().deleteEntry(index);
             }
         };
-        if (referenceList.length === 0 && allowAddEdit !== false) {
+        if (referenceList.length === 0 && allowAdd) {
             addFieldGroupItem();
         }
         const MemoisedChildren = useMemo(() => {
@@ -56,7 +59,7 @@ export default function FieldGroupTemplate(props) {
                 children: buildView(pConn, index, lookForChildInConfig)
             }));
         }, [referenceList?.length]);
-        return (_jsx(FieldGroupList, { items: MemoisedChildren, onAdd: allowAddEdit !== false ? addFieldGroupItem : undefined, onDelete: allowAddEdit !== false ? deleteFieldGroupItem : undefined }));
+        return (_jsx(FieldGroupList, { items: MemoisedChildren, onAdd: allowAdd ? addFieldGroupItem : undefined, onDelete: allowDelete ? deleteFieldGroupItem : undefined }));
     }
     pConn.setInheritedProp('displayMode', 'DISPLAY_ONLY');
     const memoisedReadOnlyList = useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroupTemplate.js","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { useLayoutEffect, useMemo } from 'react';\n\nimport { getReferenceList, buildView } from '../../helpers/field-group-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface FieldGroupTemplateProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  referenceList?: any[];\n  contextClass: string;\n  renderMode?: string;\n  heading?: string;\n  lookForChildInConfig?: boolean;\n  displayMode?: string;\n  fieldHeader?: string;\n  allowTableEdit: boolean;\n}\n\nexport default function FieldGroupTemplate(props: FieldGroupTemplateProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n  const FieldGroupList = getComponentFromMap('FieldGroupList');\n\n  const {\n    referenceList = [],\n    renderMode,\n    contextClass,\n    getPConnect,\n    lookForChildInConfig,\n    heading = '',\n    displayMode,\n    fieldHeader,\n    allowTableEdit: allowAddEdit\n  } = props;\n  const pConn = getPConnect();\n  const resolvedList = getReferenceList(pConn);\n  pConn.setReferenceList(resolvedList);\n  const pageReference = `${pConn.getPageReference()}${resolvedList}`;\n  const isReadonlyMode = renderMode === 'ReadOnly' || displayMode === 'DISPLAY_ONLY';\n  const HEADING = heading ?? 'Row';\n\n  useLayoutEffect(() => {\n    if (!isReadonlyMode) {\n      // @ts-ignore - Expected 3 arguments, but got 1\n      pConn.getListActions().initDefaultPageInstructions(resolvedList);\n    }\n  }, [referenceList?.length]);\n\n  const getDynamicHeaderProp = (item, index) => {\n    if (fieldHeader === 'propertyRef' && heading && item[heading.substring(1)]) {\n      return item[heading.substring(1)];\n    }\n    return `Row ${index + 1}`;\n  };\n\n  const addRecord = () => {\n    if (PCore.getPCoreVersion()?.includes('8.7')) {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);\n    } else {\n      pConn.getListActions().insert({}, referenceList.length);\n    }\n  };\n\n  if (!isReadonlyMode) {\n    const addFieldGroupItem = () => {\n      addRecord();\n    };\n    const deleteFieldGroupItem = index => {\n      if (PCore.getPCoreVersion()?.includes('8.7')) {\n        pConn.getListActions().deleteEntry(index, pageReference);\n      } else {\n        pConn.getListActions().deleteEntry(index);\n      }\n    };\n    if (referenceList.length === 0 && allowAddEdit !== false) {\n      addFieldGroupItem();\n    }\n\n    const MemoisedChildren = useMemo(() => {\n      return referenceList.map((item, index) => ({\n        id: index,\n        name: fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`,\n        children: buildView(pConn, index, lookForChildInConfig)\n      }));\n    }, [referenceList?.length]);\n\n    return (\n      <FieldGroupList\n        items={MemoisedChildren}\n        onAdd={allowAddEdit !== false ? addFieldGroupItem : undefined}\n        onDelete={allowAddEdit !== false ? deleteFieldGroupItem : undefined}\n      />\n    );\n  }\n\n  pConn.setInheritedProp('displayMode', 'DISPLAY_ONLY');\n  const memoisedReadOnlyList = useMemo(() => {\n    return referenceList.map((item, index) => {\n      const key = item[heading] || `field-group-row-${index}`;\n      return (\n        <FieldGroup key={key} name={fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`}>\n          {buildView(pConn, index, lookForChildInConfig)}\n        </FieldGroup>\n      );\n    });\n  }, []);\n\n  return <div>{memoisedReadOnlyList}</div>;\n}\n"]}
+{"version":3,"file":"FieldGroupTemplate.js","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAgBhF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAA8B;IACvE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EACJ,aAAa,GAAG,EAAE,EAClB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,cAAc,EAAE,YAAY,EAC7B,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,aAAa,GAAG,GAAG,KAAK,CAAC,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAC;IACnE,MAAM,cAAc,GAAG,UAAU,KAAK,UAAU,IAAI,WAAW,KAAK,cAAc,CAAC;IACnF,MAAM,OAAO,GAAG,OAAO,IAAI,KAAK,CAAC;IAEjC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACnE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,YAAY,IAAI,EAAE,CAAC;IAC9E,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC;IAChF,MAAM,WAAW,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC;IAEtF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,qDAAqD;YACrD,KAAK,CAAC,cAAc,EAAE,CAAC,2BAA2B,CAAC,YAAY,CAAC,CAAC;QACnE,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC3C,IAAI,WAAW,KAAK,aAAa,IAAI,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,OAAO,KAAK,GAAG,CAAC,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,KAAK,CAAC,eAAe,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7C,KAAK,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,aAAa,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QAChG,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,SAAS,EAAE,CAAC;QACd,CAAC,CAAC;QACF,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;YACnC,IAAI,KAAK,CAAC,eAAe,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC7C,KAAK,CAAC,cAAc,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;YAC3D,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,cAAc,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;QACF,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,EAAE,CAAC;YAC3C,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAED,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;YACpC,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBACzC,EAAE,EAAE,KAAK;gBACT,IAAI,EAAE,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,KAAK,GAAG,CAAC,EAAE;gBACnG,QAAQ,EAAE,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,oBAAoB,CAAC;aACxD,CAAC,CAAC,CAAC;QACN,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;QAE5B,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAC/C,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,GACxD,CACH,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;IACtD,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,mBAAmB,KAAK,EAAE,CAAC;YACxD,OAAO,CACL,KAAC,UAAU,IAAW,IAAI,EAAE,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,KAAK,GAAG,CAAC,EAAE,YACtH,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,oBAAoB,CAAC,IAD/B,GAAG,CAEP,CACd,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,wBAAM,oBAAoB,GAAO,CAAC;AAC3C,CAAC","sourcesContent":["import { useLayoutEffect, useMemo } from 'react';\n\nimport { getReferenceList, buildView } from '../../helpers/field-group-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface FieldGroupTemplateProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  referenceList?: any[];\n  contextClass: string;\n  renderMode?: string;\n  heading?: string;\n  lookForChildInConfig?: boolean;\n  displayMode?: string;\n  fieldHeader?: string;\n  allowTableEdit: boolean;\n  allowActions?: any;\n}\n\nexport default function FieldGroupTemplate(props: FieldGroupTemplateProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n  const FieldGroupList = getComponentFromMap('FieldGroupList');\n\n  const {\n    referenceList = [],\n    renderMode,\n    contextClass,\n    getPConnect,\n    lookForChildInConfig,\n    heading = '',\n    displayMode,\n    fieldHeader,\n    allowActions,\n    allowTableEdit: allowAddEdit\n  } = props;\n  const pConn = getPConnect();\n  const resolvedList = getReferenceList(pConn);\n  pConn.setReferenceList(resolvedList);\n  const pageReference = `${pConn.getPageReference()}${resolvedList}`;\n  const isReadonlyMode = renderMode === 'ReadOnly' || displayMode === 'DISPLAY_ONLY';\n  const HEADING = heading ?? 'Row';\n\n  const hasAllowActions = Object.keys(allowActions ?? {}).length > 0;\n  const { allowAdd: actionAdd, allowDelete: actionDelete } = allowActions ?? {};\n  const allowAdd = hasAllowActions ? (actionAdd ?? true) : (allowAddEdit ?? true);\n  const allowDelete = hasAllowActions ? (actionDelete ?? true) : (allowAddEdit ?? true);\n\n  useLayoutEffect(() => {\n    if (!isReadonlyMode) {\n      // @ts-expect-error - Expected 3 arguments, but got 1\n      pConn.getListActions().initDefaultPageInstructions(resolvedList);\n    }\n  }, [referenceList?.length]);\n\n  const getDynamicHeaderProp = (item, index) => {\n    if (fieldHeader === 'propertyRef' && heading && item[heading.substring(1)]) {\n      return item[heading.substring(1)];\n    }\n    return `Row ${index + 1}`;\n  };\n\n  const addRecord = () => {\n    if (PCore.getPCoreVersion()?.includes('8.7')) {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);\n    } else {\n      pConn.getListActions().insert({}, referenceList.length);\n    }\n  };\n\n  if (!isReadonlyMode) {\n    const addFieldGroupItem = () => {\n      addRecord();\n    };\n    const deleteFieldGroupItem = index => {\n      if (PCore.getPCoreVersion()?.includes('8.7')) {\n        pConn.getListActions().deleteEntry(index, pageReference);\n      } else {\n        pConn.getListActions().deleteEntry(index);\n      }\n    };\n    if (referenceList.length === 0 && allowAdd) {\n      addFieldGroupItem();\n    }\n\n    const MemoisedChildren = useMemo(() => {\n      return referenceList.map((item, index) => ({\n        id: index,\n        name: fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`,\n        children: buildView(pConn, index, lookForChildInConfig)\n      }));\n    }, [referenceList?.length]);\n\n    return (\n      <FieldGroupList\n        items={MemoisedChildren}\n        onAdd={allowAdd ? addFieldGroupItem : undefined}\n        onDelete={allowDelete ? deleteFieldGroupItem : undefined}\n      />\n    );\n  }\n\n  pConn.setInheritedProp('displayMode', 'DISPLAY_ONLY');\n  const memoisedReadOnlyList = useMemo(() => {\n    return referenceList.map((item, index) => {\n      const key = item[heading] || `field-group-row-${index}`;\n      return (\n        <FieldGroup key={key} name={fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`}>\n          {buildView(pConn, index, lookForChildInConfig)}\n        </FieldGroup>\n      );\n    });\n  }, []);\n\n  return <div>{memoisedReadOnlyList}</div>;\n}\n"]}

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

@@ -0,0 +1,4 @@
+import { type PropsWithChildren } from 'react';
+import { type HierarchicalFormProps } from './hooks';
+export default function HierarchicalForm(props: PropsWithChildren<HierarchicalFormProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=HierarchicalForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalForm.d.ts","sourceRoot":"","sources":["../../../../src/components/template/HierarchicalForm/HierarchicalForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,EAAuB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,qBAAqB,CAAC,kDAmDvF"}

package/lib/components/template/HierarchicalForm/HierarchicalForm.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from 'react';
+import { Tab, Tabs, Box, Badge, Tooltip } from '@mui/material';
+import { TabContext, TabPanel } from '@mui/lab';
+import { useHierarchicalForm } from './hooks';
+export default function HierarchicalForm(props) {
+    const { currentTabId, handleTabClick, processedTabs, instructions } = useHierarchicalForm(props);
+    if (!currentTabId) {
+        return null;
+    }
+    return (_jsxs(Box, { display: 'flex', flexDirection: 'column', children: [instructions && (_jsx(Box, { mb: 2, children: _jsx("div", { dangerouslySetInnerHTML: { __html: instructions } }) })), _jsx(Box, { sx: { flexGrow: 1 }, children: _jsxs(TabContext, { value: currentTabId.toString(), children: [_jsx(Box, { sx: { borderBottom: 1, borderColor: 'divider' }, children: _jsx(Tabs, { onChange: handleTabClick, value: currentTabId.toString(), variant: 'scrollable', children: processedTabs.map((tab) => {
+                                    const tabLabel = tab.name || tab.label;
+                                    return (_jsx(Tab, { sx: { textTransform: 'none' }, label: tab.errors ? (_jsx(Tooltip, { title: `${tabLabel} has errors`, placement: 'top', children: _jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [_jsx("span", { children: tabLabel }), _jsx(Badge, { badgeContent: tab.errors, color: 'error', sx: { '& .MuiBadge-badge': { position: 'static', transform: 'none' } } })] }) })) : (tabLabel), value: tab.id?.toString() }, tab.id));
+                                }) }) }), processedTabs.map((tab) => (_jsx(TabPanel, { value: tab.id?.toString(), tabIndex: +tab.id, keepMounted: true, sx: { px: 0 }, children: _jsx("div", { children: tab.content ? tab.content : 'No content exists' }) }, tab.id)))] }) })] }));
+}
+//# sourceMappingURL=HierarchicalForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalForm.js","sourceRoot":"","sources":["../../../../src/components/template/HierarchicalForm/HierarchicalForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAA8B,MAAM,SAAS,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA+C;IACtF,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEjG,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,aACvC,YAAY,IAAI,CACf,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,GAAI,GACtD,CACP,EACD,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YACtB,MAAC,UAAU,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,aACxC,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,YAClD,KAAC,IAAI,IAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAC,YAAY,YACjF,aAAa,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE;oCAC9B,MAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,KAAK,CAAC;oCACvC,OAAO,CACL,KAAC,GAAG,IAEF,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAC7B,KAAK,EACH,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CACX,KAAC,OAAO,IAAC,KAAK,EAAE,GAAG,QAAQ,aAAa,EAAE,SAAS,EAAC,KAAK,YACvD,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aACxD,yBAAO,QAAQ,GAAQ,EACvB,KAAC,KAAK,IAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,mBAAmB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,GAAI,IACrH,GACE,CACX,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,EAEH,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,IAdpB,GAAG,CAAC,EAAE,CAeX,CACH,CAAC;gCACJ,CAAC,CAAC,GACG,GACH,EACL,aAAa,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC/B,KAAC,QAAQ,IAAc,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC5F,wBAAM,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,GAAO,IAD/C,GAAG,CAAC,EAAE,CAEV,CACZ,CAAC,IACS,GACT,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { type PropsWithChildren } from 'react';\nimport { Tab, Tabs, Box, Badge, Tooltip } from '@mui/material';\nimport { TabContext, TabPanel } from '@mui/lab';\n\nimport { useHierarchicalForm, type HierarchicalFormProps } from './hooks';\n\nexport default function HierarchicalForm(props: PropsWithChildren<HierarchicalFormProps>) {\n  const { currentTabId, handleTabClick, processedTabs, instructions } = useHierarchicalForm(props);\n\n  if (!currentTabId) {\n    return null;\n  }\n\n  return (\n    <Box display='flex' flexDirection='column'>\n      {instructions && (\n        <Box mb={2}>\n          <div dangerouslySetInnerHTML={{ __html: instructions }} />\n        </Box>\n      )}\n      <Box sx={{ flexGrow: 1 }}>\n        <TabContext value={currentTabId.toString()}>\n          <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n            <Tabs onChange={handleTabClick} value={currentTabId.toString()} variant='scrollable'>\n              {processedTabs.map((tab: any) => {\n                const tabLabel = tab.name || tab.label;\n                return (\n                  <Tab\n                    key={tab.id}\n                    sx={{ textTransform: 'none' }}\n                    label={\n                      tab.errors ? (\n                        <Tooltip title={`${tabLabel} has errors`} placement='top'>\n                          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                            <span>{tabLabel}</span>\n                            <Badge badgeContent={tab.errors} color='error' sx={{ '& .MuiBadge-badge': { position: 'static', transform: 'none' } }} />\n                          </Box>\n                        </Tooltip>\n                      ) : (\n                        tabLabel\n                      )\n                    }\n                    value={tab.id?.toString()}\n                  />\n                );\n              })}\n            </Tabs>\n          </Box>\n          {processedTabs.map((tab: any) => (\n            <TabPanel key={tab.id} value={tab.id?.toString()} tabIndex={+tab.id} keepMounted sx={{ px: 0 }}>\n              <div>{tab.content ? tab.content : 'No content exists'}</div>\n            </TabPanel>\n          ))}\n        </TabContext>\n      </Box>\n    </Box>\n  );\n}\n"]}

package/lib/components/template/HierarchicalForm/hooks.d.ts

@@ -0,0 +1,15 @@
+import { type PropsWithChildren, type SyntheticEvent } from 'react';
+import type { PConnProps } from '../../../types/PConnProps';
+export interface HierarchicalFormProps extends PConnProps {
+    tabsVisibility?: Record<string, boolean>;
+    template?: string;
+    instructions?: string;
+    lastUpdateCaseTime?: string | number;
+}
+export declare function useHierarchicalForm(props: PropsWithChildren<HierarchicalFormProps>): {
+    currentTabId: any;
+    handleTabClick: (event: SyntheticEvent, id: string) => void;
+    processedTabs: any[];
+    instructions: string | undefined;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/lib/components/template/HierarchicalForm/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/template/HierarchicalForm/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+D,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAKjI,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAW5D,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,CAAC,qBAAqB,CAAC;;4BAoGvE,cAAc,MAAM,MAAM;;;EAoGrC"}

package/lib/components/template/HierarchicalForm/hooks.js

@@ -0,0 +1,163 @@
+import { useState, useEffect, useMemo, useCallback, useRef, Children } from 'react';
+import useGetTabsCount from '../../../hooks/useGetTabsCount';
+import { searchtabsClick as tabClick, getActiveTabId, getFirstVisibleTabId } from '../SubTabs/tabUtils';
+import { getInstructions } from '../../helpers/template-utils';
+const ComponentName = 'HierarchicalForm';
+const getLandingPageViewName = (contextName) => {
+    const target = contextName.substring(0, contextName.lastIndexOf('_'));
+    const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(target);
+    const containerItemData = PCore.getContainerUtils().getContainerItemData(target, activeContainerItemID);
+    return containerItemData?.view?.config?.name;
+};
+export function useHierarchicalForm(props) {
+    const { children = [], getPConnect, tabsVisibility = {}, template } = props;
+    const [tabErrors, setTabErrors] = useState({});
+    const tabErrorsRef = useRef({});
+    const submitAttemptedRef = useRef(false);
+    const { lastUpdateCaseTime = getPConnect().getValue('caseInfo.lastUpdateTime') } = props;
+    const fullCaseId = getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
+    const deferLoadedTabs = Children.toArray(children)[0];
+    deferLoadedTabs.props.getPConnect().setInheritedProp('template', template);
+    const navigationKey = useMemo(() => {
+        const parentNavKey = `${getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID) || getLandingPageViewName(getPConnect().getContextName())}`;
+        return `${parentNavKey}-${getPConnect().getMetadata()?.name}-${ComponentName}`;
+    }, []);
+    const instructions = getInstructions(getPConnect(), props.instructions);
+    const storedTab = PCore.getNavigationUtils().getComponentState(navigationKey)?.activeTab;
+    const tabsFromChildren = deferLoadedTabs.props.getPConnect().getChildren();
+    const firstTabId = getFirstVisibleTabId(deferLoadedTabs, undefined);
+    const [currentTabId, setCurrentTabId] = useState(getActiveTabId(tabsFromChildren, storedTab || firstTabId));
+    const [tabVisibilityStr, setTabVisibilityStr] = useState('');
+    const { data: tabData, refreshTabData } = useGetTabsCount(deferLoadedTabs, 'hierarchical', currentTabId, template);
+    const handleCaseRefresh = (message) => {
+        if (message.subtype === 'tab') {
+            refreshTabData();
+        }
+    };
+    useEffect(() => {
+        let index = 0;
+        let caseSubId = '';
+        deferLoadedTabs.props
+            .getPConnect()
+            .getChildren()
+            ?.forEach((child) => {
+            const rawConfigProps = child.getPConnect().getRawConfigProps();
+            if ('visibility' in rawConfigProps) {
+                tabsVisibility[`${index}`] = rawConfigProps.visibility;
+            }
+            index += 1;
+        });
+        getPConnect().registerAdditionalProps({ tabsVisibility });
+        getPConnect().registerAdditionalProps({ lastUpdateCaseTime: '@P caseInfo.lastUpdateTime' });
+        if (fullCaseId) {
+            caseSubId = PCore.getMessagingServiceManager().getCaseSubscription(fullCaseId).subscribe({ caseId: fullCaseId }, handleCaseRefresh);
+        }
+        return () => {
+            if (fullCaseId)
+                PCore.getMessagingServiceManager().getCaseSubscription(fullCaseId).unsubscribe(caseSubId);
+        };
+    }, []);
+    useEffect(() => {
+        refreshTabData();
+    }, [lastUpdateCaseTime]);
+    useEffect(() => {
+        const isVisibilityAvailable = Object.values(tabsVisibility).length > 0 && Object.values(tabsVisibility).every(visibility => typeof visibility === 'boolean');
+        if (isVisibilityAvailable) {
+            let str = '';
+            Object.keys(tabsVisibility).forEach(key => {
+                str += key + tabsVisibility[key];
+            });
+            setTabVisibilityStr(str);
+        }
+    }, [tabsVisibility]);
+    useEffect(() => {
+        if (tabData && tabData.length) {
+            const activeTabId = getActiveTabId(tabData, currentTabId);
+            if (activeTabId !== currentTabId) {
+                setCurrentTabId(activeTabId);
+            }
+        }
+    }, [tabVisibilityStr, tabData]);
+    useEffect(() => {
+        PCore.getNavigationUtils().setComponentState(navigationKey, { activeTab: currentTabId });
+        const activeTabNavKey = `${getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID)}-CaseView-ActiveTab`;
+        PCore.getNavigationUtils().setComponentState(activeTabNavKey, { id: currentTabId });
+        return () => {
+            if (getPConnect().getContextName()?.includes('/modal')) {
+                PCore.getNavigationUtils().setComponentState(navigationKey, { activeTab: firstTabId });
+            }
+        };
+    }, [currentTabId, children]);
+    const handleTabClick = useCallback((event, id) => {
+        tabClick(id, tabData, currentTabId, setCurrentTabId);
+    }, [tabData, currentTabId]);
+    const tabItems = useMemo(() => tabData?.filter((tab) => tab.visibility()) ?? [], [tabData, tabVisibilityStr]);
+    const tabsRef = useRef(tabItems);
+    tabsRef.current = tabItems;
+    const updateTabErrorsOnViewMutate = useCallback((messageObject, tab) => {
+        if (!messageObject.type) {
+            return;
+        }
+        const previousTabErrors = tabErrorsRef.current;
+        let currentTabState = previousTabErrors[tab.id] || {};
+        const { MESSAGES_TYPE_ERROR } = PCore.getConstants().MESSAGES;
+        if (messageObject.type !== MESSAGES_TYPE_ERROR) {
+            delete currentTabState[messageObject.fieldName];
+            currentTabState = Object.keys(currentTabState).length > 0 ? currentTabState : undefined;
+        }
+        else {
+            currentTabState = { ...currentTabState, [messageObject.fieldName]: messageObject.messages };
+        }
+        const newErrors = { ...previousTabErrors, [tab.id]: currentTabState };
+        tabErrorsRef.current = newErrors;
+        setTabErrors(newErrors);
+    }, []);
+    useEffect(() => {
+        const rawConfig = '_rawConfig';
+        tabItems.forEach((tab) => {
+            PCore.getContextTreeManager().onViewMutate(tab.getPConnect().getContextName(), tab.getPConnect().getPageReference(), tab.getPConnect()[rawConfig].config?.name, (messageObject) => updateTabErrorsOnViewMutate(messageObject, tab));
+        });
+    }, [tabItems, updateTabErrorsOnViewMutate]);
+    const navigateToFirstErrorTab = useCallback(() => {
+        const currentErrors = tabErrorsRef.current;
+        const firstTabWithError = tabsRef.current.find((tab) => {
+            const tabErrorState = currentErrors[tab.id];
+            return tabErrorState && Object.keys(tabErrorState).length > 0;
+        });
+        if (firstTabWithError) {
+            submitAttemptedRef.current = false;
+            setCurrentTabId(firstTabWithError.id);
+        }
+    }, []);
+    const highlightFirstErrorTab = useCallback(() => {
+        submitAttemptedRef.current = true;
+        navigateToFirstErrorTab();
+    }, [navigateToFirstErrorTab]);
+    useEffect(() => {
+        const { CURRENT_ASSIGNMENT_UPDATED } = PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS;
+        PCore.getPubSubUtils().subscribe(CURRENT_ASSIGNMENT_UPDATED, () => {
+            tabErrorsRef.current = {};
+            submitAttemptedRef.current = false;
+            setTabErrors({});
+        }, 'CURRENT_ASSIGNMENT_UPDATED-HierarchicalForm');
+        PCore.getPubSubUtils().subscribe(PCore.getConstants().PUB_SUB_EVENTS.ERROR_ON_FINISH_ASSIGNMENT, highlightFirstErrorTab, 'ERROR_ON_FINISH_ASSIGNMENT-HierarchicalForm');
+        return () => {
+            PCore.getPubSubUtils().unsubscribe(CURRENT_ASSIGNMENT_UPDATED, 'CURRENT_ASSIGNMENT_UPDATED-HierarchicalForm');
+            PCore.getPubSubUtils().unsubscribe(PCore.getConstants().PUB_SUB_EVENTS.ERROR_ON_FINISH_ASSIGNMENT, 'ERROR_ON_FINISH_ASSIGNMENT-HierarchicalForm');
+        };
+    }, []);
+    useEffect(() => {
+        if (submitAttemptedRef.current) {
+            navigateToFirstErrorTab();
+        }
+    }, [tabErrors, navigateToFirstErrorTab]);
+    const processedTabs = useMemo(() => {
+        return tabItems.map(tab => {
+            const errorKeys = Object.keys(tabErrors[tab.id] ?? {});
+            const errors = errorKeys.length > 0 ? errorKeys.reduce((sum, fieldName) => sum + tabErrors[tab.id][fieldName].length, 0) : undefined;
+            return { ...tab, errors };
+        });
+    }, [tabItems, tabErrors]);
+    return { currentTabId, handleTabClick, processedTabs, instructions };
+}
+//# sourceMappingURL=hooks.js.map

package/lib/components/template/HierarchicalForm/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/template/HierarchicalForm/hooks.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useMemo, useCallback, useRef, Children, type PropsWithChildren, type SyntheticEvent } from 'react';\n\nimport useGetTabsCount from '../../../hooks/useGetTabsCount';\nimport { searchtabsClick as tabClick, getActiveTabId, getFirstVisibleTabId } from '../SubTabs/tabUtils';\nimport { getInstructions } from '../../helpers/template-utils';\nimport type { PConnProps } from '../../../types/PConnProps';\n\nconst ComponentName = 'HierarchicalForm';\n\nconst getLandingPageViewName = (contextName: string) => {\n  const target = contextName.substring(0, contextName.lastIndexOf('_'));\n  const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(target);\n  const containerItemData = PCore.getContainerUtils().getContainerItemData(target, activeContainerItemID);\n  return containerItemData?.view?.config?.name;\n};\n\nexport interface HierarchicalFormProps extends PConnProps {\n  tabsVisibility?: Record<string, boolean>;\n  template?: string;\n  instructions?: string;\n  lastUpdateCaseTime?: string | number;\n}\n\nexport function useHierarchicalForm(props: PropsWithChildren<HierarchicalFormProps>) {\n  const { children = [], getPConnect, tabsVisibility = {}, template } = props;\n  const [tabErrors, setTabErrors] = useState<Record<string, any>>({});\n  const tabErrorsRef = useRef<Record<string, any>>({});\n  const submitAttemptedRef = useRef(false);\n  const { lastUpdateCaseTime = getPConnect().getValue('caseInfo.lastUpdateTime') } = props;\n  const fullCaseId = getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);\n\n  const deferLoadedTabs: any = Children.toArray(children)[0];\n  deferLoadedTabs.props.getPConnect().setInheritedProp('template', template);\n\n  const navigationKey = useMemo(() => {\n    const parentNavKey = `${\n      getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID) || getLandingPageViewName(getPConnect().getContextName())\n    }`;\n    return `${parentNavKey}-${getPConnect().getMetadata()?.name}-${ComponentName}`;\n  }, []);\n\n  const instructions = getInstructions(getPConnect(), props.instructions);\n\n  const storedTab = (PCore.getNavigationUtils().getComponentState(navigationKey) as any)?.activeTab;\n\n  const tabsFromChildren = deferLoadedTabs.props.getPConnect().getChildren();\n\n  const firstTabId = getFirstVisibleTabId(deferLoadedTabs, undefined);\n\n  const [currentTabId, setCurrentTabId] = useState(getActiveTabId(tabsFromChildren, storedTab || firstTabId));\n  const [tabVisibilityStr, setTabVisibilityStr] = useState('');\n  const { data: tabData, refreshTabData } = useGetTabsCount(deferLoadedTabs, 'hierarchical', currentTabId, template);\n\n  const handleCaseRefresh = (message: any) => {\n    if (message.subtype === 'tab') {\n      refreshTabData();\n    }\n  };\n\n  useEffect(() => {\n    let index = 0;\n    let caseSubId = '';\n    deferLoadedTabs.props\n      .getPConnect()\n      .getChildren()\n      ?.forEach((child: any) => {\n        const rawConfigProps = child.getPConnect().getRawConfigProps();\n        if ('visibility' in rawConfigProps) {\n          tabsVisibility[`${index}`] = rawConfigProps.visibility;\n        }\n        index += 1;\n      });\n\n    getPConnect().registerAdditionalProps({ tabsVisibility });\n    getPConnect().registerAdditionalProps({ lastUpdateCaseTime: '@P caseInfo.lastUpdateTime' });\n\n    if (fullCaseId) {\n      caseSubId = PCore.getMessagingServiceManager().getCaseSubscription(fullCaseId).subscribe({ caseId: fullCaseId }, handleCaseRefresh);\n    }\n\n    return () => {\n      if (fullCaseId) PCore.getMessagingServiceManager().getCaseSubscription(fullCaseId).unsubscribe(caseSubId);\n    };\n  }, []);\n\n  useEffect(() => {\n    refreshTabData();\n  }, [lastUpdateCaseTime]);\n\n  useEffect(() => {\n    const isVisibilityAvailable =\n      Object.values(tabsVisibility).length > 0 && Object.values(tabsVisibility).every(visibility => typeof visibility === 'boolean');\n    if (isVisibilityAvailable) {\n      let str = '';\n      Object.keys(tabsVisibility).forEach(key => {\n        str += key + tabsVisibility[key];\n      });\n      setTabVisibilityStr(str);\n    }\n  }, [tabsVisibility]);\n\n  useEffect(() => {\n    if (tabData && tabData.length) {\n      const activeTabId = getActiveTabId(tabData, currentTabId);\n      if (activeTabId !== currentTabId) {\n        setCurrentTabId(activeTabId);\n      }\n    }\n  }, [tabVisibilityStr, tabData]);\n\n  useEffect(() => {\n    PCore.getNavigationUtils().setComponentState(navigationKey, { activeTab: currentTabId });\n    const activeTabNavKey = `${getPConnect().getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID)}-CaseView-ActiveTab`;\n    PCore.getNavigationUtils().setComponentState(activeTabNavKey, { id: currentTabId });\n\n    return () => {\n      if (getPConnect().getContextName()?.includes('/modal')) {\n        PCore.getNavigationUtils().setComponentState(navigationKey, { activeTab: firstTabId });\n      }\n    };\n  }, [currentTabId, children]);\n\n  const handleTabClick = useCallback(\n    (event: SyntheticEvent, id: string) => {\n      tabClick(id, tabData, currentTabId, setCurrentTabId);\n    },\n    [tabData, currentTabId]\n  );\n\n  const tabItems = useMemo(() => tabData?.filter((tab: any) => tab.visibility()) ?? [], [tabData, tabVisibilityStr]);\n\n  const tabsRef = useRef(tabItems);\n  tabsRef.current = tabItems;\n\n  const updateTabErrorsOnViewMutate = useCallback((messageObject: any, tab: any) => {\n    if (!messageObject.type) {\n      return;\n    }\n    const previousTabErrors = tabErrorsRef.current;\n    let currentTabState = previousTabErrors[tab.id] || {};\n    const { MESSAGES_TYPE_ERROR } = PCore.getConstants().MESSAGES;\n    if (messageObject.type !== MESSAGES_TYPE_ERROR) {\n      delete currentTabState[messageObject.fieldName];\n      currentTabState = Object.keys(currentTabState).length > 0 ? currentTabState : undefined;\n    } else {\n      currentTabState = { ...currentTabState, [messageObject.fieldName]: messageObject.messages };\n    }\n    const newErrors = { ...previousTabErrors, [tab.id]: currentTabState };\n    tabErrorsRef.current = newErrors;\n    setTabErrors(newErrors);\n  }, []);\n\n  useEffect(() => {\n    const rawConfig = '_rawConfig';\n    tabItems.forEach((tab: any) => {\n      PCore.getContextTreeManager().onViewMutate(\n        tab.getPConnect().getContextName(),\n        tab.getPConnect().getPageReference(),\n        tab.getPConnect()[rawConfig].config?.name,\n        (messageObject: any) => updateTabErrorsOnViewMutate(messageObject, tab)\n      );\n    });\n  }, [tabItems, updateTabErrorsOnViewMutate]);\n\n  const navigateToFirstErrorTab = useCallback(() => {\n    const currentErrors = tabErrorsRef.current;\n    const firstTabWithError = tabsRef.current.find((tab: any) => {\n      const tabErrorState = currentErrors[tab.id];\n      return tabErrorState && Object.keys(tabErrorState).length > 0;\n    });\n    if (firstTabWithError) {\n      submitAttemptedRef.current = false;\n      setCurrentTabId(firstTabWithError.id);\n    }\n  }, []);\n\n  const highlightFirstErrorTab = useCallback(() => {\n    submitAttemptedRef.current = true;\n    navigateToFirstErrorTab();\n  }, [navigateToFirstErrorTab]);\n\n  useEffect(() => {\n    const { CURRENT_ASSIGNMENT_UPDATED } = PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS;\n    PCore.getPubSubUtils().subscribe(\n      CURRENT_ASSIGNMENT_UPDATED,\n      () => {\n        tabErrorsRef.current = {};\n        submitAttemptedRef.current = false;\n        setTabErrors({});\n      },\n      'CURRENT_ASSIGNMENT_UPDATED-HierarchicalForm'\n    );\n\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.ERROR_ON_FINISH_ASSIGNMENT,\n      highlightFirstErrorTab,\n      'ERROR_ON_FINISH_ASSIGNMENT-HierarchicalForm'\n    );\n\n    return () => {\n      PCore.getPubSubUtils().unsubscribe(CURRENT_ASSIGNMENT_UPDATED, 'CURRENT_ASSIGNMENT_UPDATED-HierarchicalForm');\n      PCore.getPubSubUtils().unsubscribe(\n        PCore.getConstants().PUB_SUB_EVENTS.ERROR_ON_FINISH_ASSIGNMENT,\n        'ERROR_ON_FINISH_ASSIGNMENT-HierarchicalForm'\n      );\n    };\n  }, []);\n\n  useEffect(() => {\n    if (submitAttemptedRef.current) {\n      navigateToFirstErrorTab();\n    }\n  }, [tabErrors, navigateToFirstErrorTab]);\n\n  const processedTabs = useMemo(() => {\n    return tabItems.map(tab => {\n      const errorKeys = Object.keys(tabErrors[tab.id] ?? {});\n      const errors = errorKeys.length > 0 ? errorKeys.reduce((sum, fieldName) => sum + tabErrors[tab.id][fieldName].length, 0) : undefined;\n      return { ...tab, errors };\n    });\n  }, [tabItems, tabErrors]);\n\n  return { currentTabId, handleTabClick, processedTabs, instructions };\n}\n"]}

package/lib/components/template/HierarchicalForm/index.d.ts

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

package/lib/components/template/HierarchicalForm/index.d.ts.map

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

package/lib/components/template/HierarchicalForm/index.js

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

package/lib/components/template/HierarchicalForm/index.js.map

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

package/lib/components/template/InlineDashboard/InlineDashboard.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';
 interface InlineDashboardProps extends PConnProps {
     title: string;
     filterPosition?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"InlineDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,oBAAqB,SAAQ,UAAU;IAE/C,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA6BD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,2CAmCrF"}
+{"version":3,"file":"InlineDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,oBAAqB,SAAQ,UAAU;IAE/C,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA6BD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,2CAiCrF"}

package/lib/components/template/InlineDashboard/InlineDashboard.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Grid, Typography } from '@mui/material';
+import { Grid2, Typography } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
 const useStyles = makeStyles(( /* theme */) => ({
     headerStyles: {
@@ -32,6 +32,6 @@ export default function InlineDashboard(props) {
     const { children, title, filterPosition } = props;
     const childrenToRender = children;
     const direction = filterPosition === 'inline-start' ? 'row-reverse' : 'row';
-    return (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: 'h4', className: classes.headerStyles, children: title }), filterPosition === 'block-start' && (_jsxs(Grid, { container: true, spacing: 2, direction: 'column-reverse', className: classes.containerStyles, children: [_jsx(Grid, { item: true, xs: 12, className: classes.colStyles, children: childrenToRender[0] }), _jsx(Grid, { id: 'filters', item: true, xs: 12, className: classes.filterContainerStyles, children: childrenToRender[1] })] })), filterPosition !== 'block-start' && (_jsxs(Grid, { container: true, spacing: 2, direction: direction, className: classes.containerStyles, children: [_jsx(Grid, { item: true, xs: 9, children: childrenToRender[0] }), _jsx(Grid, { id: 'filters', item: true, xs: 3, className: classes.inlineStyles, children: childrenToRender[1] })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: 'h4', className: classes.headerStyles, children: title }), filterPosition === 'block-start' && (_jsxs(Grid2, { container: true, spacing: 2, direction: 'column-reverse', className: classes.containerStyles, children: [_jsx(Grid2, { size: { xs: 12 }, className: classes.colStyles, children: childrenToRender[0] }), _jsx(Grid2, { id: 'filters', size: { xs: 12 }, className: classes.filterContainerStyles, children: childrenToRender[1] })] })), filterPosition !== 'block-start' && (_jsxs(Grid2, { container: true, spacing: 2, direction: direction, className: classes.containerStyles, children: [_jsx(Grid2, { size: { xs: 9 }, children: childrenToRender[0] }), _jsx(Grid2, { id: 'filters', size: { xs: 3 }, className: classes.inlineStyles, children: childrenToRender[1] })] }))] }));
 }
 //# sourceMappingURL=InlineDashboard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineDashboard.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAShD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,YAAY,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,SAAS;KACpB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,mBAAmB,EAAE,iBAAiB;KACvC;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA8C;IACpF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,MAAM,SAAS,GAAG,cAAc,KAAK,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5E,OAAO,CACL,8BACE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,YACrD,KAAK,GACK,EAEZ,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,gBAAgB,EAAC,SAAS,EAAE,OAAO,CAAC,eAAe,aACvF,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAC5C,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,qBAAqB,YACrE,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,EACA,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe,aAClF,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,YAC3D,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { Grid, Typography } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface InlineDashboardProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  filterPosition?: string;\n}\n\nconst useStyles = makeStyles((/* theme */) => ({\n  headerStyles: {\n    fontWeight: 500,\n    fontSize: '1.25rem'\n  },\n  containerStyles: {\n    marginTop: '1rem',\n    marginBottom: '1rem'\n  },\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  },\n  filterContainerStyles: {\n    display: 'grid',\n    gap: '1rem',\n    gridTemplateColumns: 'repeat(7, 1fr);'\n  },\n  inlineStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline',\n    marginTop: '1rem'\n  }\n}));\n\nexport default function InlineDashboard(props: PropsWithChildren<InlineDashboardProps>) {\n  const classes = useStyles();\n\n  const { children, title, filterPosition } = props;\n  const childrenToRender = children as ReactElement[];\n\n  const direction = filterPosition === 'inline-start' ? 'row-reverse' : 'row';\n  return (\n    <>\n      <Typography variant='h4' className={classes.headerStyles}>\n        {title}\n      </Typography>\n\n      {filterPosition === 'block-start' && (\n        <Grid container spacing={2} direction='column-reverse' className={classes.containerStyles}>\n          <Grid item xs={12} className={classes.colStyles}>\n            {childrenToRender[0]}\n          </Grid>\n          <Grid id='filters' item xs={12} className={classes.filterContainerStyles}>\n            {childrenToRender[1]}\n          </Grid>\n        </Grid>\n      )}\n      {filterPosition !== 'block-start' && (\n        <Grid container spacing={2} direction={direction} className={classes.containerStyles}>\n          <Grid item xs={9}>\n            {childrenToRender[0]}\n          </Grid>\n          <Grid id='filters' item xs={3} className={classes.inlineStyles}>\n            {childrenToRender[1]}\n          </Grid>\n        </Grid>\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"InlineDashboard.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAShD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,YAAY,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,SAAS;KACpB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,mBAAmB,EAAE,iBAAiB;KACvC;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA8C;IACpF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,MAAM,SAAS,GAAG,cAAc,KAAK,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5E,OAAO,CACL,8BACE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,YACrD,KAAK,GACK,EAEZ,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,KAAK,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,gBAAgB,EAAC,SAAS,EAAE,OAAO,CAAC,eAAe,aACxF,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAClD,gBAAgB,CAAC,CAAC,CAAC,GACd,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,qBAAqB,YAC3E,gBAAgB,CAAC,CAAC,CAAC,GACd,IACF,CACT,EACA,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,KAAK,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe,aACnF,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAAG,gBAAgB,CAAC,CAAC,CAAC,GAAS,EACrD,KAAC,KAAK,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,YACjE,gBAAgB,CAAC,CAAC,CAAC,GACd,IACF,CACT,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type { PropsWithChildren, ReactElement } from 'react';\nimport { Grid2, Typography } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface InlineDashboardProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  filterPosition?: string;\n}\n\nconst useStyles = makeStyles((/* theme */) => ({\n  headerStyles: {\n    fontWeight: 500,\n    fontSize: '1.25rem'\n  },\n  containerStyles: {\n    marginTop: '1rem',\n    marginBottom: '1rem'\n  },\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  },\n  filterContainerStyles: {\n    display: 'grid',\n    gap: '1rem',\n    gridTemplateColumns: 'repeat(7, 1fr);'\n  },\n  inlineStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline',\n    marginTop: '1rem'\n  }\n}));\n\nexport default function InlineDashboard(props: PropsWithChildren<InlineDashboardProps>) {\n  const classes = useStyles();\n\n  const { children, title, filterPosition } = props;\n  const childrenToRender = children as ReactElement[];\n\n  const direction = filterPosition === 'inline-start' ? 'row-reverse' : 'row';\n  return (\n    <>\n      <Typography variant='h4' className={classes.headerStyles}>\n        {title}\n      </Typography>\n\n      {filterPosition === 'block-start' && (\n        <Grid2 container spacing={2} direction='column-reverse' className={classes.containerStyles}>\n          <Grid2 size={{ xs: 12 }} className={classes.colStyles}>\n            {childrenToRender[0]}\n          </Grid2>\n          <Grid2 id='filters' size={{ xs: 12 }} className={classes.filterContainerStyles}>\n            {childrenToRender[1]}\n          </Grid2>\n        </Grid2>\n      )}\n      {filterPosition !== 'block-start' && (\n        <Grid2 container spacing={2} direction={direction} className={classes.containerStyles}>\n          <Grid2 size={{ xs: 9 }}>{childrenToRender[0]}</Grid2>\n          <Grid2 id='filters' size={{ xs: 3 }} className={classes.inlineStyles}>\n            {childrenToRender[1]}\n          </Grid2>\n        </Grid2>\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/template/InlineDashboardPage/InlineDashboardPage.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';
 interface InlineDashboardPageProps extends PConnProps {
     title: string;
     icon?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"InlineDashboardPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboardPage/InlineDashboardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIlF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,wBAAyB,SAAQ,UAAU;IAEnD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,2CAyB7F"}
+{"version":3,"file":"InlineDashboardPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboardPage/InlineDashboardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIvF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,wBAAyB,SAAQ,UAAU;IAEnD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,2CAyB7F"}

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

@@ -1 +1 @@
-{"version":3,"file":"InlineDashboardPage.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboardPage/InlineDashboardPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAkD;IAC5F,8EAA8E;IAC9E,MAAM,eAAe,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAE/D,6DAA6D;IAC7D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,GAAG,EAAE,EAAE,cAAc,GAAG,aAAa,EAAE,GAAG,KAAK,CAAC;IACnF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,qBAAqB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IACjC,WAAW,CAAC,QAAQ,GAAG,EAAE,CAAC;IAC1B,sBAAsB;IACtB,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IACxC,eAAe;IACf,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC;IAE3C,OAAO,KAAC,eAAe,OAAK,WAAW,GAAI,CAAC;AAC9C,CAAC","sourcesContent":["import { useMemo, Children, useEffect, useState, PropsWithChildren } from 'react';\n\nimport { buildFilterComponents } from '../../infra/DashboardFilter/filterUtils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface InlineDashboardPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  icon?: string;\n  filterPosition?: string;\n}\n\nexport default function InlineDashboardPage(props: PropsWithChildren<InlineDashboardPageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const InlineDashboard = getComponentFromMap('InlineDashboard');\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { children, getPConnect, icon = '', filterPosition = 'block-start' } = props;\n  const [filterComponents, setFilterComponents] = useState([]);\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  const allFilters = (getPConnect().getRawMetadata() as any).children[1];\n\n  useEffect(() => {\n    setFilterComponents(buildFilterComponents(getPConnect, allFilters));\n  }, []);\n\n  const inlineProps = { ...props };\n  inlineProps.children = [];\n  // Region layout views\n  inlineProps.children[0] = childArray[0];\n  // filter items\n  inlineProps.children[1] = filterComponents;\n\n  return <InlineDashboard {...inlineProps} />;\n}\n"]}
+{"version":3,"file":"InlineDashboardPage.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboardPage/InlineDashboardPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAA0B,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAkD;IAC5F,8EAA8E;IAC9E,MAAM,eAAe,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAE/D,6DAA6D;IAC7D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,GAAG,EAAE,EAAE,cAAc,GAAG,aAAa,EAAE,GAAG,KAAK,CAAC;IACnF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,qBAAqB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IACjC,WAAW,CAAC,QAAQ,GAAG,EAAE,CAAC;IAC1B,sBAAsB;IACtB,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IACxC,eAAe;IACf,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC;IAE3C,OAAO,KAAC,eAAe,OAAK,WAAW,GAAI,CAAC;AAC9C,CAAC","sourcesContent":["import { useMemo, Children, useEffect, useState, type PropsWithChildren } from 'react';\n\nimport { buildFilterComponents } from '../../infra/DashboardFilter/filterUtils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface InlineDashboardPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  icon?: string;\n  filterPosition?: string;\n}\n\nexport default function InlineDashboardPage(props: PropsWithChildren<InlineDashboardPageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const InlineDashboard = getComponentFromMap('InlineDashboard');\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { children, getPConnect, icon = '', filterPosition = 'block-start' } = props;\n  const [filterComponents, setFilterComponents] = useState([]);\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  const allFilters = (getPConnect().getRawMetadata() as any).children[1];\n\n  useEffect(() => {\n    setFilterComponents(buildFilterComponents(getPConnect, allFilters));\n  }, []);\n\n  const inlineProps = { ...props };\n  inlineProps.children = [];\n  // Region layout views\n  inlineProps.children[0] = childArray[0];\n  // filter items\n  inlineProps.children[1] = filterComponents;\n\n  return <InlineDashboard {...inlineProps} />;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '../../../types/PConnProps';
 interface ListPageProps extends PConnProps {
     parameters: object;
 }