/////////////////////////
// ENUMERATORS
/////////////////////////



function DataCell(element) {
    return e('td', null, element);
}

// NOT A REACT FUNCTIONAL COMPONENT.  MERELY RETURNS AN ARRAY WHICH IS UNPACKED
function EnumeratorItems(index, enumBreakPoints, setEnumBreakPoints, enumNames, setEnumNames, djParam, locked){
    let items = [];
    for (let i = 0; i < MAXENUMPOINTS; i++){
        
        items.push(DataCell(e(TextBox, {locked, onChange: CreateMatrixParamChanger(enumNames, setEnumNames, index, i), value: enumNames[index][i], id:`text-${djParam}-${enumNames[index][i]}`}, null)));
        // Add 1 to make up for the lower enum bound
        items.push(DataCell(e(NumberBox, {locked, onChange: CreateMatrixParamChanger(enumBreakPoints, setEnumBreakPoints, index, i + 1), value:enumBreakPoints[index][i + 1]}, null)));
    }
    return items;
}

function EnumeratorRow(props){
    let linkedText = props.linked ? "<- mods" : "";

    let content = e('tr', {className: 'lfo-item', id: `${props.djParam}-enum-row`},
        DataCell(DropDown({locked:props.locked, onChange: props.setInstanceNum, value:props.instanceNum, options: INSTANCEOPTIONS})), 
        DataCell(DropDown({locked:props.locked, onChange: props.setDjParam, value: props.djParam, options: MODPARAMOPTIONS})), 
        DataCell(e(NumberBox, {locked:props.locked, onChange: props.setEnumItemCounts, step:1, value:props.enumItems, className: 'enum-count'}, null)),
        DataCell(e(NumberBox, {locked:props.locked, onChange: CreateMatrixParamChanger(props.enumBreakPoints, props.setEnumBreakPoints, props.index, 0), value:props.enumBreakPoints[props.index][0], step:0.1}, null)),
        ...(EnumeratorItems(props.index, props.enumBreakPoints, props.setEnumBreakPoints, props.enumNames, props.setEnumNames, props.djParam, props.locked).slice(0, props.enumItems * 2)),
        DataCell(e(Button, {locked:props.locked, text:'+', onClick: props.addEnum}, null)), 
        DataCell(e(Button, {locked:props.locked, text:'-', onClick: props.removeEnum}, null)),
        DataCell(e("div", {className:"linked"}, linkedText))
    );
    if (props.visible){
        return content;
    };
}

function denumerate(inval, count, keys, vals){
    let output = inval;
    for (let i=0; i < count; i++){
        log(vals[i]);
        if (inval == vals[i]){
            output = (parseFloat(keys[i]) + parseFloat(keys[i+1])) / 2; // linear interpolate
        }
    }
    return output;
}


function enumerate(name, inst, inval, count, keys, vals){
    let output = "OUT OF RANGE";
    for (let i=0; i < count + 1; i++){
        if (inval <= keys[i]){
            if (i > 0)
                output = vals[i - 1];
            break
        }
    }
    let highlightedItem = document.getElementById(`text-${name}-${output}`);
    
    if (highlightedItem){

        highlightedItem.style.animation = "pulse-animation 0.5s normal";

        highlightedItem.addEventListener('animationend', () => {
            highlightedItem.style.animation = "";
          });
    }
    
    if (name !== "NONE")
        window.max.outlet(inst + " " + name + " " + output);
}