pict-section-recordset 1.0.43 → 1.0.45

package/source/views/filters/RecordSet-Filter-ExternalJoinSelectedValue.js

@@ -0,0 +1,270 @@
+
+const ViewRecordSetSUBSETFilterBase = require('./RecordSet-Filter-Base');
+
+const _DEFAULT_CONFIGURATION_Filter_ExternalJoin_SelectedValue =
+{
+	ViewIdentifier: 'PRSP-FilterType-ExternalJoinSelectedValue',
+
+	Templates:
+	[
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValue-Template',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-ExternalJoin-SelectedValue-Template] -->
+	<table>
+		<tbody>
+		<td valign="top">{~T:PRSP-Filter-ExternalJoin-SelectedValue-SearchResults~}</td><td valign="top">{~T:PRSP-Filter-ExternalJoin-SelectedValue-SelectedValues~}</td>
+		</tbody>
+	</table>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SelectedValue-Template] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValue-SearchResults',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-ExternalJoin-SearchResults] -->
+	<form id="PRSP_Filter_{~D:Record.Hash~}_Search_Form" onsubmit="_Pict.views['{~D:Context[0].Hash~}'].performSearch(event, '{~D:Record.ClauseAddress~}', '{~D:Record.Hash~}'); return false;">
+		<input id="PRSP_Filter_{~D:Record.Hash~}_Search_Value" type="text" placeholder="Search..." value="{~D:Record.SearchInputValue~}" />
+		<button type="submit" id="PRSP_Filter_{~D:Record.Hash~}_Button_Search" onclick="_Pict.views['{~D:Context[0].Hash~}'].performSearch(event, '{~D:Record.ClauseAddress~}', '{~D:Record.Hash~}')">Search</button>
+	</form>
+	<table>
+		<thead>
+			<tr><th colspan="2">{~D:Record.Label~}</th></tr>
+		</thead>
+		<tbody>
+			{~TSWP:PRSP-Filter-ExternalJoin-SelectedValue-SearchResults-Entry:Record.SearchResults:Record~}
+		</tbody>
+	</table>
+	<button type="button" id="PRSP_Filter_{~D:Record.Hash~}_Button_LoadMore" class="is-hidden" onclick="_Pict.views['{~D:Context[0].Hash~}'].loadMore(event, '{~D:Record.ClauseAddress~}', '{~D:Record.Hash~}', {~D:Record.SearchResultsOffset:0~})">Load More</button>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SearchResults] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValue-SelectedValues',
+			Template: /*html*/`
+	<!-- DefaultPackage view template:	[PRSP-Filter-ExternalJoin-SelectedValue-SelectedValues] -->
+	<table>
+		<thead>
+			<tr><th colspan="2">Selection</th></tr>
+		</thead>
+		<tbody>
+			{~TSWP:PRSP-Filter-ExternalJoin-SelectedValue-SelectedValues-Entry:Record.SelectedValues:Record~}
+		</tbody>
+	</table>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SelectedValue-SelectedValues] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValue-SearchResults-Entry',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-ExternalJoin-SelectedValue-Template] -->
+	<tr><td><button onclick="_Pict.views['{~D:Context[0].Hash~}'].handleSelect(event, {~DVBK:Record.Data:Record.Payload.ExternalFilterTableLookupColumn~}, '{~D:Record.Payload.ClauseAddress~}', '{~D:Record.Payload.Hash~}')">Select</button></td><td>{~TFA:Record.Payload.ExternalRecordDisplayTemplate:Record~}</td></tr>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SelectedValue-Template] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValue-SelectedValues-Entry',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-ExternalJoin-SelectedValue-SelectedValues-Entry] -->
+	<tr><td><button onclick="_Pict.views['{~D:Context[0].Hash~}'].handleRemove(event, {~DVBK:Record.Data:Record.Payload.ExternalFilterTableLookupColumn~}, '{~D:Record.Payload.ClauseAddress~}', '{~D:Record.Payload.Hash~}')">Remove</button></td><td>{~TFA:Record.Payload.ExternalRecordDisplayTemplate:Record~}</td></tr>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SelectedValue-SelectedValues-Entry] -->
+`
+		}
+	],
+};
+
+class ViewRecordSetSUBSETFilterExternalJoinSelectedValue extends ViewRecordSetSUBSETFilterBase
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		if (!pOptions.PageSize)
+		{
+			pOptions.PageSize = 15; // default page size for search results
+		}
+		super(pFable, pOptions, pServiceHash);
+		/*
+		 * show / hide the complex editor since it'll be large ?
+		 * selected record lookup values
+		 * using bundle to load those records (if any)
+		 * templating out the selection
+		 * templating out the search results
+		 * controls to add search result values to selection
+		 */
+	}
+
+	/**
+	 * @param {Record<string, any>} pRecord
+	 */
+	prepareRecord(pRecord)
+	{
+		super.prepareRecord(pRecord);
+
+		pRecord.ClauseDescriptor.DataType = 'Number';
+		if (!pRecord.ExternalFilterTableLookupColumn)
+		{
+			pRecord.ExternalFilterTableLookupColumn = `ID${pRecord.ExternalFilterByTable}`;
+		}
+		if (!pRecord.SearchResults)
+		{
+			pRecord.SearchResults = [];
+		}
+		if (!pRecord.SelectedValues)
+		{
+			pRecord.SelectedValues = [];
+		}
+	}
+
+	getFilterFormTemplate()
+	{
+		return 'PRSP-Filter-ExternalJoin-SelectedValue-Template';
+	}
+
+	/**
+	 * @param {UIEvent} pEvent
+	 * @param {string} pClauseInformaryAddress
+	 * @param {string} pClauseHash
+	 */
+	loadMore(pEvent, pClauseInformaryAddress, pClauseHash, pCurrentOffset = 0)
+	{
+		this.performSearch(pEvent, pClauseInformaryAddress, pClauseHash, pCurrentOffset + this.options.PageSize);
+	}
+
+	/**
+	 * @param {UIEvent} pEvent
+	 * @param {string} pClauseInformaryAddress
+	 * @param {string} pClauseHash
+	 * @param {number} [pOffset=0] - The offset for the search results, defaults to 0
+	 */
+	performSearch(pEvent, pClauseInformaryAddress, pClauseHash, pOffset = 0)
+	{
+		pEvent.preventDefault();
+		const tmpClause = this.getInformaryScopedValue(pClauseInformaryAddress);
+		if (!tmpClause)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValue]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		tmpClause.SearchResultsOffset = pOffset;
+		// get the input value (search box)
+		const tmpSearchInputValue = pOffset > 0 ? tmpClause.SearchInputValue : this.pict.ContentAssignment.readContent(`#PRSP_Filter_${tmpClause.Hash}_Search_Value`);
+		tmpClause.SearchInputValue = tmpSearchInputValue;
+		if (!tmpSearchInputValue)
+		{
+			tmpClause.SearchResults = [];
+			tmpClause.LoadMoreEnabled = false;
+			const tmpRecord = Object.assign({ ClauseAddress: pClauseInformaryAddress }, tmpClause);
+			this.prepareRecord(tmpRecord);
+			const tmpDestinationAddress = `#PRSP_Filter_Container_${pClauseHash}`;
+			this.render(null, tmpDestinationAddress, tmpRecord);
+			return;
+		}
+		const tmpFilterByColumns = tmpClause.ExternalFilterByColumns || (tmpClause.ExternalFilterByColumn ? [ tmpClause.ExternalFilterByColumn ] : [ 'Name' ]);
+		const tmpMeadowFilter = tmpFilterByColumns.map((pColumn) => `FBVOR~${pColumn}~LK~${encodeURIComponent(`%${tmpSearchInputValue}%`)}`).join('~');
+		// bundle load the remote records and put them in the clause
+		this.pict.EntityProvider.gatherDataFromServer(
+			[
+				{
+					Entity: tmpClause.ExternalFilterByTable,
+					Filter: tmpMeadowFilter,
+					Destination: pOffset > 0 ? `${this.getInformaryAddressPrefix()}${pClauseInformaryAddress}.SearchResultsAppend` : `${this.getInformaryAddressPrefix()}${pClauseInformaryAddress}.SearchResults`,
+					RecordStartCursor: pOffset,
+					PageSize: this.options.PageSize,
+				}
+			],
+			(pError, pResult) =>
+			{
+				if (pOffset > 0 && tmpClause.SearchResultsAppend?.length > 0)
+				{
+					tmpClause.SearchResults = tmpClause.SearchResults.concat(tmpClause.SearchResultsAppend);
+				}
+				delete tmpClause.SearchResultsAppend;
+				tmpClause.SearchResultsOffset = pOffset;
+				const tmpRecord = Object.assign({ ClauseAddress: pClauseInformaryAddress }, tmpClause);
+				this.prepareRecord(tmpRecord);
+				const tmpDestinationAddress = `#PRSP_Filter_Container_${pClauseHash}`;
+				this.render(null, tmpDestinationAddress, tmpRecord);
+				const tmpLoadedRecords = pOffset > 0 ? tmpClause.SearchResultsAppend : tmpClause.SearchResults;
+				const tmpLoadMoreEnabled = tmpLoadedRecords && tmpLoadedRecords.length >= this.options.PageSize;
+				tmpClause.LoadMoreEnabled = tmpLoadMoreEnabled;
+				if (tmpClause.LoadMoreEnabled)
+				{
+					this.pict.ContentAssignment.removeClass(`#PRSP_Filter_${tmpClause.Hash}_Button_LoadMore`, 'is-hidden');
+				}
+			});
+	}
+
+	handleSelect(pEvent, pRecordLookupValue, pClauseInformaryAddress, pClauseHash)
+	{
+		pEvent.preventDefault();
+		const tmpClause = this.getInformaryScopedValue(pClauseInformaryAddress);
+		if (!tmpClause)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValue]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		const tmpRecordLookupColumn = tmpClause.ExternalFilterTableLookupColumn || `ID${tmpClause.ExternalFilterByTable}`;
+		const tmpRecordToSelect = tmpClause.SearchResults.find((r) => r[tmpRecordLookupColumn] == pRecordLookupValue);
+		if (!tmpRecordToSelect)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValue]  No record found to add for value: ${pRecordLookupValue}`);
+			return;
+		}
+		if (!tmpClause.SelectedValues)
+		{
+			tmpClause.SelectedValues = [];
+		}
+		if (tmpClause.SelectedValues.some((pSV) => pSV[tmpRecordLookupColumn] == pRecordLookupValue))
+		{
+			return;
+		}
+		const tmpValue = tmpRecordToSelect[tmpRecordLookupColumn];
+		if (tmpValue == null)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValue]  No value found in record to add: ${JSON.stringify(tmpRecordToSelect)}`);
+			return;
+		}
+		tmpClause.SelectedValues = [ tmpRecordToSelect ];
+		tmpClause.Values = [ tmpValue ];
+		const tmpRecord = Object.assign({ ClauseAddress: pClauseInformaryAddress }, tmpClause);
+		this.prepareRecord(tmpRecord);
+		const tmpDestinationAddress = `#PRSP_Filter_Container_${pClauseHash}`;
+		this.render(null, tmpDestinationAddress, tmpRecord);
+		if (tmpClause.LoadMoreEnabled)
+		{
+			this.pict.ContentAssignment.removeClass(`#PRSP_Filter_${tmpClause.Hash}_Button_LoadMore`, 'is-hidden');
+		}
+	}
+
+	handleRemove(pEvent, pRecordLookupValue, pClauseInformaryAddress, pClauseHash)
+	{
+		pEvent.preventDefault();
+		const tmpClause = this.getInformaryScopedValue(pClauseInformaryAddress);
+		if (!tmpClause)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValue]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		const tmpRecordLookupColumn = tmpClause.ExternalFilterTableLookupColumn || `ID${tmpClause.ExternalFilterByTable}`;
+		const tmpRecordIndexToRemove = tmpClause.SelectedValues.findIndex((r) => r[tmpRecordLookupColumn] == pRecordLookupValue);
+		if (tmpRecordIndexToRemove < 0)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValue]  No record found to remove for value: ${pRecordLookupValue}`);
+			return;
+		}
+		const tmpRecordToRemove = tmpClause.SelectedValues.splice(tmpRecordIndexToRemove, 1)[0];
+		const tmpValue = tmpRecordToRemove[tmpRecordLookupColumn];
+		tmpClause.Values = tmpClause.Values.filter((pV) => pV !== tmpValue);
+		const tmpRecord = Object.assign({ ClauseAddress: pClauseInformaryAddress }, tmpClause);
+		this.prepareRecord(tmpRecord);
+		const tmpDestinationAddress = `#PRSP_Filter_Container_${pClauseHash}`;
+		this.render(null, tmpDestinationAddress, tmpRecord);
+		if (tmpClause.LoadMoreEnabled)
+		{
+			this.pict.ContentAssignment.removeClass(`#PRSP_Filter_${tmpClause.Hash}_Button_LoadMore`, 'is-hidden');
+		}
+	}
+}
+
+module.exports = ViewRecordSetSUBSETFilterExternalJoinSelectedValue;
+
+module.exports.default_configuration = Object.assign({}, ViewRecordSetSUBSETFilterExternalJoinSelectedValue.default_configuration, _DEFAULT_CONFIGURATION_Filter_ExternalJoin_SelectedValue);

package/source/views/filters/RecordSet-Filter-ExternalJoinSelectedValueList.js

@@ -0,0 +1,277 @@
+
+const ViewRecordSetSUBSETFilterBase = require('./RecordSet-Filter-Base');
+
+const _DEFAULT_CONFIGURATION_Filter_ExternalJoin_SelectedValueList =
+{
+	ViewIdentifier: 'PRSP-FilterType-ExternalJoinSelectedValueList',
+
+	Templates:
+	[
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValueList-Template',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-ExternalJoin-SelectedValueList-Template] -->
+	<table>
+		<tbody>
+		<td valign="top">{~T:PRSP-Filter-ExternalJoin-SelectedValueList-SearchResults~}</td><td valign="top">{~T:PRSP-Filter-ExternalJoin-SelectedValueList-SelectedValues~}</td>
+		</tbody>
+	</table>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SelectedValueList-Template] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValueList-SearchResults',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-ExternalJoin-SearchResults] -->
+	<form id="PRSP_Filter_{~D:Record.Hash~}_Search_Form" onsubmit="_Pict.views['{~D:Context[0].Hash~}'].performSearch(event, '{~D:Record.ClauseAddress~}', '{~D:Record.Hash~}'); return false;">
+		<input id="PRSP_Filter_{~D:Record.Hash~}_Search_Value" type="text" placeholder="Search..." value="{~D:Record.SearchInputValue~}" />
+		<button type="submit" id="PRSP_Filter_{~D:Record.Hash~}_Button_Search" onclick="_Pict.views['{~D:Context[0].Hash~}'].performSearch(event, '{~D:Record.ClauseAddress~}', '{~D:Record.Hash~}')">Search</button>
+	</form>
+	<table>
+		<thead>
+			<tr><th colspan="2">{~D:Record.Label~}</th></tr>
+		</thead>
+		<tbody>
+			{~TSWP:PRSP-Filter-ExternalJoin-SelectedValueList-SearchResults-Entry:Record.SearchResults:Record~}
+		</tbody>
+	</table>
+	<button type="button" id="PRSP_Filter_{~D:Record.Hash~}_Button_LoadMore" class="is-hidden" onclick="_Pict.views['{~D:Context[0].Hash~}'].loadMore(event, '{~D:Record.ClauseAddress~}', '{~D:Record.Hash~}', {~D:Record.SearchResultsOffset:0~})">Load More</button>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SearchResults] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValueList-SelectedValues',
+			Template: /*html*/`
+	<!-- DefaultPackage view template:	[PRSP-Filter-ExternalJoin-SelectedValueList-SelectedValues] -->
+	<table>
+		<thead>
+			<tr><th colspan="2">Selection</th></tr>
+		</thead>
+		<tbody>
+			{~TSWP:PRSP-Filter-ExternalJoin-SelectedValueList-SelectedValues-Entry:Record.SelectedValues:Record~}
+		</tbody>
+	</table>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SelectedValueList-SelectedValues] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValueList-SearchResults-Entry',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-ExternalJoin-SelectedValueList-Template] -->
+	<tr><td><button onclick="_Pict.views['{~D:Context[0].Hash~}'].handleAdd(event, {~DVBK:Record.Data:Record.Payload.ExternalFilterTableLookupColumn~}, '{~D:Record.Payload.ClauseAddress~}', '{~D:Record.Payload.Hash~}')">Add</button></td><td>{~TFA:Record.Payload.ExternalRecordDisplayTemplate:Record~}</td></tr>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SelectedValueList-Template] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-ExternalJoin-SelectedValueList-SelectedValues-Entry',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-ExternalJoin-SelectedValueList-SelectedValues-Entry] -->
+	<tr><td><button onclick="_Pict.views['{~D:Context[0].Hash~}'].handleRemove(event, {~DVBK:Record.Data:Record.Payload.ExternalFilterTableLookupColumn~}, '{~D:Record.Payload.ClauseAddress~}', '{~D:Record.Payload.Hash~}')">Remove</button></td><td>{~TFA:Record.Payload.ExternalRecordDisplayTemplate:Record~}</td></tr>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-ExternalJoin-SelectedValueList-SelectedValues-Entry] -->
+`
+		}
+	],
+};
+
+class ViewRecordSetSUBSETFilterExternalJoinSelectedValueList extends ViewRecordSetSUBSETFilterBase
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		if (!pOptions.PageSize)
+		{
+			pOptions.PageSize = 15; // default page size for search results
+		}
+		super(pFable, pOptions, pServiceHash);
+		/*
+		 * show / hide the complex editor since it'll be large ?
+		 * selected record lookup values
+		 * using bundle to load those records (if any)
+		 * templating out the selection
+		 * templating out the search results
+		 * controls to add search result values to selection
+		 */
+	}
+
+	/**
+	 * @param {Record<string, any>} pRecord
+	 */
+	prepareRecord(pRecord)
+	{
+		super.prepareRecord(pRecord);
+
+		pRecord.ClauseDescriptor.DataType = 'Number';
+		if (!pRecord.ExternalFilterTableLookupColumn)
+		{
+			pRecord.ExternalFilterTableLookupColumn = `ID${pRecord.ExternalFilterByTable}`;
+		}
+		if (!pRecord.SearchResults)
+		{
+			pRecord.SearchResults = [];
+		}
+		if (!pRecord.SelectedValues)
+		{
+			pRecord.SelectedValues = [];
+		}
+	}
+
+	getFilterFormTemplate()
+	{
+		return 'PRSP-Filter-ExternalJoin-SelectedValueList-Template';
+	}
+
+	/**
+	 * @param {UIEvent} pEvent
+	 * @param {string} pClauseInformaryAddress
+	 * @param {string} pClauseHash
+	 */
+	loadMore(pEvent, pClauseInformaryAddress, pClauseHash, pCurrentOffset = 0)
+	{
+		this.performSearch(pEvent, pClauseInformaryAddress, pClauseHash, pCurrentOffset + this.options.PageSize);
+	}
+
+	/**
+	 * @param {UIEvent} pEvent
+	 * @param {string} pClauseInformaryAddress
+	 * @param {string} pClauseHash
+	 * @param {number} [pOffset=0] - The offset for the search results, defaults to 0
+	 */
+	performSearch(pEvent, pClauseInformaryAddress, pClauseHash, pOffset = 0)
+	{
+		pEvent.preventDefault();
+		const tmpClause = this.getInformaryScopedValue(pClauseInformaryAddress);
+		if (!tmpClause)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValueList]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		tmpClause.SearchResultsOffset = pOffset;
+		// get the input value (search box)
+		const tmpSearchInputValue = pOffset > 0 ? tmpClause.SearchInputValue : this.pict.ContentAssignment.readContent(`#PRSP_Filter_${tmpClause.Hash}_Search_Value`);
+		tmpClause.SearchInputValue = tmpSearchInputValue;
+		if (!tmpSearchInputValue)
+		{
+			tmpClause.SearchResults = [];
+			tmpClause.LoadMoreEnabled = false;
+			const tmpRecord = Object.assign({ ClauseAddress: pClauseInformaryAddress }, tmpClause);
+			this.prepareRecord(tmpRecord);
+			const tmpDestinationAddress = `#PRSP_Filter_Container_${pClauseHash}`;
+			this.render(null, tmpDestinationAddress, tmpRecord);
+			return;
+		}
+		const tmpFilterByColumns = tmpClause.ExternalFilterByColumns || (tmpClause.ExternalFilterByColumn ? [ tmpClause.ExternalFilterByColumn ] : [ 'Name' ]);
+		const tmpMeadowFilter = tmpFilterByColumns.map((pColumn) => `FBVOR~${pColumn}~LK~${encodeURIComponent(`%${tmpSearchInputValue}%`)}`).join('~');
+		// bundle load the remote records and put them in the clause
+		this.pict.EntityProvider.gatherDataFromServer(
+			[
+				{
+					Entity: tmpClause.ExternalFilterByTable,
+					Filter: tmpMeadowFilter,
+					Destination: pOffset > 0 ? `${this.getInformaryAddressPrefix()}${pClauseInformaryAddress}.SearchResultsAppend` : `${this.getInformaryAddressPrefix()}${pClauseInformaryAddress}.SearchResults`,
+					RecordStartCursor: pOffset,
+					PageSize: this.options.PageSize,
+				}
+			],
+			(pError, pResult) =>
+			{
+				if (pOffset > 0 && tmpClause.SearchResultsAppend?.length > 0)
+				{
+					tmpClause.SearchResults = tmpClause.SearchResults.concat(tmpClause.SearchResultsAppend);
+				}
+				delete tmpClause.SearchResultsAppend;
+				tmpClause.SearchResultsOffset = pOffset;
+				const tmpRecord = Object.assign({ ClauseAddress: pClauseInformaryAddress }, tmpClause);
+				this.prepareRecord(tmpRecord);
+				const tmpDestinationAddress = `#PRSP_Filter_Container_${pClauseHash}`;
+				this.render(null, tmpDestinationAddress, tmpRecord);
+				const tmpLoadedRecords = pOffset > 0 ? tmpClause.SearchResultsAppend : tmpClause.SearchResults;
+				const tmpLoadMoreEnabled = tmpLoadedRecords && tmpLoadedRecords.length >= this.options.PageSize;
+				tmpClause.LoadMoreEnabled = tmpLoadMoreEnabled;
+				if (tmpClause.LoadMoreEnabled)
+				{
+					this.pict.ContentAssignment.removeClass(`#PRSP_Filter_${tmpClause.Hash}_Button_LoadMore`, 'is-hidden');
+				}
+			});
+	}
+
+	handleAdd(pEvent, pRecordLookupValue, pClauseInformaryAddress, pClauseHash)
+	{
+		pEvent.preventDefault();
+		const tmpClause = this.getInformaryScopedValue(pClauseInformaryAddress);
+		if (!tmpClause)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValueList]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		const tmpRecordLookupColumn = tmpClause.ExternalFilterTableLookupColumn || `ID${tmpClause.ExternalFilterByTable}`;
+		const tmpRecordToAdd = tmpClause.SearchResults.find((r) => r[tmpRecordLookupColumn] == pRecordLookupValue);
+		if (!tmpRecordToAdd)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValueList]  No record found to add for value: ${pRecordLookupValue}`);
+			return;
+		}
+		if (!tmpClause.SelectedValues)
+		{
+			tmpClause.SelectedValues = [];
+		}
+		if (tmpClause.SelectedValues.some((pSV) => pSV[tmpRecordLookupColumn] == pRecordLookupValue))
+		{
+			return;
+		}
+		const tmpValue = tmpRecordToAdd[tmpRecordLookupColumn];
+		if (tmpValue == null)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValueList]  No value found in record to add: ${JSON.stringify(tmpRecordToAdd)}`);
+			return;
+		}
+		tmpClause.SelectedValues.push(tmpRecordToAdd);
+		if (!tmpClause.Values)
+		{
+			tmpClause.Values = [];
+		}
+		if (!tmpClause.Values.some((pV) => pV == tmpValue))
+		{
+			tmpClause.Values.push(tmpValue);
+		}
+		const tmpRecord = Object.assign({ ClauseAddress: pClauseInformaryAddress }, tmpClause);
+		this.prepareRecord(tmpRecord);
+		const tmpDestinationAddress = `#PRSP_Filter_Container_${pClauseHash}`;
+		this.render(null, tmpDestinationAddress, tmpRecord);
+		if (tmpClause.LoadMoreEnabled)
+		{
+			this.pict.ContentAssignment.removeClass(`#PRSP_Filter_${tmpClause.Hash}_Button_LoadMore`, 'is-hidden');
+		}
+	}
+
+	handleRemove(pEvent, pRecordLookupValue, pClauseInformaryAddress, pClauseHash)
+	{
+		pEvent.preventDefault();
+		const tmpClause = this.getInformaryScopedValue(pClauseInformaryAddress);
+		if (!tmpClause)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValueList]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		const tmpRecordLookupColumn = tmpClause.ExternalFilterTableLookupColumn || `ID${tmpClause.ExternalFilterByTable}`;
+		const tmpRecordIndexToRemove = tmpClause.SelectedValues.findIndex((r) => r[tmpRecordLookupColumn] == pRecordLookupValue);
+		if (tmpRecordIndexToRemove < 0)
+		{
+			this.pict.log.error(`[Filter-ExternalJoinSelectedValueList]  No record found to remove for value: ${pRecordLookupValue}`);
+			return;
+		}
+		const tmpRecordToRemove = tmpClause.SelectedValues.splice(tmpRecordIndexToRemove, 1)[0];
+		const tmpValue = tmpRecordToRemove[tmpRecordLookupColumn];
+		tmpClause.Values = tmpClause.Values.filter((pV) => pV !== tmpValue);
+		const tmpRecord = Object.assign({ ClauseAddress: pClauseInformaryAddress }, tmpClause);
+		this.prepareRecord(tmpRecord);
+		const tmpDestinationAddress = `#PRSP_Filter_Container_${pClauseHash}`;
+		this.render(null, tmpDestinationAddress, tmpRecord);
+		if (tmpClause.LoadMoreEnabled)
+		{
+			this.pict.ContentAssignment.removeClass(`#PRSP_Filter_${tmpClause.Hash}_Button_LoadMore`, 'is-hidden');
+		}
+	}
+}
+
+module.exports = ViewRecordSetSUBSETFilterExternalJoinSelectedValueList;
+
+module.exports.default_configuration = Object.assign({}, ViewRecordSetSUBSETFilterExternalJoinSelectedValueList.default_configuration, _DEFAULT_CONFIGURATION_Filter_ExternalJoin_SelectedValueList);