Hello guys is have a condition and its works, but I need rebuild it to enum and enum does not work with my old condition. p.s. teamlead said
const basketAccepts = {
0: ['Values'],
1: ['Rows', 'Columns']
}
const basketAcceptValues = isOver && visualType === 'matrix' && !basketAccepts[Number(!dragItem.Measure)].includes(basketName)
When I hover some div some css things are happening
So I need it rebuild for same case but for enum.
enum basketAccepts {
'Values' = 0,
'Rows' = 1,
'Columns' = 1,
}
I used the ternary operator to decide the value of each enum property as if it's cointained or not at index zero of basketAccepts being one or zero respectively. So this logic assumes that all those 3 conditions will appear on the other set [1] if they are not contained in the first one.
I actually couldn't verify it because I'm not used to TypeScript. Please let me know if it worked.
const basketAccepts = {
0: ['Values'],
1: ['Rows', 'Columns']
};
enum basketAccepts {
//use value 0 if 'Values' appears in basketAccepts[0] otherwise 1
'Values' = basketAccepts[0].includes('Values') ? 0 : 1,
//use value 0 if 'Rows' appears in basketAccepts[0] otherwise 1
'Rows' = basketAccepts[0].includes('Rows') ? 0 : 1,
//use value 0 if 'Columns' appears in basketAccepts[0] otherwise 1
'Columns' = basketAccepts[0].includes('Columns') ? 0 : 1
}
console.log(basketAccepts);
Not sure why your after using enums, enums in TS are none standard, and were implemented before the Dev's decided to strictly follow ES proposals, so personally I would avoid them.
But if you must still use them then this might help.
If you look at what TS converts your enum into ->
{
"0": "Values",
"1": "Columns",
"Values": 0,
"Rows": 1,
"Columns": 1
}
What we could do then is use Object.entries and Array.some.
eg..
enum basketAccepts {
'Values' = 0,
'Rows' = 1,
'Columns' = 1,
}
const basketName = 'Rows';
const measure = true;
console.log(
Object.entries(basketAccepts).
some(([k,v ]) =>
k == basketName && Boolean(v) == measure)
);
Thanks guys for help, any way I remade it in a bit other way. Hope it help to some one.
export enum FieldType {
Dimension,
Measure
}
const fieldCompatibilities = {
[FieldType.Dimension]: ['Columns', 'Rows'],
[FieldType.Measure]: ['Values']
}
const basketAcceptValues = isOver && visualType === 'matrix' && !fieldCompatibilities[Number(dragItem.Measure)].includes(basketName)