ArcTable search not working

[hafiz-arup]

Detailed Description

I am using the basic example given in the Arc documentation but the search is not working.
A code example can be found here https://stackblitz.com/edit/vitejs-vite-yuatgrfw?file=src%2FApp.tsx

Components

• accessibility
• avatar
• bottombar
• button
• card
• checkbox
• chip
• container
• drawer
• dropdown
• hero
• icon
• icon-button
• image
• menu
• menu-item
• navbar
• radio
• radio-group
• sidebar
• spinner
• switch
• table
• tooltip

Steps to Reproduce

1. Create a react vite (typescript) app
2. Install arc using command npm install @arc-web/components@latest @arc-web/react@latest
3. Copy paste the following code to setup an ArcTable
   `
   import React from "react";
   import { ArcTable, ArcContainer } from "@arc-web/react";

const SampleTable= () => {
const headers = ["Name", "Email", "Number"];

const rows = [
    ["John", "[email protected]", "(353) 01 222 3333"],
    ["Mark", "[email protected]", "(01) 22 888 4444"],
    ["Eoin", "[email protected]", "(05) 10 878 5554"],
    ["Nisen", "[email protected]", "313 333 1923"]
];

return (
    <ArcContainer>
        <ArcTable columns={headers} data={rows} search={true}></ArcTable>
    </ArcContainer>
);

};

export default SampleTable;
`

Expected Behaviour

The search should filter the result while I start typing

Actual Behaviour

Its doing nothing

Application Framework/Library

React 18.2.0

Arc Version

3.4.1

[dominicegginton]

@hafiz-arup thank you for opening, this is being tracked in our backlog as ARC-80

[dominicegginton]

@hafiz-arup this has now been fixed with #349, however required breaking changes. We plan to release these changes in v4.0.0 asap. We will let you know once realsed.