Api: Type mismatch

[JeffreyNijs]

Describe the bug

Type checks fail for 3.24.0 when using a variable with an interface extending type DataTableFilterMeta and giving an object with matchMode using FilterMatchMode. FilterMatchMode is of type string but matchMode expects specific values.

This error occurs:

Type 'string' is not assignable to type '"startsWith" | "contains" | "notContains" | "endsWith" | "equals" | "notEquals" | "in" | "lt" | "lte" | "gt" | "gte" | "between" | "dateIs" | "dateIsNot" | "dateBefore" | "dateAfter" | undefined'.

This applies to other types defined in Api.d.ts.

Reproducer

https://codesandbox.io/s/eloquent-proskuriakova-wy0x47?file=/src/customerTableFilters.type.ts

PrimeVue version

3.24.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

1. Go to 'src/customerTableFilters.type.ts'.
2. Notice TS error below the comment.

Expected behavior

No TS error. matchMode should expect the correct string values.

[loneil]

Hmm I've just come across this as well after updating a functioning app from 3.23 to 3.24.
Is there any workaround? I'm still getting the error even if using a hard-coded string instead of the type

[loneil]

Looks like casting it removes the error for me actually.

[Goldenaries658]

@mertsincan You've refactored the solution in 53312c0. However this seems to break it as seen below. Happy to open a new issue if needed.

[JeffreyNijs]

@mertsincan You've refactored the solution in 53312c0. However this seems to break it as seen below. Happy to open a new issue if needed.

Use FilterMatchModeOptions instead.

[JeffreyNijs]

Actually I can confirm this is still an issue. Now that it's an enum in the .d.ts file, it can't be found in the esm.js file when building the application.

[JeffreyNijs]

Please see the related issue: #3751 (comment)