> ## Documentation Index > Fetch the complete documentation index at: https://docs.quentli.com/llms.txt > Use this file to discover all available pages before exploring further. # Filtro de descuentos > Campos y operadores disponibles para filtrar descuentos. export const ListFilterBuilder = ({filterType} = {}) => { const operatorLabels = { contains: 'Contiene', endsWith: 'Termina con', equals: 'Es igual a', gt: 'Es posterior a', gte: 'Es igual o posterior a', in: 'Es uno de', lt: 'Es anterior a', lte: 'Es igual o anterior a', not: 'No es', notIn: 'No es uno de', search: 'Busca', startsWith: 'Empieza con' }; const [filterId, setFilterId] = useState(filterType ?? listFilterBuilderOptions[0].id); const selectedFilter = listFilterBuilderOptions.find(filter => filter.id === filterId) ?? listFilterBuilderOptions[0]; const fields = selectedFilter.fields; const operatorsFor = field => { const operators = field.operators.map(operator => [operator, operatorLabels[operator] ?? operator]); if (field.type === 'scalar' && field.nullable && field.operators.includes('equals')) { operators.unshift(['isNull', 'No tiene valor']); } return operators; }; const createRule = field => ({ field: field.key, operator: operatorsFor(field)[0]?.[0] ?? '', value: '' }); const [logic, setLogic] = useState('AND'); const [rules, setRules] = useState([createRule(fields[0])]); const [advancedFilter, setAdvancedFilter] = useState(''); const [copied, setCopied] = useState(false); const selectFilter = id => { const nextFilter = listFilterBuilderOptions.find(filter => filter.id === id) ?? listFilterBuilderOptions[0]; setFilterId(nextFilter.id); setLogic('AND'); setRules([createRule(nextFilter.fields[0])]); setAdvancedFilter(''); setCopied(false); }; const updateRule = (index, property, value) => { setRules(current => current.map((rule, ruleIndex) => { if (ruleIndex !== index) return rule; if (property !== 'field') return { ...rule, [property]: value }; const field = fields.find(candidate => candidate.key === value); return createRule(field); })); }; const addRule = () => setRules(current => [...current, createRule(fields[0])]); const removeRule = index => setRules(current => current.filter((rule, ruleIndex) => ruleIndex !== index)); const filterRules = rules.map(rule => { const field = fields.find(candidate => candidate.key === rule.field); if (rule.operator === 'isNull') return { [field.key]: { equals: null } }; if (!rule.value) return null; const value = field.type === 'boolean' ? rule.value === 'true' : rule.value.trim(); if (field.type !== 'boolean' && !value) return null; if (rule.operator === 'in' || rule.operator === 'notIn') { const values = rule.value.split(',').map(value => value.trim()).filter(Boolean); return values.length ? { [field.key]: { [rule.operator]: values } } : null; } return rule.operator ? { [field.key]: { [rule.operator]: value } } : { [field.key]: value }; }).filter(Boolean); let filter; let advancedFilterError = ''; if (advancedFilter.trim()) { try { const parsedFilter = JSON.parse(advancedFilter); if (!parsedFilter || typeof parsedFilter !== 'object' || Array.isArray(parsedFilter)) { advancedFilterError = 'El filtro avanzado debe ser un objeto JSON.'; } else { filter = parsedFilter; } } catch { advancedFilterError = 'El filtro avanzado debe ser JSON válido.'; } } else if (filterRules.length === 1) { filter = filterRules[0]; } else if (filterRules.length > 1) { filter = selectedFilter.allowsLogicalGroups ? { [logic]: filterRules } : Object.assign({}, ...filterRules); } const appendQueryParameter = (parts, key, value) => { if (value === null) { parts.push(key); } else if (Array.isArray(value)) { value.forEach((item, index) => appendQueryParameter(parts, `${key}[${index}]`, item)); } else if (typeof value === 'object') { Object.entries(value).forEach(([childKey, childValue]) => { appendQueryParameter(parts, `${key}[${childKey}]`, childValue); }); } else { parts.push(`${key}=${encodeURIComponent(String(value))}`); } }; const parts = []; if (filter) appendQueryParameter(parts, 'filter', filter); const query = parts.join('&'); const request = `GET ${selectedFilter.path}${query ? `?${query}` : ''}`; const copyQuery = async () => { if (!query) return; try { await navigator.clipboard.writeText(query); setCopied(true); window.setTimeout(() => setCopied(false), 2000); } catch { setCopied(false); } }; return

Constructor de filtros

Genera un query string para GET {selectedFilter.path} con {selectedFilter.id}.

{filterType ? null : } {rules.length > 1 && selectedFilter.allowsLogicalGroups ? : null}
{rules.map((rule, index) => { const field = fields.find(candidate => candidate.key === rule.field); const operators = operatorsFor(field); const acceptsList = rule.operator === 'in' || rule.operator === 'notIn'; const selectsEnum = field.type === 'enum' && !acceptsList && rule.operator !== 'isNull'; return
{field.type !== 'boolean' && field.operators.length > 0 && } {field.type === 'boolean' ? : rule.operator === 'isNull' ?

No se necesita un valor.

: selectsEnum ? : }
; })}
{copied ? 'Pega el query en el playground del endpoint.' : ''}
{!selectedFilter.allowsLogicalGroups && rules.length > 1 ?

Este esquema no admite grupos AND ni OR; las condiciones se envían al nivel raíz.

: null}