Add new operators for JsonLogic

[gstrit]

Hello,

I am trying to add a new operator for JsonLogic. Here my code :

const multiselect_contains = { label: "Contains", labelForFormat: "CONTAINS", formatOp: (field, op, values, valueSrc, valueType, opDef, operatorOptions, isForDisplay) => { if (valueSrc == "value") return '${field} CONTAINS (${values.join(", ")})'; else return '${field} CONTAINS ${values}'; }, reversedOp: "multiselect_not_contains", jsonLogic2: "some-in", jsonLogic: (field, op, vals) => ({ "some": [ field, {"in": [{"var": ""}, vals]} ] }) }; const multiselect_not_contains = { isNotOp: true, label: "Not contains", labelForFormat: "NOT CONTAINS", formatOp: (field, op, values, valueSrc, valueType, opDef, operatorOptions, isForDisplay) => { if (valueSrc == "value") return '${field} NOT CONTAINS (${values.join(", ")})'; else return '${field} NOT CONTAINS ${values}'; }, reversedOp: "multiselect_contains" };

In the edition time, it works nicely. I can choose the operators and the values.
But in the load time, it doesn't work. The field is correctly selected but not the operator and the values.

What did I do wrong ?

Thanks for your help.

[anushapalivela]

Same issue not able to get the values at load time

[anushapalivela]

Any fixes?

[ukrbublik]

Can you provide your full config please?

[anushapalivela]

const config = {
...InitialConfig,
operators,
}

const operators = {
...InitialConfig.operators,
sl_in: {
isNotOp: false,
label: 'custom in',
reversedOp: 'sl_not_in',
labelForFormat: 'IN',
sqlOp: 'IN',
mongoFormatOp: '',
jsonLogic: 'in',
sqlFormatOp: (field, op, values, valueSrc, valueType, opDef, operatorOptions, fieldDef) => {
if (valueSrc == 'value') {
return ${field} IN (${values .replace(/["']/g, '') .split(',') .map(word => '${word.trim()}') .join(',')})
}
},
formatOp: (field, op, values, valueSrc, valueType, opDef, operatorOptions, isForDisplay) => {
if (valueSrc == 'value') {
return ${field} IN (${values .replace(/["']/g, '') .split(',') .map(word => '${word.trim()}') .join(',')})
}
},
valueSources: ['value'],
},
sl_not_in: {
isNotOp: true,
label: 'custom not in',
reversedOp: 'sl_in',
labelForFormat: 'NOT IN',
sqlOp: 'NOT IN',
mongoFormatOp: '',
sqlFormatOp: (field, op, values, valueSrc, valueType, opDef, operatorOptions, fieldDef) => {
if (valueSrc == 'value') {
return ${field} NOT IN (${values .replace(/["']/g, '') .split(',') .map(word => '${word.trim()}') .join(',')})
}
},
formatOp: (field, op, values, valueSrc, valueType, opDef, operatorOptions, isForDisplay) => {
if (valueSrc == 'value') {
return ${field} NOT IN (${values .replace(/["']/g, '') .split(',') .map(word => '${word.trim()}') .join(',')})
}
},
valueSources: ['value'],
},
}

this.state= {
config}

render = () => {
const config = this.state.config
config.types.text.operators = [...config.types.text.operators, 'sl_in', 'sl_not_in']
config.types.text.widgets.text.operators = [...config.types.text.widgets.text.operators, 'sl_in', 'sl_not_in']
return(<Query
{...config}
value={this.state.tree}
onChange={this.onChange}
renderBuilder={this.renderBuilder}
/>)
}

[anushapalivela]

I see an message in console saying Operator sl_in is not supported for field "fieldname"
This is from your package validation.js line 177

[AndresPalacio]

how can i create a custom operator?