BEM CSS Classes are not completly updated

[Angelmmiguel]

Hello,

I tried to copy a Dashboard component into a new Configuration one. I use CSS BEM notation in this project, so CSS classes are like Dasboard__JobList. The issue is that classes are not updated:

render() {
  return <section className="Configuration">
    <Content>
      <Title>Jobs</Title>
      <div className="Dashboard__JobList">
        { /* ... */ }
      </div>
    </Content>
  </section>;
};

I'll create a PR soon solving this issue. Can you give me any hint to keep in mind for developing your library?

Thanks!

[diegohaz]

Hey, @Angelmmiguel

I think just changing

generact/src/utils.js

Line 69 in 638f952

new RegExp(`([^a-zA-Z0-9_$])${oldName}([^a-zA-Z0-9_$]|Container)`, 'g'),

should fix this, but it might require some testing.

[Angelmmiguel]

Thanks for the hint! I'll try to solve it :)