Can't use Custom Field within Modern UI Event Handler

I have this pattern saved for getting an extension where EP307000_PMTimeActivity_DXCrewID is the extension class:

@handleEvent(CustomEventType.RowSelected, { view: "Activity" })
onActivityRowSelected(args: RowSelectedHandlerArgs<PXViewCollection<PMTimeActivity>>) {
    const model = args.viewModel as PXViewCollection<EP307000_PMTimeActivity_DXCrewID>;
    if (model.SplitRecord) {
        model.SplitRecord.enabled = !!args.viewModel.activeRow?.id;
    }
}

Thanks ​@darylbowman, that moves me on somewhat. I now have this:

	@handleEvent(CustomEventType.GetRowCss, { view: "Transactions" })​
	getReceivedRowCss(args: RowCssHandlerArgs<SOLine_SOCustomisations_generated>): string {​
        const split = args?.selector?.row;​
        if (split != null && split.OrderQty.value > split.UnshippedQty.value) {​
            return "bold-row";​
        }​
        return undefined;​
    }​

But I still get the other error:

 TS2322: Type 'string' is not assignable to type 'never'

Try this:

@handleEvent(CustomEventType.GetRowCss, { view: "Transactions" })
getReceivedRowCss(args: RowCssHandlerArgs<PXViewCollection<SOLine_SOCustomisations_generated>>): string {
    const split = args?.selector?.row;
    if (split != null && split.OrderQty.value > split.UnshippedQty.value) {
        return "bold-row";
    }
    return undefined;
}

Thanks again Daryl.

But this line:

@handleEvent(CustomEventType.GetRowCss, { view: "Transactions" })

Is the one that gives the compilation error.

If I comment it, the project will publish without any other errors.

​@allisterchambers48 try this. 
Using “any” as the return type fixes it.
 

	@handleEvent(CustomEventType.GetRowCss, { view: "Transactions" })​
	getReceivedRowCss(args: RowCssHandlerArgs<SOLine_SOCustomisations_generated>): any {​
        const split = args?.selector?.row;​
        if (split != null && split.OrderQty.value > split.UnshippedQty.value) {​
            return "bold-row";​
        }​
        return undefined;​
    }​

Or if you still want to use the custom field. 
 

@handleEvent(CustomEventType.GetRowCss, { view: "Transactions" })
getReceivedRowCss(args: RowCssHandlerArgs): any {
    const row = args?.selector?.row;
    if (!row) return undefined;

    const allocated = row.UsrQtyAllocated?.value;
    const unshipped = row.UnshippedQty?.value;
    if (allocated != null && unshipped != null && allocated < unshipped) return "bold-row";

    return undefined;
}

Thanks ​@MichaelShirk . But doesn’t fix it.

You tried both snippets?

Here’s a direct copy from my code. The only other difference I can spot is that I use single quotes instead of double. I don’t think that should make a difference, but you could try it. 
Also, is “bold-row” and out of the box css class or custom? If custom, try something like ‘red60’. 

	@handleEvent(CustomEventType.GetRowCss, { view: 'Details' })
	getDetailsRowCss(args: RowCssHandlerArgs): any {
		const row = args?.selector?.row;
		if (!row) return undefined;

		const priority = row.DeliveryPriority?.value;
		if (priority === Priority_10DayRush || priority === Priority_Rebuild) return 'red60';

		const confirmed  = row.Confirmed?.value;
		const remaining  = row.DeliveryRemaining?.value;
		if ((confirmed == null || confirmed === false) && priority !== Priority_Exception && remaining != null && remaining <= 5)
			return 'yellow60';

		return undefined;
	}

Seems like we’re looking in the wrong place.

This compiles:

	@handleEvent(CustomEventType.GetRowCss, /*{ view: 'Details' }*/)​
	getDetailsRowCss(args: RowCssHandlerArgs<SOLine_SOCustomisations_generated>): undefined | string{​
        const split = args?.selector?.row;​
        if (split != null && split.OrderQty.value > split.UnshippedQty.value) {​
            return "bold-row";​
        }​
        return undefined;​
    }​

It looks to be the parameter passed to handleEvent which is the problem.

Commenting out the second parameter gives something that will compile (but presumably won’t get bound to the correct view. 

Neither of these work:

• {view: “Details”}
• {view: “Transactions” }

The error message, including the source name gives:

customizationScreens\Company\screens\SO\SO301000\extensions\SO301000_SOCustomisations_generated.ts(99,44)      TS2322: Type 'string' is not assignable to type 'never'

And the text appearing on line 99, character 44 is 

{ view: "Transactions" }

Definitely something funky about that parameter.

I think you have added a colon where you don’t want one:

getReceivedRowCss(args: RowCssHandlerArgs<SOLine>): string {​

Based on all the code that I’ve been looking at from my install, that line should be:

getReceivedRowCss(args: RowCssHandlerArgs<SOLine>) {​

Here’s an example from PM301000.ts and it follows the syntax that ​@darylbowman had given:

@handleEvent(CustomEventType.GetRowCss, { view: "BalanceRecords" })
getItemsRowCss(args: RowCssHandlerArgs<PXViewCollection<BalanceRecords>>) {
	return args?.selector?.row?.RecordID.value < 0
		? PMConstants.BoldRowCssClass
		: undefined;
}

Edit: I found in PO302020_Receive.ts and example like yours:

@handleEvent(CustomEventType.GetRowCss, { view: "Received" })
getReceivedRowCss(args: RowCssHandlerArgs<PXViewCollection<ReceiptSplitsForReceive>>): string {
	const split = args?.selector?.row;

	if (split == null || split.ReceivedQty.value === 0) {
		return undefined;
	}
	else if (this.Document?.WMSSingleOrder?.value === true || split.Qty.value === 0) {
		if (split.RestQty.value === 0) {
			return "startedLine completedLine";
		}
		else if (split.ReceivedQty.value > 0) {
			return "startedLine";
		}
	}
	else {
		if (split.ReceivedQty.value > split.Qty.value) {
			return "startedLine excessedLine";
		}
		else if (split.ReceivedQty.value === split.Qty.value) {
			return "startedLine completedLine";
		}
		else if (split.ReceivedQty.value > 0) {
			return "startedLine";
		}
	}

	return undefined;
}

Thanks ​@Django. But that change affects code after the line that the error is reported against. I still get the error.