empower-affiliate-search

Empower Affiliate Search

Affiliate Search is a react component that can be used to filter results from a REST API sources.

More detailed documentation here https://sites.google.com/empowerteams.io/empowerfrontendcag/components-home-brew/affiliate-search

Installation

npm install empower-affiliate-search

Initialization

import  AffiliateSearch  from  'empower-affiliate-search';

Basic Example

const  AFFILIATE_OPTIONS = [
	{
		"label": "Fruit Name",               
		"value": "fruit_name",                
		"type": "string",
	},
	{
		"label": "Status",
		"value": "fruit_status",
		"type": "multiple",
		"categoryOptions": [
			{
				"label":  "Fresh",
				"value":  "fresh"
			},
			{
				"label":  "Rotten",
				"value":  "rotten"
			}
		]
	},
]

const  extractValueFromAffiliate  = (val) => {
	...Statement
}

The getValue can be bind to a function of your choice to extract the value from the affiliate and shall be triggered upon enter.

<AffiliateSearch
	options={AFFILIATE_OPTIONS} 
	getValue={(val)  =>  extractValueFromAffiliate(val)}
/>

Result Value

The affiliate will produce the following value upon enter. The "AND" object literal represent the string option category while the "OR" represent the select option category.

{
    AND: { "fruit_name": "|test|" } ...other string option value,
    OR: { "fruit_status": ["fresh"] } ...other select option value
}

Changelog:

• 0.1.17 - Bug Fix - clearFilter props not working properly
• 0.1.16 - Bug Fix - options props does not update when the value was changed
• 0.1.15 - added isAffiliateDropdown props