Skip to content

Datatable: Add Picklist Support for Apex-Defined Data #1673

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Datatable: Add Picklist Support for Apex-Defined Data #1673

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
1df0380
Datatable: Add Picklist Support for Apex-Defined Data (#1)
jasonsiders Oct 2, 2025
c7d2423
fixing fallback values
jasonsiders Oct 2, 2025
bb11025
reverting formatting changes
jasonsiders Oct 4, 2025
dc3c9bf
Fix to Non-Serialized Picklists (#2)
jasonsiders Oct 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 58 additions & 10 deletions flow_screen_components/datatable/force-app/main/default/lwc/datatable/datatable.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -647,8 +647,44 @@ export default class Datatable extends LightningElement {
dateFieldArray = [];
datetimeFieldArray = [];
@api picklistFieldArray = [];
@api picklistReplaceValues = false;
apex_picklistFieldMap = [];
@api picklistReplaceValues = false;
@api
get apex_picklistFieldMap() {
return this._apex_picklistFieldMap || {};
}
set apex_picklistFieldMap(value) {
try {
const isValidString = (typeof value === 'string' && value?.trim()?.length > 0);
this._apex_picklistFieldMap = (isValidString) ? this.convertPicklistFormat(JSON.parse(value)) : [];
} catch (e) {
console.log('Error parsing apex_picklistFieldMap JSON:', e);
this._apex_picklistFieldMap = [];
}
}
_apex_picklistFieldMap = {};

convertPicklistFormat(picklistMap) {
// Convert from user-friendly format: {"fieldName": [{"label":"...", "value":"..."}]}
// To internal format: {"fieldName": {"label": "value"}}
const converted = {};
Object.keys(picklistMap).forEach(fieldName => {
const fieldValues = picklistMap[fieldName];
if (Array.isArray(fieldValues)) {
// Convert array format to object format
converted[fieldName] = {};
fieldValues?.forEach(item => {
if (item?.label && item?.hasOwnProperty('value')) {
converted[fieldName][item?.label] = item?.value;
}
});
} else {
// Already in internal format, use as-is
converted[fieldName] = fieldValues;
}
});
return converted;
}

@api picklistMap = [];
@api edits = [];
@api isEditAttribSet = false;
Expand Down Expand Up @@ -1354,11 +1390,13 @@ export default class Datatable extends LightningElement {
if (this.picklistReplaceValues) {
let noMatch = false;
this.picklistFieldArray.forEach(picklist => {
Object.keys(this.apex_picklistFieldMap[picklist]).forEach(map => {
if (map != this.apex_picklistFieldMap[picklist][map]) {
noMatch = true;
}
});
if (this.picklistFieldMap[picklist]) {
Object.keys(this.picklistFieldMap[picklist]).forEach(map => {
if (map != this.picklistFieldMap[picklist][map]) {
noMatch = true;
}
});
}
});
this.picklistReplaceValues = noMatch;
}
Expand Down Expand Up @@ -1518,10 +1556,10 @@ export default class Datatable extends LightningElement {
// Handle replacement of Picklist API Names with Labels
if (this.picklistReplaceValues) {
picklistFields.forEach(picklist => {
if (record[picklist]) {
if (record[picklist] && this.picklistFieldMap[picklist]) {
let picklistLabels = [];
record[picklist].split(';').forEach(picklistValue => {
picklistLabels.push(this.apex_picklistFieldMap[picklist][picklistValue]);
record[picklist].split(';').forEach(picklistValue => {
picklistLabels.push(this.picklistFieldMap[picklist][picklistValue]);
});
record[picklist] = picklistLabels.join(';');
}
Expand Down Expand Up @@ -1713,6 +1751,16 @@ export default class Datatable extends LightningElement {
this.typeAttrib = [];
this.typeAttrib.type = type;
}

// Convert 'picklist' to 'combobox' if picklist values are available (from apex or wire service)
if (this.typeAttrib.type === 'picklist') {
const hasApexPicklistValues = this.apex_picklistFieldMap && this.apex_picklistFieldMap[fieldName];
const hasWirePicklistValues = this._picklistData && this._picklistData.picklistFieldValues && this._picklistData.picklistFieldValues[fieldName];
if (hasApexPicklistValues || hasWirePicklistValues) {
this.typeAttrib.type = 'combobox';
type = 'combobox';
}
}
}
}

Expand Down
1 change: 1 addition & 0 deletions flow_screen_components/datatable/force-app/main/default/lwc/datatable/datatable.js-meta.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@
<property name="serializedRecordData" label="_ (User Defined) Display Serialized Record?" type="String" default="false" role="inputOnly" description="String variable containing the records. Serialized record data."/>
<property name="isSerializedRecordData" type="Boolean" role="inputOnly"/>
<property name="cb_isSerializedRecordData" type="String" role="inputOnly"/>
<property name="apex_picklistFieldMap" label="_ (User Defined) Picklist Field Map" type="String" role="inputOnly" description="JSON string containing picklist values for user-defined objects."/>
<!-- =========== Outputs =========== -->
<property name="outputSelectedRowsString" label="Output Selected Rows (User Defined)" type="String" role="outputOnly" description="Object Collection string variable to contain only the records that were selected in the datatable.
-- NOTE: These records may not contain all of the edited values."/>
Expand Down
16 changes: 16 additions & 0 deletions ...en_components/datatable/force-app/main/default/lwc/ers_datatableCPE/ers_datatableCPE.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -782,6 +782,22 @@ <h2 class="slds-modal__title slds-hyphenate">Configure Columns</h2>
automatic-output-variables={automaticOutputVariables}>
</c-fsc_flow-combobox>

<!-- Picklist Field Map (Apex-Defined) -->
<c-fsc_flow-combobox
if:false={isSObjectInput}
name="select_apex_picklistFieldMap"
label={inputValues.apex_picklistFieldMap.label}
value={inputValues.apex_picklistFieldMap.value}
value-type={inputValues.apex_picklistFieldMap.valueDataType}
field-level-help={inputValues.apex_picklistFieldMap.helpText}
builder-context-filter-collection-boolean={inputValues.apex_picklistFieldMap.isCollection}
builder-context={_builderContext}
allow-hard-code-reference=true
placeholder-text="Manual entry allowed"
onvaluechanged={handleFlowComboboxValueChange}
automatic-output-variables={automaticOutputVariables}>
</c-fsc_flow-combobox>

<!-- Special Column CellAttribs -->
<c-fsc_flow-combobox
name="select_columnCellAttribs"
Expand Down
5 changes: 4 additions & 1 deletion ...reen_components/datatable/force-app/main/default/lwc/ers_datatableCPE/ers_datatableCPE.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -519,8 +519,10 @@ export default class ers_datatableCPE extends LightningElement {
helpText: 'Record Collection variable containing the records to show as pre-selected in the datatable.'},
tableDataString: {value: null, valueDataType: null, isCollection: false, label: 'Datatable Record String',
helpText: 'Object Collection string variable containing the records to display in the datatable.'},
preSelectedRowsString: {value: null, valueDataType: null, isCollection: false, label: 'Pre-Selected Rows String',
preSelectedRowsString: {value: null, valueDataType: null, isCollection: false, label: 'Pre-Selected Rows String',
helpText: 'Object Collection string variable containing the records to show as pre-selected in the datatable.'},
apex_picklistFieldMap: {value: null, valueDataType: null, isCollection: false, label: 'Column Picklist Values (Apex-Defined Only)',
helpText: 'JSON string containing picklist values for user-defined objects. Format: {"fieldName":[{"label":"Label1","value":"Value1"}]}'},
columnFields: {value: null, valueDataType: null, isCollection: false, label: 'Column Fields',
helpText: "REQUIRED: Comma separated list of field API Names to display in the datatable.",
isError: false, errorMessage: null},
Expand Down Expand Up @@ -802,6 +804,7 @@ export default class ers_datatableCPE extends LightningElement {
{name: 'columnFlexes'},
{name: 'columnWraps'},
{name: 'columnCellAttribs'},
{name: 'apex_picklistFieldMap'},
{name: 'columnTypeAttribs'},
{name: 'columnOtherAttribs'},
{name: 'recordTypeId'},
Expand Down