@pega/react-sdk-components 0.25.2 → 0.25.4

package/lib/components/field/ObjectReference/ObjectReference.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import Grid2 from '@mui/material/Grid2';
+import { SELECTION_MODE, generateColumns, getDataRelationshipContextFromKey } from './utils';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+export default function ObjectReference(props) {
+    const { getPConnect, displayMode, allowAndPersistChangesInReviewMode: editableInReview = false, targetObjectType, mode = '', parameters, hideLabel = false, inline = false, showPromotedFilters = false, additionalFields } = props;
+    const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');
+    // Configs
+    const pConn = getPConnect();
+    const referenceType = targetObjectType === 'case' ? 'Case' : 'Data';
+    const rawViewMetadata = pConn.getRawMetadata();
+    const refFieldMetadata = pConn.getFieldMetadata(rawViewMetadata?.config?.value?.split('.', 2)[1]);
+    // Destructured properties
+    const propsToUse = { ...pConn.getInheritedProps(), ...props };
+    // Computed variables
+    const isDisplayModeEnabled = displayMode === 'DISPLAY_ONLY';
+    const canBeChangedInReviewMode = editableInReview && ['Autocomplete', 'Dropdown'].includes(rawViewMetadata.config.componentType);
+    // Editable first child on change handler
+    const onRecordChange = event => {
+        const caseKey = pConn.getCaseInfo().getKey();
+        const refreshOptions = { autoDetectRefresh: true, propertyName: '' };
+        refreshOptions.propertyName = rawViewMetadata.config?.value;
+        if (!canBeChangedInReviewMode || !pConn.getValue('__currentPageTabViewName')) {
+            const pgRef = pConn.getPageReference().replace('caseInfo.content', '');
+            const viewName = rawViewMetadata.name;
+            if (viewName && viewName.length > 0) {
+                getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);
+            }
+        }
+        // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value if event.id is unset
+        // When value is empty propValue will be undefined here and no value will be set for the reference
+        const propValue = event?.id || event?.target?.value;
+        const propName = rawViewMetadata.type === 'SimpleTableSelect' && mode === SELECTION_MODE.MULTI
+            ? PCore.getAnnotationUtils().getPropertyName(rawViewMetadata.config.selectionList)
+            : PCore.getAnnotationUtils().getPropertyName(rawViewMetadata.config?.value);
+        if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {
+            PCore.getCaseUtils()
+                .getCaseEditLock(caseKey, '')
+                .then(caseResponse => {
+                const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');
+                let curr = {};
+                const commitData = curr;
+                pageTokens.forEach(el => {
+                    if (el !== '') {
+                        curr[el] = {};
+                        curr = curr[el];
+                    }
+                });
+                // expecting format like {Customer: {pyID:"C-100"}}
+                const propArr = propName.split('.');
+                propArr.forEach((element, idx) => {
+                    if (idx + 1 === propArr.length) {
+                        curr[element] = propValue;
+                    }
+                    else {
+                        curr[element] = {};
+                        curr = curr[element];
+                    }
+                });
+                PCore.getCaseUtils()
+                    .updateCaseEditFieldsData(caseKey, { [caseKey]: commitData }, caseResponse.headers.etag, pConn.getContextName())
+                    .then(response => {
+                    PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), response.data.data.caseInfo.lastUpdateTime);
+                    PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);
+                });
+            });
+        }
+    };
+    // Prepare first child
+    const recreatedFirstChild = useMemo(() => {
+        const type = rawViewMetadata.config.componentType;
+        /* Read-only variants */
+        if (type === 'SemanticLink' && !canBeChangedInReviewMode) {
+            const config = {
+                ...rawViewMetadata.config,
+                primaryField: rawViewMetadata.config.displayField
+            };
+            config.caseClass = rawViewMetadata.config.targetObjectClass;
+            config.text = config.primaryField;
+            config.caseID = config.value;
+            config.contextPage = `@P .${rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null}`;
+            config.resourceParams = {
+                workID: config.value
+            };
+            config.resourcePayload = {
+                caseClassName: config.caseClass
+            };
+            return getPConnect().createComponent({
+                type: 'SemanticLink',
+                config: {
+                    ...config,
+                    displayMode,
+                    referenceType,
+                    hideLabel,
+                    dataRelationshipContext: rawViewMetadata.config?.displayField
+                        ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField)
+                        : null
+                }
+            });
+        }
+        if (isDisplayModeEnabled && !canBeChangedInReviewMode) {
+            return (_jsx(SingleReferenceReadonly, { config: {
+                    ...rawViewMetadata.config,
+                    primaryField: rawViewMetadata.config.displayField
+                }, getPConnect: getPConnect, label: propsToUse.label, type: type, displayAs: 'readonly', displayMode: displayMode, activeViewRuleClass: rawViewMetadata.config.targetObjectClass, referenceType: referenceType, hideLabel: hideLabel, dataRelationshipContext: rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null, additionalFields: additionalFields }));
+        }
+        // 1) Set datasource
+        generateColumns(rawViewMetadata.config, pConn, referenceType);
+        rawViewMetadata.config.deferDatasource = true;
+        rawViewMetadata.config.listType = 'datapage';
+        if (['Dropdown', 'AutoComplete'].includes(type) && !rawViewMetadata.config.placeholder) {
+            rawViewMetadata.config.placeholder = '@L Select...';
+        }
+        // 2) Pass through configs
+        rawViewMetadata.config.showPromotedFilters = showPromotedFilters;
+        if (!canBeChangedInReviewMode) {
+            rawViewMetadata.config.displayMode = displayMode;
+        }
+        // 3) Define field meta
+        let fieldMetaData = null;
+        fieldMetaData = {
+            datasourceMetadata: {
+                datasource: {
+                    parameters: {}
+                }
+            }
+        };
+        if (rawViewMetadata.config?.parameters) {
+            fieldMetaData.datasourceMetadata.datasource.parameters = parameters;
+        }
+        fieldMetaData.datasourceMetadata.datasource.propertyForDisplayText = rawViewMetadata?.config?.datasource?.fields?.text.startsWith('@P')
+            ? rawViewMetadata?.config?.datasource?.fields?.text?.substring(3)
+            : rawViewMetadata?.config?.datasource?.fields?.text;
+        fieldMetaData.datasourceMetadata.datasource.propertyForValue = rawViewMetadata?.config?.datasource?.fields?.value.startsWith('@P')
+            ? rawViewMetadata?.config?.datasource?.fields?.value?.substring(3)
+            : rawViewMetadata?.config?.datasource?.fields?.value;
+        fieldMetaData.datasourceMetadata.datasource.name = rawViewMetadata.config?.referenceList;
+        return getPConnect().createComponent({
+            type,
+            config: {
+                ...rawViewMetadata.config,
+                descriptors: mode === SELECTION_MODE.SINGLE ? refFieldMetadata?.descriptors : null,
+                datasourceMetadata: fieldMetaData?.datasourceMetadata,
+                required: propsToUse.required,
+                visibility: propsToUse.visibility,
+                disabled: propsToUse.disabled,
+                label: propsToUse.label,
+                parameters: rawViewMetadata.config.parameters,
+                readOnly: false,
+                localeReference: rawViewMetadata.config.localeReference,
+                ...(mode === SELECTION_MODE.SINGLE ? { referenceType } : ''),
+                contextClass: rawViewMetadata.config.targetObjectClass,
+                primaryField: rawViewMetadata.config?.displayField,
+                dataRelationshipContext: rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null,
+                hideLabel,
+                onRecordChange,
+                inline
+            }
+        });
+    }, [rawViewMetadata.config?.datasource?.source, parameters, propsToUse.required, propsToUse.disabled, getPConnect().getPageReference()]);
+    // Prepare children to render
+    return (_jsx(Grid2, { container: true, children: _jsx(Grid2, { children: recreatedFirstChild }) }));
+}
+//# sourceMappingURL=ObjectReference.js.map

package/lib/components/field/ObjectReference/ObjectReference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectReference.js","sourceRoot":"","sources":["../../../../src/components/field/ObjectReference/ObjectReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\n\nimport Grid2 from '@mui/material/Grid2';\n\nimport { SELECTION_MODE, generateColumns, getDataRelationshipContextFromKey } from './utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface ObjectReferenceProps extends Omit<PConnFieldProps, 'value'> {\n  // If any, enter additional props that only exist on ObjectReference here\n  getPConnect: any;\n  displayMode;\n  allowAndPersistChangesInReviewMode: any;\n  targetObjectType: any;\n  mode: string;\n  parameters: object;\n  hideLabel: boolean;\n  inline: boolean;\n  showPromotedFilters: boolean;\n  additionalFields: any;\n}\n\nexport default function ObjectReference(props: ObjectReferenceProps) {\n  const {\n    getPConnect,\n    displayMode,\n    allowAndPersistChangesInReviewMode: editableInReview = false,\n    targetObjectType,\n    mode = '',\n    parameters,\n    hideLabel = false,\n    inline = false,\n    showPromotedFilters = false,\n    additionalFields\n  } = props;\n\n  const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');\n\n  // Configs\n  const pConn = getPConnect();\n  const referenceType = targetObjectType === 'case' ? 'Case' : 'Data';\n  const rawViewMetadata = pConn.getRawMetadata();\n  const refFieldMetadata = pConn.getFieldMetadata(rawViewMetadata?.config?.value?.split('.', 2)[1]);\n\n  // Destructured properties\n  const propsToUse = { ...pConn.getInheritedProps(), ...props };\n\n  // Computed variables\n  const isDisplayModeEnabled = displayMode === 'DISPLAY_ONLY';\n  const canBeChangedInReviewMode = editableInReview && ['Autocomplete', 'Dropdown'].includes(rawViewMetadata.config.componentType);\n\n  // Editable first child on change handler\n  const onRecordChange = event => {\n    const caseKey = pConn.getCaseInfo().getKey();\n    const refreshOptions = { autoDetectRefresh: true, propertyName: '' };\n    refreshOptions.propertyName = rawViewMetadata.config?.value;\n\n    if (!canBeChangedInReviewMode || !pConn.getValue('__currentPageTabViewName')) {\n      const pgRef = pConn.getPageReference().replace('caseInfo.content', '');\n      const viewName = rawViewMetadata.name;\n      if (viewName && viewName.length > 0) {\n        getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);\n      }\n    }\n\n    // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value if event.id is unset\n    // When value is empty propValue will be undefined here and no value will be set for the reference\n    const propValue = event?.id || event?.target?.value;\n    const propName =\n      rawViewMetadata.type === 'SimpleTableSelect' && mode === SELECTION_MODE.MULTI\n        ? PCore.getAnnotationUtils().getPropertyName(rawViewMetadata.config.selectionList)\n        : PCore.getAnnotationUtils().getPropertyName(rawViewMetadata.config?.value);\n\n    if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {\n      PCore.getCaseUtils()\n        .getCaseEditLock(caseKey, '')\n        .then(caseResponse => {\n          const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');\n          let curr = {};\n          const commitData = curr;\n\n          pageTokens.forEach(el => {\n            if (el !== '') {\n              curr[el] = {};\n              curr = curr[el];\n            }\n          });\n\n          // expecting format like {Customer: {pyID:\"C-100\"}}\n          const propArr = propName.split('.');\n          propArr.forEach((element, idx) => {\n            if (idx + 1 === propArr.length) {\n              curr[element] = propValue;\n            } else {\n              curr[element] = {};\n              curr = curr[element];\n            }\n          });\n\n          PCore.getCaseUtils()\n            .updateCaseEditFieldsData(caseKey, { [caseKey]: commitData }, caseResponse.headers.etag, pConn.getContextName())\n            .then(response => {\n              PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), (response.data as any).data.caseInfo.lastUpdateTime);\n              PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);\n            });\n        });\n    }\n  };\n\n  // Prepare first child\n  const recreatedFirstChild = useMemo(() => {\n    const type = rawViewMetadata.config.componentType;\n\n    /* Read-only variants */\n    if (type === 'SemanticLink' && !canBeChangedInReviewMode) {\n      const config = {\n        ...rawViewMetadata.config,\n        primaryField: rawViewMetadata.config.displayField\n      };\n      config.caseClass = rawViewMetadata.config.targetObjectClass;\n      config.text = config.primaryField;\n      config.caseID = config.value;\n      config.contextPage = `@P .${\n        rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null\n      }`;\n      config.resourceParams = {\n        workID: config.value\n      };\n      config.resourcePayload = {\n        caseClassName: config.caseClass\n      };\n\n      return getPConnect().createComponent({\n        type: 'SemanticLink',\n        config: {\n          ...config,\n          displayMode,\n          referenceType,\n          hideLabel,\n          dataRelationshipContext: rawViewMetadata.config?.displayField\n            ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField)\n            : null\n        }\n      });\n    }\n    if (isDisplayModeEnabled && !canBeChangedInReviewMode) {\n      return (\n        <SingleReferenceReadonly\n          config={{\n            ...rawViewMetadata.config,\n            primaryField: rawViewMetadata.config.displayField\n          }}\n          getPConnect={getPConnect}\n          label={propsToUse.label}\n          type={type}\n          displayAs='readonly'\n          displayMode={displayMode}\n          activeViewRuleClass={rawViewMetadata.config.targetObjectClass} // for older views which may not have context class set, fall back to previous behavior\n          referenceType={referenceType}\n          hideLabel={hideLabel}\n          dataRelationshipContext={\n            rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null\n          }\n          additionalFields={additionalFields}\n        />\n      );\n    }\n\n    // 1) Set datasource\n    generateColumns(rawViewMetadata.config, pConn, referenceType);\n    rawViewMetadata.config.deferDatasource = true;\n    rawViewMetadata.config.listType = 'datapage';\n    if (['Dropdown', 'AutoComplete'].includes(type) && !rawViewMetadata.config.placeholder) {\n      rawViewMetadata.config.placeholder = '@L Select...';\n    }\n\n    // 2) Pass through configs\n    rawViewMetadata.config.showPromotedFilters = showPromotedFilters;\n\n    if (!canBeChangedInReviewMode) {\n      rawViewMetadata.config.displayMode = displayMode;\n    }\n\n    // 3) Define field meta\n    let fieldMetaData: any = null;\n\n    fieldMetaData = {\n      datasourceMetadata: {\n        datasource: {\n          parameters: {}\n        }\n      }\n    };\n    if (rawViewMetadata.config?.parameters) {\n      fieldMetaData.datasourceMetadata.datasource.parameters = parameters;\n    }\n    fieldMetaData.datasourceMetadata.datasource.propertyForDisplayText = rawViewMetadata?.config?.datasource?.fields?.text.startsWith('@P')\n      ? rawViewMetadata?.config?.datasource?.fields?.text?.substring(3)\n      : rawViewMetadata?.config?.datasource?.fields?.text;\n    fieldMetaData.datasourceMetadata.datasource.propertyForValue = rawViewMetadata?.config?.datasource?.fields?.value.startsWith('@P')\n      ? rawViewMetadata?.config?.datasource?.fields?.value?.substring(3)\n      : rawViewMetadata?.config?.datasource?.fields?.value;\n    fieldMetaData.datasourceMetadata.datasource.name = rawViewMetadata.config?.referenceList;\n\n    return getPConnect().createComponent({\n      type,\n      config: {\n        ...rawViewMetadata.config,\n        descriptors: mode === SELECTION_MODE.SINGLE ? refFieldMetadata?.descriptors : null,\n        datasourceMetadata: fieldMetaData?.datasourceMetadata,\n        required: propsToUse.required,\n        visibility: propsToUse.visibility,\n        disabled: propsToUse.disabled,\n        label: propsToUse.label,\n        parameters: rawViewMetadata.config.parameters,\n        readOnly: false,\n        localeReference: rawViewMetadata.config.localeReference,\n        ...(mode === SELECTION_MODE.SINGLE ? { referenceType } : ''),\n        contextClass: rawViewMetadata.config.targetObjectClass,\n        primaryField: rawViewMetadata.config?.displayField,\n        dataRelationshipContext: rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null,\n        hideLabel,\n        onRecordChange,\n        inline\n      }\n    });\n  }, [rawViewMetadata.config?.datasource?.source, parameters, propsToUse.required, propsToUse.disabled, getPConnect().getPageReference()]);\n\n  // Prepare children to render\n  return (\n    <Grid2 container>\n      <Grid2>{recreatedFirstChild}</Grid2>\n    </Grid2>\n  );\n}\n"]}

package/lib/components/field/ObjectReference/index.d.ts

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

package/lib/components/field/ObjectReference/index.d.ts.map

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

package/lib/components/field/ObjectReference/index.js

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

package/lib/components/field/ObjectReference/index.js.map

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

package/lib/components/field/ObjectReference/utils.d.ts

@@ -0,0 +1,17 @@
+export declare const SELECTION_MODE: {
+    SINGLE: string;
+    MULTI: string;
+};
+export declare const AT_FILTEREDLIST = "@FILTERED_LIST";
+export declare const AT_PROPERTY = "@P";
+export declare const SQUARE_BRACKET_START = "[";
+export declare const SQUARE_BRACKET_END = "]";
+export declare const SIMPLE_TABLE_MANUAL_READONLY = "SimpleTableManualReadOnly";
+export declare const PAGE = "!P!";
+export declare const PAGELIST = "!PL!";
+export declare const PERIOD = ".";
+export declare function updatePageListPropertyValue(value: any): any;
+export declare function getPropertyValue(value: any): any;
+export declare const generateColumns: (config: any, pConn: any, referenceType: any) => void;
+export declare const getDataRelationshipContextFromKey: (key: any) => any;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/field/ObjectReference/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ObjectReference/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;CAAuC,CAAC;AAMnE,eAAO,MAAM,eAAe,mBAAmB,CAAC;AAChD,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,eAAO,MAAM,4BAA4B,8BAA8B,CAAC;AACxE,eAAO,MAAM,IAAI,QAAQ,CAAC;AAC1B,eAAO,MAAM,QAAQ,SAAS,CAAC;AAC/B,eAAO,MAAM,MAAM,MAAM,CAAC;AAG1B,wBAAgB,2BAA2B,CAAC,KAAK,KAAA,OAGhD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,KAAA,OASrC;AAcD,eAAO,MAAM,eAAe,GAAI,WAAM,EAAE,UAAK,EAAE,kBAAa,SA6D3D,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAAG,QAAG,QAAwB,CAAC"}

package/lib/components/field/ObjectReference/utils.js

@@ -0,0 +1,99 @@
+import { Utils } from '../../helpers/utils';
+export const SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };
+const getLeafNameFromPropertyName = property => property?.substr(property.lastIndexOf('.'));
+const isSelfReferencedProperty = (param, referenceProp) => param === referenceProp?.split('.', 2)[1];
+export const AT_FILTEREDLIST = '@FILTERED_LIST';
+export const AT_PROPERTY = '@P';
+export const SQUARE_BRACKET_START = '[';
+export const SQUARE_BRACKET_END = ']';
+export const SIMPLE_TABLE_MANUAL_READONLY = 'SimpleTableManualReadOnly';
+export const PAGE = '!P!';
+export const PAGELIST = '!PL!';
+export const PERIOD = '.';
+const AT = '@';
+export function updatePageListPropertyValue(value) {
+    value = value.substring(0, value.indexOf(SQUARE_BRACKET_START)) + value.substring(value.indexOf(SQUARE_BRACKET_END) + 1);
+    return value;
+}
+export function getPropertyValue(value) {
+    if (value.startsWith(AT)) {
+        value = value.substring(value.indexOf(' ') + 1);
+        if (value.startsWith(PERIOD))
+            value = value.substring(1);
+    }
+    if (value.includes(SQUARE_BRACKET_START)) {
+        value = updatePageListPropertyValue(value);
+    }
+    return value;
+}
+const getCompositeKeys = (c11nEnv, property) => {
+    const { datasource: { parameters = {} } = {} } = c11nEnv.getFieldMetadata(property) || {};
+    return Object.values(parameters).reduce((compositeKeys, param) => {
+        if (isSelfReferencedProperty(property, param)) {
+            let propName = getPropertyValue(param);
+            propName = propName.substring(propName.indexOf('.'));
+            compositeKeys.push(propName);
+        }
+        return compositeKeys;
+    }, []);
+};
+export const generateColumns = (config, pConn, referenceType) => {
+    const displayField = getLeafNameFromPropertyName(config.displayField);
+    const referenceProp = config.value.split('.', 2)[1];
+    const compositeKeys = getCompositeKeys(pConn, referenceProp);
+    let value = getLeafNameFromPropertyName(config.value);
+    const columns = [];
+    if (displayField) {
+        columns.push({
+            value: displayField,
+            display: 'true',
+            useForSearch: true,
+            primary: 'true'
+        });
+    }
+    if (value && compositeKeys.indexOf(value) !== -1) {
+        columns.push({
+            value,
+            setProperty: 'Associated property',
+            key: 'true'
+        });
+    }
+    else {
+        const actualValue = compositeKeys.length > 0 ? compositeKeys[0] : value;
+        config.value = `@P .${referenceProp}${actualValue}`;
+        value = actualValue;
+        columns.push({
+            value: actualValue,
+            setProperty: 'Associated property',
+            key: 'true'
+        });
+    }
+    config.datasource = {
+        fields: {
+            key: getLeafNameFromPropertyName(config.value),
+            text: getLeafNameFromPropertyName(config.displayField),
+            value: getLeafNameFromPropertyName(config.value)
+        }
+    };
+    if (referenceType === 'Case') {
+        columns.push({
+            secondary: 'true',
+            display: 'true',
+            value: Utils.getMappedKey('pyID'),
+            useForSearch: true
+        });
+    }
+    compositeKeys.forEach(key => {
+        if (value !== key)
+            columns.push({
+                value: key,
+                display: 'false',
+                secondary: 'true',
+                useForSearch: false,
+                setProperty: `.${referenceProp}${key}`
+            });
+    });
+    config.columns = columns;
+};
+export const getDataRelationshipContextFromKey = key => key.split('.', 2)[1];
+//# sourceMappingURL=utils.js.map

package/lib/components/field/ObjectReference/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/field/ObjectReference/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { Utils } from '../../helpers/utils';\n\nexport const SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };\n\nconst getLeafNameFromPropertyName = property => property?.substr(property.lastIndexOf('.'));\n\nconst isSelfReferencedProperty = (param, referenceProp) => param === referenceProp?.split('.', 2)[1];\n\nexport const AT_FILTEREDLIST = '@FILTERED_LIST';\nexport const AT_PROPERTY = '@P';\nexport const SQUARE_BRACKET_START = '[';\nexport const SQUARE_BRACKET_END = ']';\n\nexport const SIMPLE_TABLE_MANUAL_READONLY = 'SimpleTableManualReadOnly';\nexport const PAGE = '!P!';\nexport const PAGELIST = '!PL!';\nexport const PERIOD = '.';\nconst AT = '@';\n\nexport function updatePageListPropertyValue(value) {\n  value = value.substring(0, value.indexOf(SQUARE_BRACKET_START)) + value.substring(value.indexOf(SQUARE_BRACKET_END) + 1);\n  return value;\n}\n\nexport function getPropertyValue(value) {\n  if (value.startsWith(AT)) {\n    value = value.substring(value.indexOf(' ') + 1);\n    if (value.startsWith(PERIOD)) value = value.substring(1);\n  }\n  if (value.includes(SQUARE_BRACKET_START)) {\n    value = updatePageListPropertyValue(value);\n  }\n  return value;\n}\n\nconst getCompositeKeys = (c11nEnv, property) => {\n  const { datasource: { parameters = {} } = {} } = c11nEnv.getFieldMetadata(property) || {};\n  return Object.values(parameters).reduce((compositeKeys: any, param) => {\n    if (isSelfReferencedProperty(property, param)) {\n      let propName = getPropertyValue(param);\n      propName = propName.substring(propName.indexOf('.'));\n      compositeKeys.push(propName);\n    }\n    return compositeKeys;\n  }, []);\n};\n\nexport const generateColumns = (config, pConn, referenceType) => {\n  const displayField = getLeafNameFromPropertyName(config.displayField);\n  const referenceProp = config.value.split('.', 2)[1];\n  const compositeKeys: any = getCompositeKeys(pConn, referenceProp);\n  let value = getLeafNameFromPropertyName(config.value);\n\n  const columns: any = [];\n  if (displayField) {\n    columns.push({\n      value: displayField,\n      display: 'true',\n      useForSearch: true,\n      primary: 'true'\n    });\n  }\n  if (value && compositeKeys.indexOf(value) !== -1) {\n    columns.push({\n      value,\n      setProperty: 'Associated property',\n      key: 'true'\n    });\n  } else {\n    const actualValue = compositeKeys.length > 0 ? compositeKeys[0] : value;\n    config.value = `@P .${referenceProp}${actualValue}`;\n    value = actualValue;\n    columns.push({\n      value: actualValue,\n      setProperty: 'Associated property',\n      key: 'true'\n    });\n  }\n\n  config.datasource = {\n    fields: {\n      key: getLeafNameFromPropertyName(config.value),\n      text: getLeafNameFromPropertyName(config.displayField),\n      value: getLeafNameFromPropertyName(config.value)\n    }\n  };\n\n  if (referenceType === 'Case') {\n    columns.push({\n      secondary: 'true',\n      display: 'true',\n      value: Utils.getMappedKey('pyID'),\n      useForSearch: true\n    });\n  }\n\n  compositeKeys.forEach(key => {\n    if (value !== key)\n      columns.push({\n        value: key,\n        display: 'false',\n        secondary: 'true',\n        useForSearch: false,\n        setProperty: `.${referenceProp}${key}`\n      });\n  });\n\n  config.columns = columns;\n};\n\nexport const getDataRelationshipContextFromKey = key => key.split('.', 2)[1];\n"]}

package/lib/components/field/RadioButtons/RadioButtons.d.ts

@@ -2,6 +2,13 @@ import type { PConnFieldProps } from '../../../types/PConnProps';
 interface RadioButtonsProps extends PConnFieldProps {
     inline: boolean;
     fieldMetadata?: any;
+    variant?: string;
+    hideFieldLabels?: boolean;
+    additionalProps?: any;
+    imagePosition?: string;
+    imageSize?: string;
+    showImageDescription?: boolean;
+    datasource?: any;
 }
 export default function RadioButtons(props: RadioButtonsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/field/RadioButtons/RadioButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,UAAU,iBAAkB,SAAQ,eAAe;IAEjD,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAiG5D"}
+{"version":3,"file":"RadioButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,UAAU,iBAAkB,SAAQ,eAAe;IAEjD,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAuI5D"}

package/lib/components/field/RadioButtons/RadioButtons.js

@@ -7,7 +7,8 @@ import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function RadioButtons(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const FieldValueList = getComponentFromMap('FieldValueList');
-    const { getPConnect, label, value = '', readOnly, validatemessage, helperText, status, required, inline, displayMode, hideLabel, fieldMetadata } = props;
+    const SelectableCard = getComponentFromMap('SelectableCard');
+    const { getPConnect, label, value = '', readOnly, validatemessage, helperText, status, required, inline, displayMode, hideLabel, fieldMetadata, variant, hideFieldLabels, additionalProps, datasource, imagePosition, imageSize, showImageDescription } = props;
     const [theSelectedButton, setSelectedButton] = useState(value);
     const thePConn = getPConnect();
     const theConfigProps = thePConn.getConfigProps();
@@ -44,6 +45,16 @@ export default function RadioButtons(props) {
     const handleBlur = event => {
         thePConn.getValidationApi().validate(event.target.value, ''); // 2nd arg empty string until typedef marked correctly as optional
     };
+    if (variant === 'card') {
+        const stateProps = thePConn.getStateProps();
+        return (_jsxs("div", { children: [_jsx("h4", { style: { marginTop: 0, marginBottom: 0 }, children: label }), _jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 40ch), 1fr))', gridAutoRows: '1fr', gap: '0.5rem' }, children: _jsx(SelectableCard, { hideFieldLabels: hideFieldLabels, additionalProps: additionalProps, getPConnect: getPConnect, dataSource: datasource, image: {
+                            imagePosition,
+                            imageSize,
+                            showImageDescription,
+                            imageField: stateProps.image?.split('.').pop(),
+                            imageDescription: stateProps.imageDescription?.split('.').pop()
+                        }, onChange: handleChange, recordKey: stateProps.value?.split('.').pop(), cardLabel: stateProps.primaryField?.split('.').pop(), radioBtnValue: value, type: 'radio', setIsRadioCardSelected: displayMode !== 'DISPLAY_ONLY' ? setSelectedButton : undefined }) })] }));
+    }
     return (_jsxs(FormControl, { variant: 'standard', error: status === 'error', required: required, children: [_jsx(FormLabel, { component: 'legend', children: label }), _jsx(RadioGroup, { value: theSelectedButton, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, row: inline, children: theOptions.map(theOption => {
                     return (_jsx(FormControlLabel, { value: theOption.key, label: thePConn.getLocalizedValue(theOption.value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)), control: _jsx(Radio, { color: 'primary', disabled: readOnly }, theOption.key) }, theOption.key));
                 }) }), _jsx(FormHelperText, { children: helperTextToDisplay })] }));

package/lib/components/field/RadioButtons/RadioButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtons.js","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { Radio, RadioGroup, FormControl, FormControlLabel, FormLabel, FormHelperText } from '@mui/material';\n\nimport Utils from '../../helpers/utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\n// Can't use RadioButtonProps until getLocaleRuleNameFromKeys is NOT private\ninterface RadioButtonsProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on RadioButtons here\n  inline: boolean;\n  fieldMetadata?: any;\n}\n\nexport default function RadioButtons(props: RadioButtonsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    value = '',\n    readOnly,\n    validatemessage,\n    helperText,\n    status,\n    required,\n    inline,\n    displayMode,\n    hideLabel,\n    fieldMetadata\n  } = props;\n  const [theSelectedButton, setSelectedButton] = useState(value);\n\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = (thePConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\n  const className = thePConn.getCaseInfo().getClassName();\n\n  let configProperty = (thePConn.getRawMetadata() as any)?.config?.value || '';\n  configProperty = configProperty.startsWith('@P') ? configProperty.substring(3) : configProperty;\n  configProperty = configProperty.startsWith('.') ? configProperty.substring(1) : configProperty;\n\n  const metaData = Array.isArray(fieldMetadata) ? fieldMetadata.filter(field => field?.classID === className)[0] : fieldMetadata;\n  let displayName = metaData?.datasource?.propertyForDisplayText;\n  displayName = displayName?.slice(displayName.lastIndexOf('.') + 1);\n  const localeContext = metaData?.datasource?.tableType === 'DataPage' ? 'datapage' : 'associated';\n  const localeClass = localeContext === 'datapage' ? '@baseclass' : className;\n  const localeName = localeContext === 'datapage' ? metaData?.datasource?.name : configProperty;\n  const localePath = localeContext === 'datapage' ? displayName : localeName;\n\n  // theOptions will be an array of JSON objects that are literally key/value pairs.\n  //  Ex: [ {key: \"Basic\", value: \"Basic\"} ]\n  const theOptions = Utils.getOptionList(theConfigProps, thePConn.getDataObject(''));\n\n  useEffect(() => {\n    // This update theSelectedButton which will update the UI to show the selected button correctly\n    setSelectedButton(value);\n  }, [value]);\n\n  if (displayMode === 'DISPLAY_ONLY') {\n    return (\n      <FieldValueList\n        name={hideLabel ? '' : label}\n        value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n      />\n    );\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return (\n      <FieldValueList\n        name={hideLabel ? '' : label}\n        value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n        variant='stacked'\n      />\n    );\n  }\n\n  const handleChange = event => {\n    handleEvent(actionsApi, 'changeNblur', propName, event.target.value);\n  };\n\n  const handleBlur = event => {\n    thePConn.getValidationApi().validate(event.target.value, ''); // 2nd arg empty string until typedef marked correctly as optional\n  };\n\n  return (\n    <FormControl variant='standard' error={status === 'error'} required={required}>\n      <FormLabel component='legend'>{label}</FormLabel>\n      <RadioGroup value={theSelectedButton} onChange={handleChange} onBlur={!readOnly ? handleBlur : undefined} row={inline}>\n        {theOptions.map(theOption => {\n          return (\n            <FormControlLabel\n              value={theOption.key}\n              key={theOption.key}\n              label={thePConn.getLocalizedValue(\n                theOption.value,\n                localePath,\n                thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)\n              )}\n              control={<Radio key={theOption.key} color='primary' disabled={readOnly} />}\n            />\n          );\n        })}\n      </RadioGroup>\n      <FormHelperText>{helperTextToDisplay}</FormHelperText>\n    </FormControl>\n  );\n}\n"]}
+{"version":3,"file":"RadioButtons.js","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { Radio, RadioGroup, FormControl, FormControlLabel, FormLabel, FormHelperText } from '@mui/material';\n\nimport Utils from '../../helpers/utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\n// Can't use RadioButtonProps until getLocaleRuleNameFromKeys is NOT private\ninterface RadioButtonsProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on RadioButtons here\n  inline: boolean;\n  fieldMetadata?: any;\n  variant?: string;\n  hideFieldLabels?: boolean;\n  additionalProps?: any;\n  imagePosition?: string;\n  imageSize?: string;\n  showImageDescription?: boolean;\n  datasource?: any;\n}\n\nexport default function RadioButtons(props: RadioButtonsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n  const SelectableCard = getComponentFromMap('SelectableCard');\n\n  const {\n    getPConnect,\n    label,\n    value = '',\n    readOnly,\n    validatemessage,\n    helperText,\n    status,\n    required,\n    inline,\n    displayMode,\n    hideLabel,\n    fieldMetadata,\n    variant,\n    hideFieldLabels,\n    additionalProps,\n    datasource,\n    imagePosition,\n    imageSize,\n    showImageDescription\n  } = props;\n  const [theSelectedButton, setSelectedButton] = useState(value);\n\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = (thePConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\n  const className = thePConn.getCaseInfo().getClassName();\n\n  let configProperty = (thePConn.getRawMetadata() as any)?.config?.value || '';\n  configProperty = configProperty.startsWith('@P') ? configProperty.substring(3) : configProperty;\n  configProperty = configProperty.startsWith('.') ? configProperty.substring(1) : configProperty;\n\n  const metaData = Array.isArray(fieldMetadata) ? fieldMetadata.filter(field => field?.classID === className)[0] : fieldMetadata;\n  let displayName = metaData?.datasource?.propertyForDisplayText;\n  displayName = displayName?.slice(displayName.lastIndexOf('.') + 1);\n  const localeContext = metaData?.datasource?.tableType === 'DataPage' ? 'datapage' : 'associated';\n  const localeClass = localeContext === 'datapage' ? '@baseclass' : className;\n  const localeName = localeContext === 'datapage' ? metaData?.datasource?.name : configProperty;\n  const localePath = localeContext === 'datapage' ? displayName : localeName;\n\n  // theOptions will be an array of JSON objects that are literally key/value pairs.\n  //  Ex: [ {key: \"Basic\", value: \"Basic\"} ]\n  const theOptions = Utils.getOptionList(theConfigProps, thePConn.getDataObject(''));\n\n  useEffect(() => {\n    // This update theSelectedButton which will update the UI to show the selected button correctly\n    setSelectedButton(value);\n  }, [value]);\n\n  if (displayMode === 'DISPLAY_ONLY') {\n    return (\n      <FieldValueList\n        name={hideLabel ? '' : label}\n        value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n      />\n    );\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return (\n      <FieldValueList\n        name={hideLabel ? '' : label}\n        value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n        variant='stacked'\n      />\n    );\n  }\n\n  const handleChange = event => {\n    handleEvent(actionsApi, 'changeNblur', propName, event.target.value);\n  };\n\n  const handleBlur = event => {\n    thePConn.getValidationApi().validate(event.target.value, ''); // 2nd arg empty string until typedef marked correctly as optional\n  };\n\n  if (variant === 'card') {\n    const stateProps = thePConn.getStateProps();\n    return (\n      <div>\n        <h4 style={{ marginTop: 0, marginBottom: 0 }}>{label}</h4>\n        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 40ch), 1fr))', gridAutoRows: '1fr', gap: '0.5rem' }}>\n          <SelectableCard\n            hideFieldLabels={hideFieldLabels}\n            additionalProps={additionalProps}\n            getPConnect={getPConnect}\n            dataSource={datasource}\n            image={{\n              imagePosition,\n              imageSize,\n              showImageDescription,\n              imageField: stateProps.image?.split('.').pop(),\n              imageDescription: stateProps.imageDescription?.split('.').pop()\n            }}\n            onChange={handleChange}\n            recordKey={stateProps.value?.split('.').pop()}\n            cardLabel={stateProps.primaryField?.split('.').pop()}\n            radioBtnValue={value}\n            type='radio'\n            setIsRadioCardSelected={displayMode !== 'DISPLAY_ONLY' ? setSelectedButton : undefined}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <FormControl variant='standard' error={status === 'error'} required={required}>\n      <FormLabel component='legend'>{label}</FormLabel>\n      <RadioGroup value={theSelectedButton} onChange={handleChange} onBlur={!readOnly ? handleBlur : undefined} row={inline}>\n        {theOptions.map(theOption => {\n          return (\n            <FormControlLabel\n              value={theOption.key}\n              key={theOption.key}\n              label={thePConn.getLocalizedValue(\n                theOption.value,\n                localePath,\n                thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)\n              )}\n              control={<Radio key={theOption.key} color='primary' disabled={readOnly} />}\n            />\n          );\n        })}\n      </RadioGroup>\n      <FormHelperText>{helperTextToDisplay}</FormHelperText>\n    </FormControl>\n  );\n}\n"]}

package/lib/components/field/ScalarList/ScalarList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarList.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,eAAgB,SAAQ,UAAU;IAE1C,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAcD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoCxD"}
+{"version":3,"file":"ScalarList.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,eAAgB,SAAQ,UAAU;IAE1C,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAcD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoCxD"}

package/lib/components/field/ScalarList/ScalarList.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react/no-array-index-key */
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 function CommaSeparatedList(props) {
     const { items } = props;
@@ -22,7 +21,7 @@ export default function ScalarList(props) {
                 readOnly: 'true'
             }
         }, '', 
-        // @ts-ignore
+        // @ts-expect-error
         '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
     });
     if (['STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {

package/lib/components/field/ScalarList/ScalarList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarList.js","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":";AAAA,6CAA6C;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF,SAAS,kBAAkB,CAAC,KAAK;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC1B,OAAO,yBAAmB,KAAK,IAAb,KAAK,CAAgB,CAAC;QAC1C,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/G,MAAM,KAAK,GAAG,YAAY,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE;QAC5C,OAAO,WAAW,EAAE,CAAC,eAAe,CAClC;YACE,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE;gBACN,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,cAAc;gBAC3B,KAAK;gBACL,GAAG,SAAS;gBACZ,QAAQ,EAAE,MAAM;aACjB;SACF,EACD,EAAE;QACF,aAAa;QACb,EAAE,EACF,EAAE,CACH,CAAC,CAAC,8FAA8F;IACnG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QAChE,OAAO,CACL,wBACE,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,GAChC,CACP,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAG,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAEzD,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;AAChG,CAAC","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\n// ScalarListProps can't extend PConnFieldProps because its 'value' has a different type\ninterface ScalarListProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  displayInModal: boolean;\n  hideLabel: boolean;\n  value: any[];\n  componentType: string;\n  label: string;\n  displayMode: string;\n}\n\nfunction CommaSeparatedList(props) {\n  const { items } = props;\n\n  return (\n    <ul style={{ padding: '0', margin: '0' }}>\n      {items.map((value, index) => {\n        return <span key={index}>{value}</span>;\n      })}\n    </ul>\n  );\n}\n\nexport default function ScalarList(props: ScalarListProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const { label, getPConnect, componentType, value: scalarValues, displayMode, hideLabel, ...restProps } = props;\n\n  const items = scalarValues?.map(scalarValue => {\n    return getPConnect().createComponent(\n      {\n        type: componentType,\n        config: {\n          value: scalarValue,\n          displayMode: 'DISPLAY_ONLY',\n          label,\n          ...restProps,\n          readOnly: 'true'\n        }\n      },\n      '',\n      // @ts-ignore\n      '',\n      {}\n    ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;\n  });\n\n  if (['STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {\n    return (\n      <div>\n        <CommaSeparatedList items={items} />\n      </div>\n    );\n  }\n\n  const displayComp = <CommaSeparatedList items={items} />;\n\n  return <FieldValueList name={hideLabel ? '' : label} value={displayComp} variant='stacked' />;\n}\n"]}
+{"version":3,"file":"ScalarList.js","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF,SAAS,kBAAkB,CAAC,KAAK;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC1B,OAAO,yBAAmB,KAAK,IAAb,KAAK,CAAgB,CAAC;QAC1C,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/G,MAAM,KAAK,GAAG,YAAY,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE;QAC5C,OAAO,WAAW,EAAE,CAAC,eAAe,CAClC;YACE,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE;gBACN,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,cAAc;gBAC3B,KAAK;gBACL,GAAG,SAAS;gBACZ,QAAQ,EAAE,MAAM;aACjB;SACF,EACD,EAAE;QACF,mBAAmB;QACnB,EAAE,EACF,EAAE,CACH,CAAC,CAAC,8FAA8F;IACnG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QAChE,OAAO,CACL,wBACE,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,GAChC,CACP,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAG,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAEzD,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;AAChG,CAAC","sourcesContent":["import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\n// ScalarListProps can't extend PConnFieldProps because its 'value' has a different type\ninterface ScalarListProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  displayInModal: boolean;\n  hideLabel: boolean;\n  value: any[];\n  componentType: string;\n  label: string;\n  displayMode: string;\n}\n\nfunction CommaSeparatedList(props) {\n  const { items } = props;\n\n  return (\n    <ul style={{ padding: '0', margin: '0' }}>\n      {items.map((value, index) => {\n        return <span key={index}>{value}</span>;\n      })}\n    </ul>\n  );\n}\n\nexport default function ScalarList(props: ScalarListProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const { label, getPConnect, componentType, value: scalarValues, displayMode, hideLabel, ...restProps } = props;\n\n  const items = scalarValues?.map(scalarValue => {\n    return getPConnect().createComponent(\n      {\n        type: componentType,\n        config: {\n          value: scalarValue,\n          displayMode: 'DISPLAY_ONLY',\n          label,\n          ...restProps,\n          readOnly: 'true'\n        }\n      },\n      '',\n      // @ts-expect-error\n      '',\n      {}\n    ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;\n  });\n\n  if (['STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {\n    return (\n      <div>\n        <CommaSeparatedList items={items} />\n      </div>\n    );\n  }\n\n  const displayComp = <CommaSeparatedList items={items} />;\n\n  return <FieldValueList name={hideLabel ? '' : label} value={displayComp} variant='stacked' />;\n}\n"]}

package/lib/components/field/SelectableCard/SelectableCard.d.ts

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

package/lib/components/field/SelectableCard/SelectableCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCard.d.ts","sourceRoot":"","sources":["../../../../src/components/field/SelectableCard/SelectableCard.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,KAAA,2CA2K3C"}

package/lib/components/field/SelectableCard/SelectableCard.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Radio, Checkbox, FormControlLabel, Card, CardContent, Typography } from '@mui/material';
+import { resolveReferenceFields } from './utils';
+export default function SelectableCard(props) {
+    const { getPConnect, type, image: { imagePosition, imageSize, showImageDescription, imageField = '', imageDescription = '' }, dataSource, recordKey = '', className, cardLabel, hideFieldLabels = false, readOnly, disabled, readOnlyList = [], displayMode, radioBtnValue, onChange, onBlur, onClick, onKeyDown, additionalProps, testId, setIsRadioCardSelected, showNoValue = false } = props;
+    const pConn = getPConnect();
+    if (showNoValue)
+        return _jsx(Typography, { children: "No Value" });
+    const cardDataSource = readOnly || displayMode === 'DISPLAY_ONLY' ? readOnlyList || [] : dataSource?.source;
+    const imageDescriptionKey = showImageDescription ? imageDescription : undefined;
+    let radioItemSelected = false;
+    return (_jsxs(_Fragment, { children: [(cardDataSource || []).map(item => {
+                const resolvedFields = resolveReferenceFields(item, hideFieldLabels, recordKey, pConn);
+                const commonProps = {
+                    id: item[recordKey],
+                    key: item[recordKey],
+                    fields: resolvedFields,
+                    label: item[cardLabel]
+                };
+                const image = item[imageField]
+                    ? {
+                        src: item[imageField],
+                        alt: showImageDescription && imageDescriptionKey ? item[imageDescriptionKey] : '',
+                        style: { width: imageSize, objectPosition: imagePosition }
+                    }
+                    : undefined;
+                const cardContent = (_jsxs(Card, { className: className, style: { display: 'flex' }, "data-testid": testId, children: [image && _jsx("img", { src: image.src, alt: image.alt, style: { width: '100px' } }), _jsxs(CardContent, { children: [_jsx(Typography, { variant: 'body1', children: item[cardLabel] }), commonProps.fields.map((field, index) => (_jsx(Typography, { variant: 'body2', children: field.value }, index)))] })] }));
+                if (displayMode === 'DISPLAY_ONLY') {
+                    return cardContent;
+                }
+                const component = (_jsx("div", { style: { paddingTop: '15px' }, children: _jsx(Card, { className: className, style: { display: 'flex', flexDirection: 'column', height: '100%' }, "data-testid": testId, children: _jsxs(CardContent, { style: {
+                                ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { display: 'flex', height: '100%' }),
+                                ...(imagePosition === 'inline-end' && { flexDirection: 'row-reverse' })
+                            }, children: [_jsx("div", { style: {
+                                        ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { width: '40%' })
+                                    }, children: image && (_jsx("img", { src: image.src, alt: image.alt, style: {
+                                            width: '100%',
+                                            backgroundColor: 'rgb(233, 238, 243)',
+                                            aspectRatio: '16 / 9',
+                                            maxHeight: '100%',
+                                            height: '100%',
+                                            objectFit: 'contain',
+                                            maxWidth: '100%'
+                                        } })) }), _jsxs("div", { style: {
+                                        ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { width: '60%' })
+                                    }, children: [type === 'radio' ? (_jsx(FormControlLabel, { control: _jsx(Radio, { value: item[recordKey], checked: radioBtnValue === item[recordKey], onChange: onChange, onBlur: onBlur, onClick: onClick, onKeyDown: onKeyDown, disabled: disabled, ...additionalProps }), label: _jsx(Typography, { variant: 'body1', children: item[cardLabel] }) })) : (_jsx(FormControlLabel, { control: _jsx(Checkbox, { id: item[recordKey], getPConnect: getPConnect, checked: readOnlyList.some(data => data[recordKey] === item[recordKey]), onChange: onChange, onBlur: onBlur, onClick: onClick, onKeyDown: onKeyDown, disabled: disabled, ...additionalProps }), label: _jsx(Typography, { variant: 'body1', children: item[cardLabel] }) })), commonProps.fields.map((field, index) => (_jsxs("div", { style: {
+                                                fontSize: '0.875rem',
+                                                ...(field.type !== 'TextArea' && { display: 'grid', gridTemplateColumns: '1fr 1fr' }),
+                                                margin: '5px'
+                                            }, children: [_jsx("div", { style: { color: 'rgba(0, 0, 0, 0.6)' }, children: field.name }), _jsx("div", { children: field?.value?.props.value })] }, index)))] })] }) }) }));
+                if (type === 'radio' && radioBtnValue === item[recordKey]) {
+                    radioItemSelected = true;
+                }
+                return component;
+            }), type === 'radio' && setIsRadioCardSelected && setIsRadioCardSelected(radioItemSelected)] }));
+}
+//# sourceMappingURL=SelectableCard.js.map

package/lib/components/field/SelectableCard/SelectableCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCard.js","sourceRoot":"","sources":["../../../../src/components/field/SelectableCard/SelectableCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Radio, Checkbox, FormControlLabel, Card, CardContent, Typography } from '@mui/material';\nimport { resolveReferenceFields } from './utils';\n\nexport default function SelectableCard(props) {\n  const {\n    getPConnect,\n    type,\n    image: { imagePosition, imageSize, showImageDescription, imageField = '', imageDescription = '' },\n    dataSource,\n    recordKey = '',\n    className,\n    cardLabel,\n    hideFieldLabels = false,\n    readOnly,\n    disabled,\n    readOnlyList = [],\n    displayMode,\n    radioBtnValue,\n    onChange,\n    onBlur,\n    onClick,\n    onKeyDown,\n    additionalProps,\n    testId,\n    setIsRadioCardSelected,\n    showNoValue = false\n  } = props;\n\n  const pConn = getPConnect();\n\n  if (showNoValue) return <Typography>No Value</Typography>;\n\n  const cardDataSource = readOnly || displayMode === 'DISPLAY_ONLY' ? readOnlyList || [] : dataSource?.source;\n  const imageDescriptionKey = showImageDescription ? imageDescription : undefined;\n\n  let radioItemSelected = false;\n\n  return (\n    <>\n      {(cardDataSource || []).map(item => {\n        const resolvedFields = resolveReferenceFields(item, hideFieldLabels, recordKey, pConn);\n\n        const commonProps = {\n          id: item[recordKey],\n          key: item[recordKey],\n          fields: resolvedFields,\n          label: item[cardLabel]\n        };\n\n        const image = item[imageField]\n          ? {\n              src: item[imageField],\n              alt: showImageDescription && imageDescriptionKey ? item[imageDescriptionKey] : '',\n              style: { width: imageSize, objectPosition: imagePosition }\n            }\n          : undefined;\n\n        const cardContent = (\n          <Card className={className} style={{ display: 'flex' }} data-testid={testId}>\n            {image && <img src={image.src} alt={image.alt} style={{ width: '100px' }} />}\n            <CardContent>\n              <Typography variant='body1'>{item[cardLabel]}</Typography>\n              {commonProps.fields.map((field, index) => (\n                <Typography key={index} variant='body2'>\n                  {field.value}\n                </Typography>\n              ))}\n            </CardContent>\n          </Card>\n        );\n\n        if (displayMode === 'DISPLAY_ONLY') {\n          return cardContent;\n        }\n\n        const component = (\n          <div style={{ paddingTop: '15px' }}>\n            <Card className={className} style={{ display: 'flex', flexDirection: 'column', height: '100%' }} data-testid={testId}>\n              <CardContent\n                style={{\n                  ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { display: 'flex', height: '100%' }),\n                  ...(imagePosition === 'inline-end' && { flexDirection: 'row-reverse' })\n                }}\n              >\n                <div\n                  style={{\n                    ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { width: '40%' })\n                  }}\n                >\n                  {image && (\n                    <img\n                      src={image.src}\n                      alt={image.alt}\n                      style={{\n                        width: '100%',\n                        backgroundColor: 'rgb(233, 238, 243)',\n                        aspectRatio: '16 / 9',\n                        maxHeight: '100%',\n                        height: '100%',\n                        objectFit: 'contain',\n                        maxWidth: '100%'\n                      }}\n                    />\n                  )}\n                </div>\n                <div\n                  style={{\n                    ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { width: '60%' })\n                  }}\n                >\n                  {type === 'radio' ? (\n                    <FormControlLabel\n                      control={\n                        <Radio\n                          value={item[recordKey]}\n                          checked={radioBtnValue === item[recordKey]}\n                          onChange={onChange}\n                          onBlur={onBlur}\n                          onClick={onClick}\n                          onKeyDown={onKeyDown}\n                          disabled={disabled}\n                          {...additionalProps}\n                        />\n                      }\n                      label={<Typography variant='body1'>{item[cardLabel]}</Typography>}\n                    />\n                  ) : (\n                    <FormControlLabel\n                      control={\n                        <Checkbox\n                          id={item[recordKey]}\n                          getPConnect={getPConnect}\n                          checked={readOnlyList.some(data => data[recordKey] === item[recordKey])}\n                          onChange={onChange}\n                          onBlur={onBlur}\n                          onClick={onClick}\n                          onKeyDown={onKeyDown}\n                          disabled={disabled}\n                          {...additionalProps}\n                        />\n                      }\n                      label={<Typography variant='body1'>{item[cardLabel]}</Typography>}\n                    />\n                  )}\n\n                  {commonProps.fields.map((field, index) => (\n                    <div\n                      key={index}\n                      style={{\n                        fontSize: '0.875rem',\n                        ...(field.type !== 'TextArea' && { display: 'grid', gridTemplateColumns: '1fr 1fr' }),\n                        margin: '5px'\n                      }}\n                    >\n                      <div style={{ color: 'rgba(0, 0, 0, 0.6)' }}>{field.name}</div>\n                      <div>{field?.value?.props.value}</div>\n                    </div>\n                  ))}\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        );\n\n        if (type === 'radio' && radioBtnValue === item[recordKey]) {\n          radioItemSelected = true;\n        }\n\n        return component;\n      })}\n\n      {type === 'radio' && setIsRadioCardSelected && setIsRadioCardSelected(radioItemSelected)}\n    </>\n  );\n}\n"]}

package/lib/components/field/SelectableCard/index.d.ts

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

package/lib/components/field/SelectableCard/index.d.ts.map

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

package/lib/components/field/SelectableCard/index.js

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