[TableToolbarSearch] value overwritten by empty state

[IOIO72]

What package(s) are you using?

• carbon-components
• carbon-components-react v7.3.2

Detailed description

I’m trying to set a default value for the DataTable / TableToolbarSearch input field. Usually the props are passed down to the child components. In this case it’s the Search component, which offers the defaultValue and value. Unfortunately the TableToolbarSearch component initializes the value property by setting an empty state. Therefore, I can’t set a default value.

Related code line:

carbon/packages/react/src/components/DataTable/TableToolbarSearch.js

Line 46 in 3dabe8f

const [value, setValue] = useState('');

Steps to reproduce the issue

Additional information

Note: The Sandbox contains a little CSS bug fix for persistant mode, which I've described in #3108 already:

      .bx--table-toolbar
        .bx--toolbar-action.bx--toolbar-search-container-persistant {
        width: 100%;
      }

[IdanAdar]

@mattrosno Any progress on this issue? It is affecting our adoption of Carbon in IBM Cloud.

[IdanAdar]

@IOIO72 were you able to implement a workaround for this regression?

[tw15egan]

@IdanAdar I just added a PR that should fix this issue if you want to take a look: #5089

[ashpc]

@tw15egan what is the ETA on this?