A react component that can be used to filter results from a REST API sources.
Component
npm install empower-affiliate-search
Repository
- Run
npm install
- After successful installation, run
npm start
import AffiliateSearch from 'empower-affiliate-search';
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)}
/>
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
}
Jephunneh Viernes - jephunneh.viernes@empowerteams.io
- 0.1.22 - Security Fix - Fix vulnerability issues in the package
- 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