@pega/react-sdk-components 0.24.4 → 0.25.2

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 '@material-ui/core/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    // 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      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/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":"AAMA,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

@@ -11,11 +11,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;

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":["/* 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 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-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"]}

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,2CA4rBzF"}
+{"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,2CAqsBzF"}

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

@@ -1,39 +1,52 @@
 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 Table from '@material-ui/core/Table';
-import TableBody from '@material-ui/core/TableBody';
-import TableCell from '@material-ui/core/TableCell';
-import TableContainer from '@material-ui/core/TableContainer';
-import TableHead from '@material-ui/core/TableHead';
-import TableRow from '@material-ui/core/TableRow';
-import Paper from '@material-ui/core/Paper';
-import { makeStyles } from '@material-ui/core/styles';
-import Link from '@material-ui/core/Link';
+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';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import Paper from '@mui/material/Paper';
+import makeStyles from '@mui/styles/makeStyles';
+import Link from '@mui/material/Link';
 import { createElement } from 'react';
-import TableSortLabel from '@material-ui/core/TableSortLabel';
-import MoreIcon from '@material-ui/icons/MoreVert';
-import Menu from '@material-ui/core/Menu';
-import MenuItem from '@material-ui/core/MenuItem';
-import FilterListIcon from '@material-ui/icons/FilterList';
-import SubjectIcon from '@material-ui/icons/Subject';
-import Dialog from '@material-ui/core/Dialog';
-import DialogActions from '@material-ui/core/DialogActions';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import Select from '@material-ui/core/Select';
-import Button from '@material-ui/core/Button';
-import TextField from '@material-ui/core/TextField';
+import TableSortLabel from '@mui/material/TableSortLabel';
+import MoreIcon from '@mui/icons-material/MoreVert';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
+import FilterListIcon from '@mui/icons-material/FilterList';
+import SubjectIcon from '@mui/icons-material/Subject';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Select from '@mui/material/Select';
+import Button from '@mui/material/Button';
+import TextField from '@mui/material/TextField';
 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'
     },
@@ -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;
@@ -122,12 +137,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(() => {
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        buildElementsForTable();
         if (readOnlyMode || allowEditingInModal) {
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
             generateRowsData();
@@ -144,7 +155,6 @@ export default function SimpleTableManual(props) {
         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 {
@@ -193,10 +203,15 @@ export default function SimpleTableManual(props) {
     function generateRowsData() {
         // if referenceList is empty and dataPageName property value exists then make a datapage fetch call and get the list of data.
         if (!referenceList.length && dataPageName) {
-            getDataPage(dataPageName, parameters, context).then(listData => {
+            getDataPage(dataPageName, parameters, context)
+                .then(listData => {
                 const data = formatRowsData(listData);
                 myRows = data;
                 setRowData(data);
+            })
+                .catch(e => {
+                // eslint-disable-next-line no-console
+                console.log(e);
             });
         }
         else {
@@ -235,10 +250,10 @@ export default function SimpleTableManual(props) {
         if (allowEditingInModal && defaultView) {
             pConn
                 .getActionsApi()
+                // @ts-ignore
                 .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({
@@ -250,16 +265,15 @@ export default function SimpleTableManual(props) {
         if (typeof selectedRowIndex.current === 'number') {
             pConn
                 .getActionsApi()
+                // @ts-ignore
                 .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() {
@@ -268,7 +282,7 @@ 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: '' } };
+                item = { ...item, config: { ...item.config, label: '', displayMode: readOnlyMode || allowEditingInModal ? 'DISPLAY_ONLY' : undefined } };
                 const referenceListData = getReferenceList(pConn);
                 const isDatapage = referenceListData.startsWith('D_');
                 const pageReferenceValue = isDatapage
@@ -299,6 +313,9 @@ export default function SimpleTableManual(props) {
         handleRequestSort(event, property);
     };
     function descendingComparator(a, b, orderedBy) {
+        if (!orderedBy || (!a[orderedBy] && !b[orderedBy])) {
+            return 0;
+        }
         if (!b[orderedBy] || b[orderedBy] < a[orderedBy]) {
             return -1;
         }
@@ -319,7 +336,11 @@ export default function SimpleTableManual(props) {
                 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;
@@ -455,11 +476,12 @@ 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) => {
+                                        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) => {
@@ -474,11 +496,12 @@ export default function SimpleTableManual(props) {
                                             .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 => {
+                                            _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, 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, { 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, { autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'date', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue })), filterType === 'DateTime' && (_jsx(TextField, { autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'datetime-local', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue })), filterType === 'Time' && (_jsx(TextField, { autoFocus: true, margin: 'dense', id: 'containsFilter', type: 'time', fullWidth: true, value: displayDialogDateValue, onChange: _dialogDateValue }))] })) : (_jsxs(_Fragment, { children: [_jsxs(Select, { 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, { 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.fields.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