pict-section-recordset 1.0.43 → 1.0.45

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

@@ -0,0 +1,270 @@
+
+const ViewRecordSetSUBSETFilterBase = require('./RecordSet-Filter-Base');
+
+const _DEFAULT_CONFIGURATION_Filter_InternalJoin_SelectedValue =
+{
+	ViewIdentifier: 'PRSP-FilterType-InternalJoinSelectedValue',
+
+	Templates:
+	[
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValue-Template',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-InternalJoin-SelectedValue-Template] -->
+	<table>
+		<tbody>
+		<td valign="top">{~T:PRSP-Filter-InternalJoin-SelectedValue-SearchResults~}</td><td valign="top">{~T:PRSP-Filter-InternalJoin-SelectedValue-SelectedValues~}</td>
+		</tbody>
+	</table>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-InternalJoin-SelectedValue-Template] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValue-SearchResults',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-InternalJoin-SelectedValue-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-InternalJoin-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-InternalJoin-SelectedValue-SearchResults] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValue-SelectedValues',
+			Template: /*html*/`
+	<!-- DefaultPackage view template:	[PRSP-Filter-InternalJoin-SelectedValue-SelectedValues] -->
+	<table>
+		<thead>
+			<tr><th colspan="2">Selection</th></tr>
+		</thead>
+		<tbody>
+			{~TSWP:PRSP-Filter-InternalJoin-SelectedValue-SelectedValues-Entry:Record.SelectedValues:Record~}
+		</tbody>
+	</table>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-InternalJoin-SelectedValue-SelectedValues] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValue-SearchResults-Entry',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-InternalJoin-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-InternalJoin-SelectedValue-Template] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValue-SelectedValues-Entry',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-InternalJoin-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-InternalJoin-SelectedValue-SelectedValues-Entry] -->
+`
+		}
+	],
+};
+
+class ViewRecordSetSUBSETFilterInternalJoinSelectedValue 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.RemoteTable}`;
+		}
+		if (!pRecord.SearchResults)
+		{
+			pRecord.SearchResults = [];
+		}
+		if (!pRecord.SelectedValues)
+		{
+			pRecord.SelectedValues = [];
+		}
+	}
+
+	getFilterFormTemplate()
+	{
+		return 'PRSP-Filter-InternalJoin-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-InternalJoinSelectedValue]  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.RemoteTable,
+					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-InternalJoinSelectedValue]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		const tmpRecordLookupColumn = tmpClause.ExternalFilterTableLookupColumn || `ID${tmpClause.RemoteTable}`;
+		const tmpRecordToSelect = tmpClause.SearchResults.find((r) => r[tmpRecordLookupColumn] == pRecordLookupValue);
+		if (!tmpRecordToSelect)
+		{
+			this.pict.log.error(`[Filter-InternalJoinSelectedValue]  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-InternalJoinSelectedValue]  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-InternalJoinSelectedValue]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		const tmpRecordLookupColumn = tmpClause.ExternalFilterTableLookupColumn || `ID${tmpClause.RemoteTable}`;
+		const tmpRecordIndexToRemove = tmpClause.SelectedValues.findIndex((r) => r[tmpRecordLookupColumn] == pRecordLookupValue);
+		if (tmpRecordIndexToRemove < 0)
+		{
+			this.pict.log.error(`[Filter-InternalJoinSelectedValue]  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 = ViewRecordSetSUBSETFilterInternalJoinSelectedValue;
+
+module.exports.default_configuration = Object.assign({}, ViewRecordSetSUBSETFilterInternalJoinSelectedValue.default_configuration, _DEFAULT_CONFIGURATION_Filter_InternalJoin_SelectedValue);

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

@@ -0,0 +1,277 @@
+
+const ViewRecordSetSUBSETFilterBase = require('./RecordSet-Filter-Base');
+
+const _DEFAULT_CONFIGURATION_Filter_InternalJoin_SelectedValueList =
+{
+	ViewIdentifier: 'PRSP-FilterType-InternalJoinSelectedValueList',
+
+	Templates:
+	[
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValueList-Template',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-InternalJoin-SelectedValueList-Template] -->
+	<table>
+		<tbody>
+		<td valign="top">{~T:PRSP-Filter-InternalJoin-SelectedValueList-SearchResults~}</td><td valign="top">{~T:PRSP-Filter-InternalJoin-SelectedValueList-SelectedValues~}</td>
+		</tbody>
+	</table>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-InternalJoin-SelectedValueList-Template] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValueList-SearchResults',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-InternalJoin-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-InternalJoin-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-InternalJoin-SearchResults] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValueList-SelectedValues',
+			Template: /*html*/`
+	<!-- DefaultPackage view template:	[PRSP-Filter-InternalJoin-SelectedValueList-SelectedValues] -->
+	<table>
+		<thead>
+			<tr><th colspan="2">Selection</th></tr>
+		</thead>
+		<tbody>
+			{~TSWP:PRSP-Filter-InternalJoin-SelectedValueList-SelectedValues-Entry:Record.SelectedValues:Record~}
+		</tbody>
+	</table>
+	<!-- DefaultPackage end view template:	[PRSP-Filter-InternalJoin-SelectedValueList-SelectedValues] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValueList-SearchResults-Entry',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-InternalJoin-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-InternalJoin-SelectedValueList-Template] -->
+`
+		},
+		{
+			Hash: 'PRSP-Filter-InternalJoin-SelectedValueList-SelectedValues-Entry',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Filter-InternalJoin-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-InternalJoin-SelectedValueList-SelectedValues-Entry] -->
+`
+		}
+	],
+};
+
+class ViewRecordSetSUBSETFilterInternalJoinSelectedValueList 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.RemoteTable}`;
+		}
+		if (!pRecord.SearchResults)
+		{
+			pRecord.SearchResults = [];
+		}
+		if (!pRecord.SelectedValues)
+		{
+			pRecord.SelectedValues = [];
+		}
+	}
+
+	getFilterFormTemplate()
+	{
+		return 'PRSP-Filter-InternalJoin-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-InternalJoinSelectedValueList]  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.RemoteTable,
+					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-InternalJoinSelectedValueList]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		const tmpRecordLookupColumn = tmpClause.ExternalFilterTableLookupColumn || `ID${tmpClause.RemoteTable}`;
+		const tmpRecordToAdd = tmpClause.SearchResults.find((r) => r[tmpRecordLookupColumn] == pRecordLookupValue);
+		if (!tmpRecordToAdd)
+		{
+			this.pict.log.error(`[Filter-InternalJoinSelectedValueList]  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-InternalJoinSelectedValueList]  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-InternalJoinSelectedValueList]  No clause found for address: ${pClauseInformaryAddress}`);
+			return;
+		}
+		const tmpRecordLookupColumn = tmpClause.ExternalFilterTableLookupColumn || `ID${tmpClause.RemoteTable}`;
+		const tmpRecordIndexToRemove = tmpClause.SelectedValues.findIndex((r) => r[tmpRecordLookupColumn] == pRecordLookupValue);
+		if (tmpRecordIndexToRemove < 0)
+		{
+			this.pict.log.error(`[Filter-InternalJoinSelectedValueList]  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 = ViewRecordSetSUBSETFilterInternalJoinSelectedValueList;
+
+module.exports.default_configuration = Object.assign({}, ViewRecordSetSUBSETFilterInternalJoinSelectedValueList.default_configuration, _DEFAULT_CONFIGURATION_Filter_InternalJoin_SelectedValueList);

package/source/views/filters/index.js

@@ -16,6 +16,8 @@ module.exports =
 	InternalJoinNumericRange: require('./RecordSet-Filter-InternalJoinNumericRange.js'),
 	InternalJoinStringMatch: require('./RecordSet-Filter-InternalJoinStringMatch.js'),
 	InternalJoinStringRange: require('./RecordSet-Filter-InternalJoinStringRange.js'),
+	InternalJoinSelectedValue: require('./RecordSet-Filter-InternalJoinSelectedValue.js'),
+	InternalJoinSelectedValueList: require('./RecordSet-Filter-InternalJoinSelectedValueList.js'),
 
 	ExternalJoinDateMatch: require('./RecordSet-Filter-ExternalJoinDateMatch.js'),
 	ExternalJoinDateRange: require('./RecordSet-Filter-ExternalJoinDateRange.js'),
@@ -23,5 +25,7 @@ module.exports =
 	ExternalJoinNumericRange: require('./RecordSet-Filter-ExternalJoinNumericRange.js'),
 	ExternalJoinStringMatch: require('./RecordSet-Filter-ExternalJoinStringMatch.js'),
 	ExternalJoinStringRange: require('./RecordSet-Filter-ExternalJoinStringRange.js'),
+	ExternalJoinSelectedValue: require('./RecordSet-Filter-ExternalJoinSelectedValue.js'),
+	ExternalJoinSelectedValueList: require('./RecordSet-Filter-ExternalJoinSelectedValueList.js'),
 };
 

package/types/providers/Filter-Data-Provider.d.ts

@@ -0,0 +1,120 @@
+export = FilterDataProvider;
+declare class FilterDataProvider extends libPictProvider {
+    /**
+     * @param {import('pict')} pFable - The Fable instance
+     * @param {Record<string, any>} [pOptions] - The options for the provider
+     * @param {string} [pServiceHash] - The service hash for the provider
+     */
+    constructor(pFable: import("pict"), pOptions?: Record<string, any>, pServiceHash?: string);
+    storageProvider: any;
+    keyCache: {};
+    filtersMap: {};
+    lastFilterExperienceHashMap: {};
+    /**
+     * @return {void}
+     */
+    loadFilters(): void;
+    /**
+     * List all available Filters (from the Filter Meta data)
+     *
+     * @param {string} pRecordSet - the record set to list the filters for
+     *
+     * @return Array<Record<string, any>> - a list of Filters as Index/FilterExperienceHash entries
+     */
+    listFilters(pRecordSet: string): any;
+    /**
+     * @param {string} pRecordSet - the record set to get the active filter experience for
+     *
+     * @return {Record<string, any>} - the active filter experience for the given record set
+     */
+    getActiveFilterExperience(pRecordSet: string): Record<string, any>;
+    /**
+     * Check if a particular scope is in use.
+     *
+     * @param {string} pRecordSet - the record set
+     * @param {string} pFilterExperienceHash - the manyfest scope to check the existence of
+     *
+     * @return {boolean}
+     */
+    checkFilterExists(pRecordSet: string, pFilterExperienceHash: string): boolean;
+    /**
+     * Resolve a key in the LocalStorage keyspace for a filter experience for a given record set.
+     *
+     * @param {string} pRecordSet - The record set to resolve a key for
+     * @param {string} pFilterExperienceHash - The scope to resolve a key for
+     *
+     * @return {string} A string that points to the record.
+     */
+    getFilterStorageKey(pRecordSet: string, pFilterExperienceHash: string): string;
+    /**
+     * Save the application metadata (list of Filters, last loaded FilterExperienceHash, etc.)
+     *
+     * @param {string} pRecordSet - The record set to save the filter for; TODO: should this have a default?
+     * @param {boolean} [pRender=false] - Whether or not to also render the list of Filters in the UI automatically
+     */
+    saveFilterMeta(pRecordSet: string, pRender?: boolean): boolean;
+    /**
+     * Save the application metadata (list of Filters, last loaded FilterExperienceHash, etc.)
+     *
+     * @param {string} pRecordSet - The record set to save the filter for; TODO: should this have a default?
+     * @param {boolean} [pRender=false] - Whether or not to also render the list of Filters in the UI automatically
+     *
+     * @return {Array<object>} The list of available Filters.
+     */
+    loadFilterMeta(pRecordSet: string, pRender?: boolean): Array<object>;
+    /**
+     * @param {string} pRecordSet - The record set to add the filter experience hash to
+     * @param {string} pFilterExperienceHash - The filter experience hash to add
+     * @param {boolean} [pRender=true] - Whether or not to also render the list of Filters in the UI automatically
+     *
+     * @return {boolean} True if the filter experience hash was added, false if it already exists.
+     */
+    addFilterExperienceHashToFilterList(pRecordSet: string, pFilterExperienceHash: string, pRender?: boolean): boolean;
+    /**
+     * @param {string} pRecordSet - The record set to remove the filter experience hash from
+     * @param {string} pFilterExperienceHash - The filter experience hash to remove
+     * @param {boolean} [pRender=true] - Whether or not to also render the list of Filters in the UI automatically
+     */
+    removeFilterExperienceHashFromFilterList(pRecordSet: string, pFilterExperienceHash: string, pRender?: boolean): boolean;
+    /**
+     * @param {string} pRecordSet - The record set to create a new filter for
+     * @param {string} [pFilterExperienceHash] - The filter experience hash to create a new filter for; if not provided, a new one will be generated
+     */
+    newFilter(pRecordSet: string, pFilterExperienceHash?: string): void;
+    /**
+     * @param {string} pRecordSet - The record set to save the filter for; TODO: should this have a default?
+     */
+    saveFilter(pRecordSet: string): void;
+    /**
+     * @param {string} pRecordSet - The record set to load the filter for
+     * @param {string} pFilterFilterExperienceHash - The filter experience hash to load; if not provided, the last used one will be loaded
+     */
+    loadFilter(pRecordSet: string, pFilterFilterExperienceHash: string): void;
+    /**
+     * @param {string} pKey - The key to get from the cache
+     *
+     * @return {any} - The value associated with the key, or false if not found
+     */
+    getItem(pKey: string): any;
+    /**
+     * @param {string} pKey - The key to set in the cache
+     * @param {any} pValue - The value to associate with the key
+     */
+    setItem(pKey: string, pValue: any): boolean;
+    /**
+     * @param {string} pKey - The key to remove from the cache
+     *
+     * @return {boolean} - True if the item was removed, false if it was not found
+     */
+    removeItem(pKey: string): boolean;
+}
+declare namespace FilterDataProvider {
+    export { _DEFAULT_PROVIDER_CONFIGURATION as default_configuration };
+}
+import libPictProvider = require("pict-provider");
+declare namespace _DEFAULT_PROVIDER_CONFIGURATION {
+    let ProviderIdentifier: string;
+    let AutoInitialize: boolean;
+    let AutoInitializeOrdinal: number;
+}
+//# sourceMappingURL=Filter-Data-Provider.d.ts.map