pict-section-recordset 1.3.0 → 1.4.0

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

@@ -1,271 +1,25 @@
+const ViewRecordSetSUBSETFilterEntityReferenceBase = require('./RecordSet-Filter-EntityReference-Base');
 
-const ViewRecordSetSUBSETFilterBase = require('./RecordSet-Filter-Base');
-
-const _DEFAULT_CONFIGURATION_Filter_ExternalJoin_SelectedValue =
+// External-join (through a junction table), single-select entity-reference filter. Shared base;
+// entity seam = ExternalFilterByTable, single-select (replace, not append).
+const _DEFAULT_CONFIGURATION =
 {
 	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
+class ViewRecordSetSUBSETFilterExternalJoinSelectedValue extends ViewRecordSetSUBSETFilterEntityReferenceBase
 {
-	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 = pRecord.DataType || 'Number';
-		pRecord.ClauseDescriptor.PictForm = pRecord.PictForm || {};
-		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)
+	getSearchEntity(pClause)
 	{
-		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');
-		}
+		return pClause.ExternalFilterByTable;
 	}
 
-	handleRemove(pEvent, pRecordLookupValue, pClauseInformaryAddress, pClauseHash)
+	isMultiSelect()
 	{
-		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');
-		}
+		return false;
 	}
 }
 
 module.exports = ViewRecordSetSUBSETFilterExternalJoinSelectedValue;
 
-module.exports.default_configuration = Object.assign({}, ViewRecordSetSUBSETFilterExternalJoinSelectedValue.default_configuration, _DEFAULT_CONFIGURATION_Filter_ExternalJoin_SelectedValue);
+module.exports.default_configuration = Object.assign({}, ViewRecordSetSUBSETFilterEntityReferenceBase.default_configuration, _DEFAULT_CONFIGURATION);

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

@@ -1,278 +1,25 @@
+const ViewRecordSetSUBSETFilterEntityReferenceBase = require('./RecordSet-Filter-EntityReference-Base');
 
-const ViewRecordSetSUBSETFilterBase = require('./RecordSet-Filter-Base');
-
-const _DEFAULT_CONFIGURATION_Filter_ExternalJoin_SelectedValueList =
+// External-join (through a junction table), multi-select entity-reference filter. Shared base;
+// entity seam = ExternalFilterByTable.
+const _DEFAULT_CONFIGURATION =
 {
 	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
+class ViewRecordSetSUBSETFilterExternalJoinSelectedValueList extends ViewRecordSetSUBSETFilterEntityReferenceBase
 {
-	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 = pRecord.DataType || 'Number';
-		pRecord.ClauseDescriptor.PictForm = pRecord.PictForm || {};
-		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)
+	getSearchEntity(pClause)
 	{
-		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');
-		}
+		return pClause.ExternalFilterByTable;
 	}
 
-	handleRemove(pEvent, pRecordLookupValue, pClauseInformaryAddress, pClauseHash)
+	isMultiSelect()
 	{
-		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');
-		}
+		return true;
 	}
 }
 
 module.exports = ViewRecordSetSUBSETFilterExternalJoinSelectedValueList;
 
-module.exports.default_configuration = Object.assign({}, ViewRecordSetSUBSETFilterExternalJoinSelectedValueList.default_configuration, _DEFAULT_CONFIGURATION_Filter_ExternalJoin_SelectedValueList);
+module.exports.default_configuration = Object.assign({}, ViewRecordSetSUBSETFilterEntityReferenceBase.default_configuration, _DEFAULT_CONFIGURATION);