@pega/react-sdk-components 24.2.10 → 25.1.10

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

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useState, createElement } from 'react';\nimport Button from '@mui/material/Button';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport { isEmptyObject } from '../../helpers/common-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport './PromotedFilters.css';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\n// Can't use PromotedFilterProps until getContainerManager() knows about addTransientItem\n//  Currently just expects \"object\"\ninterface PromotedFilterProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  viewName: string;\n  filters: any[];\n  listViewProps: any;\n  pageClass: string;\n  parameters?: object;\n}\n\nconst localeCategory = 'SimpleTable';\nconst SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [\n  'TextInput',\n  'Percentage',\n  'Email',\n  'Integer',\n  'Decimal',\n  'Checkbox',\n  'DateTime',\n  'Date',\n  'Time',\n  'Text',\n  'TextArea',\n  'Currency',\n  'URL',\n  'RichText'\n];\n\nfunction Filters({ filters, transientItemID, localeReference }) {\n  return filters.map((filter, index) => {\n    const filterClone = { ...filter };\n    // convert any field which is not supported to TextInput and delete the placeholder as it may contain placeholder specific to original type.\n    if (!SUPPORTED_TYPES_IN_PROMOTED_FILTERS.includes(filterClone.type)) {\n      filterClone.type = 'TextInput';\n      delete filterClone.config.placeholder;\n    }\n    filterClone.config.contextName = transientItemID;\n    filterClone.config.readOnly = false;\n    filterClone.config.context = transientItemID;\n    filterClone.config.localeReference = localeReference;\n    const c11nEnv = PCore.createPConnect({\n      meta: filterClone,\n      options: {\n        hasForm: true,\n        contextName: transientItemID\n      }\n    });\n\n    // eslint-disable-next-line react/no-array-index-key\n    return <React.Fragment key={index}>{createElement(createPConnectComponent(), c11nEnv)}</React.Fragment>;\n  });\n}\n\nfunction isValidInput(input) {\n  return Object.values(input).findIndex(v => v) >= 0;\n}\n\nexport default function PromotedFilters(props: PromotedFilterProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ListView = getComponentFromMap('ListView');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const { getPConnect, viewName, filters, listViewProps, pageClass, parameters } = props;\n  const [initTable, setInitTable] = useState(false);\n  const [payload, setPayload] = useState({});\n  const filtersProperties = {};\n\n  filters.forEach(filter => {\n    filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';\n  });\n\n  const transientItemID = useMemo(() => {\n    const filtersWithClassID = {\n      ...filtersProperties,\n      classID: pageClass\n    };\n    return getPConnect().getContainerManager().addTransientItem({\n      id: viewName,\n      // @ts-ignore - Property 'coreHeaders' is missing in type '{ classID: string; }' but required in type '{ coreHeaders: any; }'.\n      data: filtersWithClassID\n    });\n  }, []);\n\n  function formatPromotedFilters(promotedFilters) {\n    return Object.entries(promotedFilters).reduce((acc, [field, value]) => {\n      if (value) {\n        acc[field] = {\n          lhs: {\n            field\n          },\n          comparator: 'EQ',\n          rhs: {\n            value\n          }\n        };\n      }\n      return acc;\n    }, {});\n  }\n\n  const getFilterData = useCallback(\n    e => {\n      e.preventDefault(); // to prevent un-intended forms submission.\n\n      const changes = PCore.getFormUtils().getChanges(transientItemID);\n      const formValues = {};\n      Object.keys(changes).forEach(key => {\n        if (!['context_data', 'pageInstructions'].includes(key)) {\n          formValues[key] = changes[key];\n        }\n      });\n      const promotedFilters = formatPromotedFilters(formValues);\n      if (PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {\n        setInitTable(true);\n        const Query: any = {\n          dataViewParameters: parameters\n        };\n\n        if (!isEmptyObject(promotedFilters)) {\n          Query.query = { filter: { filterConditions: promotedFilters } };\n        }\n        setPayload(Query);\n      }\n    },\n    [transientItemID]\n  );\n\n  const clearFilterData = useCallback(() => {\n    PCore.getContainerUtils().clearTransientData(transientItemID);\n    setInitTable(false);\n    getPConnect()?.getListActions?.()?.setSelectedRows([]); // Clear the selection (if any made by user)\n  }, [transientItemID]);\n\n  return (\n    <>\n      <div>{listViewProps.title}</div>\n      <div className='psdk-grid-filter'>\n        <Filters filters={filters} transientItemID={transientItemID} localeReference={listViewProps.localeReference} />\n      </div>\n      <div>\n        <Button key='1' type='button' onClick={clearFilterData} data-testid='clear' variant='contained' color='primary'>\n          {localizedVal('Clear', localeCategory)}\n        </Button>\n        <Button style={{ float: 'right' }} key='2' type='submit' onClick={getFilterData} data-testid='search' variant='contained' color='primary'>\n          {localizedVal('Search', localeCategory)}\n        </Button>\n      </div>\n      {initTable && (\n        <ListView\n          {...listViewProps}\n          title=''\n          payload={payload}\n          isSearchable\n          tableDisplay={{\n            show: initTable\n          }}\n        />\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../../src/components/template/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useState, createElement } from 'react';\nimport Button from '@mui/material/Button';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport { isEmptyObject } from '../../helpers/common-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport './PromotedFilters.css';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\n// Can't use PromotedFilterProps until getContainerManager() knows about addTransientItem\n//  Currently just expects \"object\"\ninterface PromotedFilterProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  viewName: string;\n  filters: any[];\n  listViewProps: any;\n  pageClass: string;\n  parameters?: object;\n}\n\nconst localeCategory = 'SimpleTable';\nconst SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [\n  'TextInput',\n  'Percentage',\n  'Email',\n  'Integer',\n  'Decimal',\n  'Checkbox',\n  'DateTime',\n  'Date',\n  'Time',\n  'Text',\n  'TextArea',\n  'Currency',\n  'URL',\n  'RichText'\n];\n\nfunction Filters({ filters, transientItemID, localeReference }) {\n  return filters.map((filter, index) => {\n    const filterClone = { ...filter };\n    // convert any field which is not supported to TextInput and delete the placeholder as it may contain placeholder specific to original type.\n    if (!SUPPORTED_TYPES_IN_PROMOTED_FILTERS.includes(filterClone.type)) {\n      filterClone.type = 'TextInput';\n      delete filterClone.config.placeholder;\n    }\n    filterClone.config.contextName = transientItemID;\n    filterClone.config.readOnly = false;\n    filterClone.config.context = transientItemID;\n    filterClone.config.localeReference = localeReference;\n    const c11nEnv = PCore.createPConnect({\n      meta: filterClone,\n      options: {\n        hasForm: true,\n        contextName: transientItemID\n      }\n    });\n\n    return <React.Fragment key={index}>{createElement(createPConnectComponent(), c11nEnv)}</React.Fragment>;\n  });\n}\n\nfunction isValidInput(input) {\n  return Object.values(input).findIndex(v => v) >= 0;\n}\n\nexport default function PromotedFilters(props: PromotedFilterProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ListView = getComponentFromMap('ListView');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const { getPConnect, viewName, filters, listViewProps, pageClass, parameters } = props;\n  const [initTable, setInitTable] = useState(false);\n  const [payload, setPayload] = useState({});\n  const filtersProperties = {};\n\n  filters.forEach(filter => {\n    filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';\n  });\n\n  const transientItemID = useMemo(() => {\n    const filtersWithClassID = {\n      ...filtersProperties,\n      classID: pageClass\n    };\n    return getPConnect().getContainerManager().addTransientItem({\n      id: viewName,\n      data: filtersWithClassID\n    });\n  }, []);\n\n  function formatPromotedFilters(promotedFilters) {\n    return Object.entries(promotedFilters).reduce((acc, [field, value]) => {\n      if (value) {\n        acc[field] = {\n          lhs: {\n            field\n          },\n          comparator: 'EQ',\n          rhs: {\n            value\n          }\n        };\n      }\n      return acc;\n    }, {});\n  }\n\n  const getFilterData = useCallback(\n    e => {\n      e.preventDefault(); // to prevent un-intended forms submission.\n\n      const changes = PCore.getFormUtils().getChanges(transientItemID);\n      const formValues = {};\n      Object.keys(changes).forEach(key => {\n        if (!['context_data', 'pageInstructions'].includes(key)) {\n          formValues[key] = changes[key];\n        }\n      });\n      const promotedFilters = formatPromotedFilters(formValues);\n      if (PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {\n        setInitTable(true);\n        const Query: any = {\n          dataViewParameters: parameters\n        };\n\n        if (!isEmptyObject(promotedFilters)) {\n          Query.query = { filter: { filterConditions: promotedFilters } };\n        }\n        setPayload(Query);\n      }\n    },\n    [transientItemID]\n  );\n\n  const clearFilterData = useCallback(() => {\n    PCore.getContainerUtils().clearTransientData(transientItemID);\n    setInitTable(false);\n    getPConnect()?.getListActions?.()?.setSelectedRows([]); // Clear the selection (if any made by user)\n  }, [transientItemID]);\n\n  return (\n    <>\n      <div>{listViewProps.title}</div>\n      <div className='psdk-grid-filter'>\n        <Filters filters={filters} transientItemID={transientItemID} localeReference={listViewProps.localeReference} />\n      </div>\n      <div>\n        <Button key='1' type='button' onClick={clearFilterData} data-testid='clear' variant='contained' color='primary'>\n          {localizedVal('Clear', localeCategory)}\n        </Button>\n        <Button style={{ float: 'right' }} key='2' type='submit' onClick={getFilterData} data-testid='search' variant='contained' color='primary'>\n          {localizedVal('Search', localeCategory)}\n        </Button>\n      </div>\n      {initTable && (\n        <ListView\n          {...listViewProps}\n          title=''\n          payload={payload}\n          isSearchable\n          tableDisplay={{\n            show: initTable\n          }}\n        />\n      )}\n    </>\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelfServiceCaseView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/SelfServiceCaseView/SelfServiceCaseView.tsx"],"names":[],"mappings":"AAkCA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,KAAA,2CA8GhD"}

package/lib/components/template/SelfServiceCaseView/SelfServiceCaseView.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Card, CardHeader, Divider, Typography } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
+import Grid2 from '@mui/material/Grid2';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+import { prepareCaseSummaryData, filterUtilities } from '../utils';
+import { Utils } from '../../helpers/utils';
+const useStyles = makeStyles(theme => ({
+    root: {
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        paddingTop: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+        marginRight: theme.spacing(1),
+        marginLeft: theme.spacing(1),
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1)
+    },
+    caseViewHeader: {
+        backgroundColor: theme.palette.info.light,
+        color: theme.palette.getContrastText(theme.palette.info.light),
+        borderRadius: 'inherit'
+    },
+    caseViewIconBox: {
+        backgroundColor: theme.palette.info.dark,
+        width: theme.spacing(8),
+        height: theme.spacing(8),
+        padding: theme.spacing(1)
+    },
+    caseViewIconImage: {
+        filter: 'var(--svg-color)'
+    }
+}));
+export default function SelfServiceCaseView(props) {
+    const classes = useStyles();
+    const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');
+    const CaseSummary = getComponentFromMap('CaseSummary');
+    const { icon = '', getPConnect, header, subheader, showCaseLifecycle = true, showSummaryRegion = true, showUtilitiesRegion = true, showCaseActions = true, children, caseClass, caseInfo: { availableActions = [], availableProcesses = [], caseTypeID = '', caseTypeName = '' } } = props;
+    const pConnect = getPConnect();
+    const [bShowCaseLifecycle, bShowSummaryRegion, bShowUtilitiesRegion, bShowCaseActions] = [
+        showCaseLifecycle,
+        showSummaryRegion,
+        showUtilitiesRegion,
+        showCaseActions
+    ].map((prop) => prop === true || prop === 'true');
+    const isObjectType = PCore.getCaseUtils().isObjectCaseType(caseClass);
+    const localeKey = pConnect?.getCaseLocaleReference();
+    const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());
+    const renderedRegions = isObjectType
+        ? {
+            caseSummary: children[0],
+            utilities: filterUtilities(children[2])
+        }
+        : {
+            caseSummary: children[0],
+            stages: children[1],
+            todo: children[2],
+            utilities: filterUtilities(children[4])
+        };
+    const { primarySummaryFields, secondarySummaryFields } = prepareCaseSummaryData(renderedRegions.caseSummary, (config) => config?.availableInChannel?.selfService === true);
+    const isUtilitiesRegionNotEmpty = () => {
+        const utilitiesElement = renderedRegions.utilities;
+        if (utilitiesElement?.props?.getPConnect()?.getChildren()?.length > 0) {
+            return utilitiesElement.props
+                .getPConnect()
+                .getChildren()
+                .some((prop) => prop.getPConnect().getConfigProps().visibility !== false);
+        }
+        return false;
+    };
+    return (_jsxs("div", { children: [bShowCaseActions && (_jsxs("div", { style: { display: 'flex', justifyContent: 'space-around', alignItems: 'center', margin: '10px' }, children: [_jsx("div", { children: PCore.getLocaleUtils().getLocaleValue(header, '', localeKey) }), _jsx(CaseViewActionsMenu, { getPConnect: getPConnect, availableActions: availableActions, availableProcesses: availableProcesses, caseTypeName: caseTypeName, caseTypeID: caseTypeID })] })), _jsx("div", { children: _jsxs(Grid2, { container: true, children: [_jsx(Grid2, { size: { xs: 3 }, children: bShowSummaryRegion && (primarySummaryFields.length > 0 || secondarySummaryFields.length > 0) && (_jsx("div", { children: _jsxs(Card, { className: classes.root, children: [_jsx(CardHeader, { className: classes.caseViewHeader, title: _jsx(Typography, { variant: 'h6', component: 'div', id: 'case-name', children: PCore.getLocaleUtils().getLocaleValue(header, '', localeKey) }), subheader: _jsx(Typography, { variant: 'body1', component: 'div', id: 'caseId', children: subheader }), avatar: _jsx(Avatar, { className: classes.caseViewIconBox, variant: 'square', children: _jsx("img", { src: svgCase, className: classes.caseViewIconImage }) }) }), _jsx(Divider, {}), _jsx(CaseSummary, { arPrimaryFields: primarySummaryFields, arSecondaryFields: secondarySummaryFields }), _jsx(Divider, {})] }) })) }), _jsxs(Grid2, { size: { xs: 6 }, children: [bShowCaseLifecycle && renderedRegions.stages, renderedRegions.todo] }), bShowUtilitiesRegion && isUtilitiesRegionNotEmpty() && _jsx(Grid2, { size: { xs: 3 }, children: renderedRegions.utilities })] }) })] }));
+}
+//# sourceMappingURL=SelfServiceCaseView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelfServiceCaseView.js","sourceRoot":"","sources":["../../../../src/components/template/SelfServiceCaseView/SelfServiceCaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Avatar, Card, CardHeader, Divider, Typography } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Grid2 from '@mui/material/Grid2';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { prepareCaseSummaryData, filterUtilities } from '../utils';\nimport { Utils } from '../../helpers/utils';\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  caseViewHeader: {\n    backgroundColor: theme.palette.info.light,\n    color: theme.palette.getContrastText(theme.palette.info.light),\n    borderRadius: 'inherit'\n  },\n  caseViewIconBox: {\n    backgroundColor: theme.palette.info.dark,\n    width: theme.spacing(8),\n    height: theme.spacing(8),\n    padding: theme.spacing(1)\n  },\n  caseViewIconImage: {\n    filter: 'var(--svg-color)'\n  }\n}));\n\nexport default function SelfServiceCaseView(props) {\n  const classes = useStyles();\n  const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');\n  const CaseSummary = getComponentFromMap('CaseSummary');\n  const {\n    icon = '',\n    getPConnect,\n    header,\n    subheader,\n    showCaseLifecycle = true,\n    showSummaryRegion = true,\n    showUtilitiesRegion = true,\n    showCaseActions = true,\n    children,\n    caseClass,\n    caseInfo: { availableActions = [], availableProcesses = [], caseTypeID = '', caseTypeName = '' }\n  } = props;\n  const pConnect = getPConnect();\n  const [bShowCaseLifecycle, bShowSummaryRegion, bShowUtilitiesRegion, bShowCaseActions] = [\n    showCaseLifecycle,\n    showSummaryRegion,\n    showUtilitiesRegion,\n    showCaseActions\n  ].map((prop: boolean | string) => prop === true || prop === 'true');\n  const isObjectType: boolean = (PCore.getCaseUtils() as any).isObjectCaseType(caseClass);\n  const localeKey = pConnect?.getCaseLocaleReference();\n  const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());\n  const renderedRegions: any = isObjectType\n    ? {\n        caseSummary: children[0],\n        utilities: filterUtilities(children[2])\n      }\n    : {\n        caseSummary: children[0],\n        stages: children[1],\n        todo: children[2],\n        utilities: filterUtilities(children[4])\n      };\n  const { primarySummaryFields, secondarySummaryFields } = prepareCaseSummaryData(\n    renderedRegions.caseSummary,\n    (config: any) => config?.availableInChannel?.selfService === true\n  );\n\n  const isUtilitiesRegionNotEmpty: () => boolean = () => {\n    const utilitiesElement = renderedRegions.utilities;\n    if (utilitiesElement?.props?.getPConnect()?.getChildren()?.length > 0) {\n      return utilitiesElement.props\n        .getPConnect()\n        .getChildren()\n        .some((prop: { getPConnect: () => any }) => prop.getPConnect().getConfigProps().visibility !== false);\n    }\n    return false;\n  };\n\n  return (\n    <div>\n      {bShowCaseActions && (\n        <div style={{ display: 'flex', justifyContent: 'space-around', alignItems: 'center', margin: '10px' }}>\n          <div>{PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}</div>\n          <CaseViewActionsMenu\n            getPConnect={getPConnect}\n            availableActions={availableActions}\n            availableProcesses={availableProcesses}\n            caseTypeName={caseTypeName}\n            caseTypeID={caseTypeID}\n          />\n        </div>\n      )}\n      <div>\n        <Grid2 container>\n          <Grid2 size={{ xs: 3 }}>\n            {bShowSummaryRegion && (primarySummaryFields.length > 0 || secondarySummaryFields.length > 0) && (\n              <div>\n                <Card className={classes.root}>\n                  <CardHeader\n                    className={classes.caseViewHeader}\n                    title={\n                      <Typography variant='h6' component='div' id='case-name'>\n                        {PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}\n                      </Typography>\n                    }\n                    subheader={\n                      <Typography variant='body1' component='div' id='caseId'>\n                        {subheader}\n                      </Typography>\n                    }\n                    avatar={\n                      <Avatar className={classes.caseViewIconBox} variant='square'>\n                        <img src={svgCase} className={classes.caseViewIconImage} />\n                      </Avatar>\n                    }\n                  />\n                  <Divider />\n                  <CaseSummary arPrimaryFields={primarySummaryFields} arSecondaryFields={secondarySummaryFields}></CaseSummary>\n                  <Divider />\n                </Card>\n              </div>\n            )}\n          </Grid2>\n\n          <Grid2 size={{ xs: 6 }}>\n            {bShowCaseLifecycle && renderedRegions.stages}\n            {renderedRegions.todo}\n          </Grid2>\n\n          {bShowUtilitiesRegion && isUtilitiesRegionNotEmpty() && <Grid2 size={{ xs: 3 }}>{renderedRegions.utilities}</Grid2>}\n        </Grid2>\n      </div>\n    </div>\n  );\n}\n"]}

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../../types/PConnProps';
+import type { PConnProps } from '../../../../types/PConnProps';
 interface SimpleTableProps extends PConnProps {
     multiRecordDisplayAs: string;
     allowTableEdit: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG1D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,oBAAoB,EAAE,MAAM,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAqG1D"}
+{"version":3,"file":"SimpleTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG/D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,oBAAoB,EAAE,MAAM,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAmG1D"}

package/lib/components/template/SimpleTable/SimpleTable/SimpleTable.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react-hooks/rules-of-hooks */
 import { useRef } from 'react';
 import { buildMetaForListView, getContext } from '../../../helpers/simpleTableHelpers';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
@@ -11,11 +10,9 @@ export default function SimpleTable(props) {
     const { getPConnect, multiRecordDisplayAs, allowTableEdit, label: labelProp, propertyLabel, displayMode, fieldMetadata, hideLabel, parameters, isDataObject, type, ruleClass, authorContext, name } = props;
     let { contextClass } = props;
     if (!contextClass) {
-        // @ts-ignore - Property 'getComponentConfig' is private and only accessible within class 'C11nEnv'.
         let listName = getPConnect().getComponentConfig().referenceList;
         listName = PCore.getAnnotationUtils().getPropertyName(listName);
         // was... contextClass = getPConnect().getFieldMetadata(listName)?.pageClass;
-        // @ts-ignore - Property 'getFieldMetadata' is private and only accessible within class 'C11nEnv'.
         const theFieldMetadata = getPConnect().getFieldMetadata(listName);
         if (theFieldMetadata) {
             contextClass = theFieldMetadata.pageClass;
@@ -39,7 +36,7 @@ export default function SimpleTable(props) {
         const metaForListView = buildMetaForListView(fieldMetadata, rawFields, type, ruleClass, name, propsToUse.label, isDataObject, parameters // resolved params
         );
         const metaForPConnect = JSON.parse(JSON.stringify(metaForListView));
-        // @ts-ignore - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.
+        // @ts-expect-error - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.
         metaForPConnect.config.parameters = rawParams ?? PCore.getMetadataUtils().getPropertyMetadata(name)?.datasource?.parameters;
         const { referenceListStr: referenceList } = getContext(getPConnect());
         let requiredContextForQueryInDisplayMode = {};

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { useRef } from 'react';\n\nimport { buildMetaForListView, getContext } from '../../../helpers/simpleTableHelpers';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\nimport { PConnProps } from '../../../../types/PConnProps';\n\n// Can't use SimpleTableProps until getComponentConfig() and getFieldMetadata() are NOT private\ninterface SimpleTableProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  multiRecordDisplayAs: string;\n  allowTableEdit: boolean;\n  contextClass: any;\n  label: string;\n  propertyLabel?: string;\n  displayMode?: string;\n  fieldMetadata?: any;\n  hideLabel?: boolean;\n  parameters?: any;\n  isDataObject?: boolean;\n  type?: string;\n  ruleClass?: string;\n  authorContext?: string;\n  name?: string;\n}\n\nexport default function SimpleTable(props: SimpleTableProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ListView = getComponentFromMap('ListView');\n  const FieldGroupTemplate = getComponentFromMap('FieldGroupTemplate');\n  const SimpleTableManual = getComponentFromMap('SimpleTableManual');\n\n  const {\n    getPConnect,\n    multiRecordDisplayAs,\n    allowTableEdit,\n    label: labelProp,\n    propertyLabel,\n    displayMode,\n    fieldMetadata,\n    hideLabel,\n    parameters,\n    isDataObject,\n    type,\n    ruleClass,\n    authorContext,\n    name\n  } = props;\n\n  let { contextClass } = props;\n  if (!contextClass) {\n    // @ts-ignore - Property 'getComponentConfig' is private and only accessible within class 'C11nEnv'.\n    let listName = getPConnect().getComponentConfig().referenceList;\n    listName = PCore.getAnnotationUtils().getPropertyName(listName);\n    // was... contextClass = getPConnect().getFieldMetadata(listName)?.pageClass;\n    // @ts-ignore - Property 'getFieldMetadata' is private and only accessible within class 'C11nEnv'.\n    const theFieldMetadata = getPConnect().getFieldMetadata(listName);\n    if (theFieldMetadata) {\n      contextClass = theFieldMetadata.pageClass;\n    } else {\n      contextClass = undefined;\n    }\n  }\n  if (multiRecordDisplayAs === 'fieldGroup') {\n    const fieldGroupProps = { ...props, contextClass };\n    return <FieldGroupTemplate {...fieldGroupProps} />;\n  }\n\n  const label = labelProp || propertyLabel;\n  const propsToUse = { label, ...getPConnect().getInheritedProps() };\n  const isDisplayModeEnabled = displayMode === 'DISPLAY_ONLY';\n\n  if (fieldMetadata && fieldMetadata.type === 'Page List' && fieldMetadata.dataRetrievalType === 'refer') {\n    const {\n      children: [{ children: rawFields }],\n      parameters: rawParams\n    } = (getPConnect().getRawMetadata() as any).config;\n    if (isDisplayModeEnabled && hideLabel) {\n      propsToUse.label = '';\n    }\n\n    const metaForListView = buildMetaForListView(\n      fieldMetadata,\n      rawFields,\n      type,\n      ruleClass,\n      name,\n      propsToUse.label,\n      isDataObject,\n      parameters // resolved params\n    );\n\n    const metaForPConnect = JSON.parse(JSON.stringify(metaForListView));\n    // @ts-ignore - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.\n    metaForPConnect.config.parameters = rawParams ?? PCore.getMetadataUtils().getPropertyMetadata(name)?.datasource?.parameters;\n\n    const { referenceListStr: referenceList } = getContext(getPConnect());\n    let requiredContextForQueryInDisplayMode = {};\n    if (isDisplayModeEnabled) {\n      requiredContextForQueryInDisplayMode = {\n        referenceList\n      };\n    }\n    const options = {\n      context: getPConnect().getContextName(),\n      pageReference: getPConnect().getPageReference(),\n      ...requiredContextForQueryInDisplayMode\n    };\n\n    const refToPConnect = useRef(PCore.createPConnect({ meta: metaForPConnect, options }).getPConnect).current; // getPConnect should be created only once.\n    /* BUG-637178 : need to send context */\n    const listViewProps = {\n      ...metaForListView.config,\n      getPConnect: refToPConnect,\n      displayMode,\n      fieldName: authorContext,\n      bInForm: true\n    };\n    return <ListView {...listViewProps} />;\n  }\n  const simpleTableManualProps: any = { ...props, contextClass };\n  if (allowTableEdit === false) {\n    simpleTableManualProps.hideAddRow = true;\n    simpleTableManualProps.hideDeleteRow = true;\n    simpleTableManualProps.disableDragDrop = true;\n  }\n  return <SimpleTableManual {...simpleTableManualProps} />;\n}\n"]}
+{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\n\nimport { buildMetaForListView, getContext } from '../../../helpers/simpleTableHelpers';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\n\nimport type { PConnProps } from '../../../../types/PConnProps';\n\n// Can't use SimpleTableProps until getComponentConfig() and getFieldMetadata() are NOT private\ninterface SimpleTableProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  multiRecordDisplayAs: string;\n  allowTableEdit: boolean;\n  contextClass: any;\n  label: string;\n  propertyLabel?: string;\n  displayMode?: string;\n  fieldMetadata?: any;\n  hideLabel?: boolean;\n  parameters?: any;\n  isDataObject?: boolean;\n  type?: string;\n  ruleClass?: string;\n  authorContext?: string;\n  name?: string;\n}\n\nexport default function SimpleTable(props: SimpleTableProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ListView = getComponentFromMap('ListView');\n  const FieldGroupTemplate = getComponentFromMap('FieldGroupTemplate');\n  const SimpleTableManual = getComponentFromMap('SimpleTableManual');\n\n  const {\n    getPConnect,\n    multiRecordDisplayAs,\n    allowTableEdit,\n    label: labelProp,\n    propertyLabel,\n    displayMode,\n    fieldMetadata,\n    hideLabel,\n    parameters,\n    isDataObject,\n    type,\n    ruleClass,\n    authorContext,\n    name\n  } = props;\n\n  let { contextClass } = props;\n  if (!contextClass) {\n    let listName = getPConnect().getComponentConfig().referenceList;\n    listName = PCore.getAnnotationUtils().getPropertyName(listName);\n    // was... contextClass = getPConnect().getFieldMetadata(listName)?.pageClass;\n    const theFieldMetadata = getPConnect().getFieldMetadata(listName);\n    if (theFieldMetadata) {\n      contextClass = theFieldMetadata.pageClass;\n    } else {\n      contextClass = undefined;\n    }\n  }\n  if (multiRecordDisplayAs === 'fieldGroup') {\n    const fieldGroupProps = { ...props, contextClass };\n    return <FieldGroupTemplate {...fieldGroupProps} />;\n  }\n\n  const label = labelProp || propertyLabel;\n  const propsToUse = { label, ...getPConnect().getInheritedProps() };\n  const isDisplayModeEnabled = displayMode === 'DISPLAY_ONLY';\n\n  if (fieldMetadata && fieldMetadata.type === 'Page List' && fieldMetadata.dataRetrievalType === 'refer') {\n    const {\n      children: [{ children: rawFields }],\n      parameters: rawParams\n    } = (getPConnect().getRawMetadata() as any).config;\n    if (isDisplayModeEnabled && hideLabel) {\n      propsToUse.label = '';\n    }\n\n    const metaForListView = buildMetaForListView(\n      fieldMetadata,\n      rawFields,\n      type,\n      ruleClass,\n      name,\n      propsToUse.label,\n      isDataObject,\n      parameters // resolved params\n    );\n\n    const metaForPConnect = JSON.parse(JSON.stringify(metaForListView));\n    // @ts-expect-error - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.\n    metaForPConnect.config.parameters = rawParams ?? PCore.getMetadataUtils().getPropertyMetadata(name)?.datasource?.parameters;\n\n    const { referenceListStr: referenceList } = getContext(getPConnect());\n    let requiredContextForQueryInDisplayMode = {};\n    if (isDisplayModeEnabled) {\n      requiredContextForQueryInDisplayMode = {\n        referenceList\n      };\n    }\n    const options = {\n      context: getPConnect().getContextName(),\n      pageReference: getPConnect().getPageReference(),\n      ...requiredContextForQueryInDisplayMode\n    };\n\n    const refToPConnect = useRef(PCore.createPConnect({ meta: metaForPConnect, options }).getPConnect).current; // getPConnect should be created only once.\n    /* BUG-637178 : need to send context */\n    const listViewProps = {\n      ...metaForListView.config,\n      getPConnect: refToPConnect,\n      displayMode,\n      fieldName: authorContext,\n      bInForm: true\n    };\n    return <ListView {...listViewProps} />;\n  }\n  const simpleTableManualProps: any = { ...props, contextClass };\n  if (allowTableEdit === false) {\n    simpleTableManualProps.hideAddRow = true;\n    simpleTableManualProps.hideDeleteRow = true;\n    simpleTableManualProps.disableDragDrop = true;\n  }\n  return <SimpleTableManual {...simpleTableManualProps} />;\n}\n"]}

package/lib/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.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 SimpleTableManualProps extends PConnProps {
     hideAddRow?: boolean;
     hideDeleteRow?: boolean;
@@ -19,6 +19,8 @@ interface SimpleTableManualProps extends PConnProps {
     displayMode?: string;
     useSeparateViewForEdit: any;
     viewForEditModal: any;
+    validatemessage?: string;
+    required?: boolean;
 }
 export default function SimpleTableManual(props: PropsWithChildren<SimpleTableManualProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTableManual.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,iBAAiB,EAAgD,MAAM,OAAO,CAAC;AA8B/F,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG1D,UAAU,sBAAuB,SAAQ,UAAU;IAEjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,GAAG,CAAC;IAC3B,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAC7B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,gBAAgB,EAAE,GAAG,CAAC;CACvB;AAoCD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,CAAC,sBAAsB,CAAC,2CAwsBzF"}
+{"version":3,"file":"SimpleTableManual.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,iBAAiB,EAAgD,MAAM,OAAO,CAAC;AA+BpG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG/D,UAAU,sBAAuB,SAAQ,UAAU;IAEjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,GAAG,CAAC;IAC3B,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAC7B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,gBAAgB,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiDD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,CAAC,sBAAsB,CAAC,2CAwsBzF"}

package/lib/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.js

@@ -1,6 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable no-nested-ternary */
-import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
@@ -28,14 +27,28 @@ import createPConnectComponent from '../../../../bridge/react_pconnect';
 import { Utils } from '../../../helpers/utils';
 import { getReferenceList } from '../../../helpers/field-group-utils';
 import { getDataPage } from '../../../helpers/data_page';
+import { getGenericFieldsLocalizedValue } from '../../../helpers/common-utils';
 import { buildFieldsForTable, filterData, getContext } from '../../../helpers/simpleTableHelpers';
 import { format } from '../../../helpers/formatters';
 const useStyles = makeStyles(( /* theme */) => ({
     label: {
         margin: '8px'
     },
+    tableLabel: {
+        '&::after': {
+            display: 'inline',
+            content: '" *"',
+            verticalAlign: 'top',
+            color: 'var(--app-error-color)'
+        }
+    },
+    message: {
+        margin: '8px',
+        color: 'var(--app-error-color)',
+        fontSize: '14px'
+    },
     header: {
-        background: '#f5f5f5'
+        background: 'var(--table-header-background)'
     },
     tableCell: {
         borderRight: '1px solid lightgray',
@@ -64,7 +77,7 @@ let myRows;
 export default function SimpleTableManual(props) {
     const classes = useStyles();
     const { getPConnect, referenceList = [], // if referenceList not in configProps$, default to empy list
-    children, renderMode, presets, label: labelProp, showLabel, dataPageName, contextClass, hideAddRow, hideDeleteRow, propertyLabel, fieldMetadata, editMode, addAndEditRowsWithin, viewForAddAndEditModal, editModeConfig, displayMode, useSeparateViewForEdit, viewForEditModal } = props;
+    children, renderMode, presets, label: labelProp, showLabel, dataPageName, contextClass, hideAddRow, hideDeleteRow, propertyLabel, fieldMetadata, editMode, addAndEditRowsWithin, viewForAddAndEditModal, editModeConfig, displayMode, useSeparateViewForEdit, viewForEditModal, required, validatemessage } = props;
     const pConn = getPConnect();
     const [rowData, setRowData] = useState([]);
     const [elements, setElementsData] = useState([]);
@@ -83,6 +96,8 @@ export default function SimpleTableManual(props) {
     const [displayDialogDateFilter, setDisplayDialogDateFilter] = useState('notequal');
     const [displayDialogDateValue, setDisplayDialogDateValue] = useState('');
     const selectedRowIndex = useRef(null);
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'SimpleTable';
     const parameters = fieldMetadata?.datasource?.parameters;
     const { referenceListStr } = getContext(getPConnect());
     const label = labelProp || propertyLabel;
@@ -96,6 +111,7 @@ export default function SimpleTableManual(props) {
     pConn.setReferenceList(resolvedList);
     const menuIconOverride$ = Utils.getImageSrc('trash', Utils.getSDKStaticConentUrl());
     const resolvedFields = children?.[0]?.children || presets?.[0].children?.[0].children;
+    const primaryFieldsViewIndex = resolvedFields.findIndex(field => field.config.value === 'pyPrimaryFields');
     // NOTE: props has each child.config with datasource and value undefined
     //  but getRawMetadata() has each child.config with datasource and value showing their unresolved values (ex: "@P thePropName")
     //  We need to use the prop name as the "glue" to tie the table dataSource, displayColumns and data together.
@@ -122,14 +138,8 @@ export default function SimpleTableManual(props) {
         return { ...resolvedFields[index], propName: field.config.value.replace('@P .', '') };
     });
     useEffect(() => {
-        if (editableMode && !allowEditingInModal) {
-            // eslint-disable-next-line @typescript-eslint/no-use-before-define
-            buildElementsForTable();
-        }
-    }, [referenceList.length]);
-    useEffect(() => {
+        buildElementsForTable();
         if (readOnlyMode || allowEditingInModal) {
-            // eslint-disable-next-line @typescript-eslint/no-use-before-define
             generateRowsData();
         }
     }, [referenceList]);
@@ -139,16 +149,18 @@ export default function SimpleTableManual(props) {
     //  Constellation DX Components do). It will also have the "label", and "meta" contains the original,
     //  unchanged config info. For now, much of the info here is carried over from
     //  Constellation DX Components.
-    const fieldDefs = buildFieldsForTable(rawFields, resolvedFields, showDeleteButton);
+    const fieldDefs = buildFieldsForTable(rawFields, getPConnect(), showDeleteButton, {
+        primaryFieldsViewIndex,
+        fields: resolvedFields
+    });
     useLayoutEffect(() => {
         if (allowEditingInModal) {
             getPConnect()
                 .getListActions()
-                // @ts-ignore - An argument for 'uniqueField' was not provided.
                 .initDefaultPageInstructions(getPConnect().getReferenceList(), fieldDefs.filter(item => item.name).map(item => item.name));
         }
         else {
-            // @ts-ignore - An argument for 'fields' was not provided
+            // @ts-expect-error - An argument for 'fields' was not provided
             getPConnect().getListActions().initDefaultPageInstructions(getPConnect().getReferenceList());
         }
     }, []);
@@ -200,7 +212,6 @@ export default function SimpleTableManual(props) {
                 setRowData(data);
             })
                 .catch(e => {
-                // eslint-disable-next-line no-console
                 console.log(e);
             });
         }
@@ -240,10 +251,10 @@ export default function SimpleTableManual(props) {
         if (allowEditingInModal && defaultView) {
             pConn
                 .getActionsApi()
+                // @ts-expect-error
                 .openEmbeddedDataModal(defaultView, pConn, referenceListStr, referenceList.length, PCore.getConstants().RESOURCE_STATUS.CREATE);
         }
         else {
-            // @ts-ignore - An argument for 'pageRef' was not provided.
             pConn.getListActions().insert({ classID: contextClass }, referenceList.length);
         }
         getPConnect().clearErrorMessages({
@@ -255,16 +266,15 @@ export default function SimpleTableManual(props) {
         if (typeof selectedRowIndex.current === 'number') {
             pConn
                 .getActionsApi()
+                // @ts-expect-error
                 .openEmbeddedDataModal(bUseSeparateViewForEdit ? editView : defaultView, pConn, referenceListStr, selectedRowIndex.current, PCore.getConstants().RESOURCE_STATUS.UPDATE);
         }
     };
     const deleteRecord = () => {
         setEditAnchorEl(null);
-        // @ts-ignore - An argument for 'pageRef' was not provided.
         pConn.getListActions().deleteEntry(selectedRowIndex.current);
     };
     const deleteRecordFromInlineEditable = (index) => {
-        // @ts-ignore - An argument for 'pageRef' was not provided.
         pConn.getListActions().deleteEntry(index);
     };
     function buildElementsForTable() {
@@ -273,23 +283,25 @@ export default function SimpleTableManual(props) {
             const data = [];
             rawFields.forEach(item => {
                 // removing label field from config to hide title in the table cell
-                item = { ...item, config: { ...item.config, label: '' } };
-                const referenceListData = getReferenceList(pConn);
-                const isDatapage = referenceListData.startsWith('D_');
-                const pageReferenceValue = isDatapage
-                    ? `${referenceListData}[${index}]`
-                    : `${pConn.getPageReference()}${referenceListData.substring(referenceListData.lastIndexOf('.'))}[${index}]`;
-                const config = {
-                    meta: item,
-                    options: {
-                        context,
-                        pageReference: pageReferenceValue,
-                        referenceList: referenceListData,
-                        hasForm: true
-                    }
-                };
-                const view = PCore.createPConnect(config);
-                data.push(createElement(createPConnectComponent(), view));
+                if (!item.config.hide) {
+                    item = { ...item, config: { ...item.config, label: '', displayMode: readOnlyMode || allowEditingInModal ? 'DISPLAY_ONLY' : undefined } };
+                    const referenceListData = getReferenceList(pConn);
+                    const isDatapage = referenceListData.startsWith('D_');
+                    const pageReferenceValue = isDatapage
+                        ? `${referenceListData}[${index}]`
+                        : `${pConn.getPageReference()}${referenceListData.substring(referenceListData.lastIndexOf('.'))}[${index}]`;
+                    const config = {
+                        meta: item,
+                        options: {
+                            context,
+                            pageReference: pageReferenceValue,
+                            referenceList: referenceListData,
+                            hasForm: true
+                        }
+                    };
+                    const view = PCore.createPConnect(config);
+                    data.push(createElement(createPConnectComponent(), view));
+                }
             });
             eleData.push(data);
         });
@@ -321,13 +333,16 @@ export default function SimpleTableManual(props) {
     function stableSort(array, comparator) {
         const stabilizedThis = array.map((el, index) => [el, index]);
         stabilizedThis.sort((a, b) => {
-            // eslint-disable-next-line @typescript-eslint/no-shadow
             const order = comparator(a[0], b[0]);
             if (order !== 0)
                 return order;
             return a[1] - b[1];
         });
-        return stabilizedThis.map(el => el[0]);
+        const newElements = new Array(stabilizedThis.length);
+        stabilizedThis.forEach((el, index) => {
+            newElements[index] = elements[el[1]];
+        });
+        return newElements;
     }
     function _menuClick(event, columnId, columnType, labelValue) {
         menuColumnId = columnId;
@@ -450,7 +465,6 @@ export default function SimpleTableManual(props) {
     function _showFilteredIcon(columnId) {
         for (const filterObj of filterByColumns) {
             if (filterObj.ref === columnId) {
-                // eslint-disable-next-line sonarjs/prefer-single-boolean-return
                 if (filterObj.containsFilterValue !== '') {
                     return true;
                 }
@@ -463,11 +477,15 @@ export default function SimpleTableManual(props) {
         const len = editableMode ? elements.length : rowData.length;
         return len ? (_jsxs("span", { style: { fontSize: '0.9em', opacity: '0.7' }, children: [len, " result", len > 1 ? 's' : ''] })) : null;
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(TableContainer, { component: Paper, style: { margin: '4px 0px' }, id: 'simple-table-manual', children: [propsToUse.label && (_jsxs("h3", { className: classes.label, children: [propsToUse.label, " ", results()] })), _jsxs(Table, { children: [_jsx(TableHead, { className: classes.header, children: _jsx(TableRow, { children: fieldDefs.map((field, index) => {
-                                        return (_jsx(TableCell, { className: classes.tableCell, children: readOnlyMode ? (_jsxs("div", { children: [_jsxs(TableSortLabel, { active: orderBy === displayedColumns[index], direction: orderBy === displayedColumns[index] ? order : 'asc', onClick: createSortHandler(displayedColumns[index]), children: [field.label || '---', _showFilteredIcon(field.name) && _jsx(FilterListIcon, { className: classes.moreIcon }), orderBy === displayedColumns[index] ? (_jsx("span", { className: classes.visuallyHidden, children: order === 'desc' ? 'sorted descending' : 'sorted ascending' })) : null] }), _jsx(MoreIcon, { id: 'menu-icon', className: classes.moreIcon, onClick: event => {
+    return (_jsxs(_Fragment, { children: [_jsxs(TableContainer, { component: Paper, style: { margin: '4px 0px' }, id: 'simple-table-manual', children: [propsToUse.label && (_jsxs("h3", { className: `${classes.label} ${required ? classes.tableLabel : ''}`, children: [propsToUse.label, " ", results()] })), validatemessage && _jsx("div", { className: classes.message, children: validatemessage }), _jsxs(Table, { children: [_jsx(TableHead, { className: classes.header, children: _jsx(TableRow, { children: fieldDefs.map((field, index) => {
+                                        if (field?.meta?.config?.hide) {
+                                            return null; // Skip rendering if hide = true
+                                        }
+                                        return (_jsx(TableCell, { className: classes.tableCell, children: (readOnlyMode || allowEditingInModal) && field.cellRenderer !== 'DeleteIcon' ? (_jsxs("div", { style: { display: 'flex' }, children: [_jsxs(TableSortLabel, { style: { width: '75%' }, active: orderBy === displayedColumns[index], direction: orderBy === displayedColumns[index] ? order : 'asc', onClick: createSortHandler(displayedColumns[index]), children: [field.label || '---', _showFilteredIcon(field.name) && _jsx(FilterListIcon, { className: classes.moreIcon }), orderBy === displayedColumns[index] ? (_jsx("span", { className: classes.visuallyHidden, children: order === 'desc' ? 'sorted descending' : 'sorted ascending' })) : null] }), _jsx(MoreIcon, { style: { cursor: 'pointer', zIndex: 1000 }, id: 'menu-icon', onClick: event => {
                                                             _menuClick(event, field.name, field.meta.type, field.label);
                                                         } })] })) : (field.label) }, `head-${displayedColumns[index]}`));
                                     }) }) }), _jsxs(TableBody, { children: [editableMode &&
+                                        !allowEditingInModal &&
                                         elements.map((row, index) => {
                                             const theKey = `row-${index}`;
                                             return (_jsxs(TableRow, { children: [row.map((item, childIndex) => {
@@ -480,13 +498,12 @@ export default function SimpleTableManual(props) {
                                         stableSort(rowData, getComparator(order, orderBy))
                                             .slice(0)
                                             .map((row, index) => {
-                                            return (
-                                            // eslint-disable-next-line react/no-array-index-key
-                                            _jsx(TableRow, { children: displayedColumns.map(colKey => {
-                                                    return (_jsx(TableCell, { className: classes.tableCell, children: showDeleteButton && colKey === 'DeleteIcon' ? (_jsxs("div", { children: [_jsx(MoreIcon, { id: 'table-edit-menu-icon', className: classes.moreIcon, onClick: event => {
+                                            return (_jsxs(TableRow, { children: [row.map((item, childIndex) => {
+                                                        const theColKey = displayedColumns[childIndex];
+                                                        return (_jsx(TableCell, { className: classes.tableCell, children: item }, theColKey));
+                                                    }), showDeleteButton && (_jsx(TableCell, { className: classes.tableCell, children: _jsxs("div", { children: [_jsx(MoreIcon, { id: 'table-edit-menu-icon', className: classes.moreIcon, onClick: event => {
                                                                         editMenuClick(event, index);
-                                                                    } }), _jsxs(Menu, { id: 'table-edit-menu', anchorEl: editAnchorEl, keepMounted: true, open: Boolean(editAnchorEl), onClose: _menuClose, children: [_jsx(MenuItem, { onClick: () => editRecord(), children: "Edit" }), _jsx(MenuItem, { onClick: () => deleteRecord(), children: "Delete" })] })] })) : typeof row[colKey] === 'boolean' && !row[colKey] ? ('False') : typeof row[colKey] === 'boolean' && row[colKey] ? ('True') : (row[colKey] || '---') }, colKey));
-                                                }) }, index));
-                                        })] })] }), readOnlyMode && rowData && rowData.length === 0 && (_jsx("div", { className: 'no-records', id: 'no-records', children: "No records found." })), editableMode && referenceList && referenceList.length === 0 && (_jsx("div", { className: 'no-records', id: 'no-records', children: "No records found." }))] }), showAddRowButton && (_jsx("div", { style: { fontSize: '1rem' }, children: _jsx(Link, { style: { cursor: 'pointer' }, onClick: addRecord, underline: 'hover', children: "+ Add" }) })), _jsxs(Menu, { id: 'simple-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: _menuClose, children: [_jsxs(MenuItem, { onClick: _filterMenu, children: [_jsx(FilterListIcon, {}), " Filter"] }), _jsxs(MenuItem, { onClick: _groupMenu, children: [_jsx(SubjectIcon, {}), " Group"] })] }), _jsxs(Dialog, { open: open, onClose: _closeDialog, "aria-labelledby": 'form-dialog-title', children: [_jsxs(DialogTitle, { id: 'form-dialog-title', children: ["Filter: ", filterBy] }), _jsx(DialogContent, { children: containsDateOrTime ? (_jsxs(_Fragment, { children: [_jsxs(Select, { variant: 'standard', value: displayDialogDateFilter, onChange: _dialogDateFilter, fullWidth: true, children: [_jsx(MenuItem, { value: 'notequal', children: "is not equal to" }), _jsx(MenuItem, { value: 'equal', children: "is equal to" }), _jsx(MenuItem, { value: 'after', children: "after" }), _jsx(MenuItem, { value: 'before', children: "before" }), _jsx(MenuItem, { value: 'null', children: "is null" }), _jsx(MenuItem, { value: 'notnull', children: "is not null" })] }), filterType === 'Date' && (_jsx(TextField, { variant: 'standard', autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'date', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue })), filterType === 'DateTime' && (_jsx(TextField, { variant: 'standard', autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'datetime-local', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue })), filterType === 'Time' && (_jsx(TextField, { variant: 'standard', autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'time', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue }))] })) : (_jsxs(_Fragment, { children: [_jsxs(Select, { variant: 'standard', id: 'filter', fullWidth: true, onChange: _dialogContainsFilter, value: displayDialogContainsFilter, children: [_jsx(MenuItem, { value: 'contains', children: "Contains" }), _jsx(MenuItem, { value: 'equals', children: "Equals" }), _jsx(MenuItem, { value: 'startswith', children: "Starts with" })] }), _jsx(TextField, { variant: 'standard', autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'text', fullWidth: true, value: displayDialogContainsValue, onChange: _dialogContainsValue })] })) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: _closeDialog, color: 'secondary', children: "Cancel" }), _jsx(Button, { onClick: _submitFilter, color: 'primary', children: "Submit" })] })] })] }));
+                                                                    } }), _jsxs(Menu, { id: 'table-edit-menu', anchorEl: editAnchorEl, keepMounted: true, open: Boolean(editAnchorEl), onClose: _menuClose, children: [_jsx(MenuItem, { onClick: () => editRecord(), children: "Edit" }), _jsx(MenuItem, { onClick: () => deleteRecord(), children: "Delete" })] })] }) }, 'DeleteIcon'))] }, index));
+                                        })] })] }), ((readOnlyMode && (!rowData || rowData?.length === 0)) || (editableMode && (!referenceList || referenceList?.length === 0))) && (_jsx("div", { className: 'no-records', id: 'no-records', children: getGenericFieldsLocalizedValue('COSMOSFIELDS.lists', 'No records found.') }))] }), showAddRowButton && (_jsx("div", { style: { fontSize: '1rem' }, children: _jsxs(Link, { style: { cursor: 'pointer' }, onClick: addRecord, underline: 'hover', children: ["+ ", localizedVal('Add', localeCategory)] }) })), _jsxs(Menu, { id: 'simple-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: _menuClose, children: [_jsxs(MenuItem, { onClick: _filterMenu, children: [_jsx(FilterListIcon, {}), " Filter"] }), _jsxs(MenuItem, { onClick: _groupMenu, children: [_jsx(SubjectIcon, {}), " Group"] })] }), _jsxs(Dialog, { open: open, onClose: _closeDialog, "aria-labelledby": 'form-dialog-title', children: [_jsxs(DialogTitle, { id: 'form-dialog-title', children: ["Filter: ", filterBy] }), _jsx(DialogContent, { children: containsDateOrTime ? (_jsxs(_Fragment, { children: [_jsxs(Select, { variant: 'standard', value: displayDialogDateFilter, onChange: _dialogDateFilter, fullWidth: true, children: [_jsx(MenuItem, { value: 'notequal', children: "is not equal to" }), _jsx(MenuItem, { value: 'equal', children: "is equal to" }), _jsx(MenuItem, { value: 'after', children: "after" }), _jsx(MenuItem, { value: 'before', children: "before" }), _jsx(MenuItem, { value: 'null', children: "is null" }), _jsx(MenuItem, { value: 'notnull', children: "is not null" })] }), filterType === 'Date' && (_jsx(TextField, { variant: 'standard', autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'date', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue })), filterType === 'DateTime' && (_jsx(TextField, { variant: 'standard', autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'datetime-local', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue })), filterType === 'Time' && (_jsx(TextField, { variant: 'standard', autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'time', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue }))] })) : (_jsxs(_Fragment, { children: [_jsxs(Select, { variant: 'standard', id: 'filter', fullWidth: true, onChange: _dialogContainsFilter, value: displayDialogContainsFilter, children: [_jsx(MenuItem, { value: 'contains', children: "Contains" }), _jsx(MenuItem, { value: 'equals', children: "Equals" }), _jsx(MenuItem, { value: 'startswith', children: "Starts with" })] }), _jsx(TextField, { variant: 'standard', autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'text', fullWidth: true, value: displayDialogContainsValue, onChange: _dialogContainsValue })] })) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: _closeDialog, color: 'secondary', children: "Cancel" }), _jsx(Button, { onClick: _submitFilter, color: 'primary', children: "Submit" })] })] })] }));
 }
 //# sourceMappingURL=SimpleTableManual.js.map