Allow dash in component instance id like bind__troika-text (#822)

vincentfretin · web-flow · commit 27c861c59c69 · 2025-10-26T21:47:35.000-07:00
diff --git a/src/components/components/AddComponent.js b/src/components/components/AddComponent.js
@@ -32,7 +32,7 @@ export default class AddComponent extends React.Component {
         id = id
           .trim()
           .toLowerCase()
-          .replace(/[^a-z0-9]/g, '');
+          .replace(/[^a-z0-9-]/g, '');
         // With the transform, id could be empty string, so we need to check again.
       }
       if (id) {

Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ export default class AddComponent extends React.Component {`
`32`	`32`	`id = id`
`33`	`33`	`.trim()`
`34`	`34`	`.toLowerCase()`
`35`		`- .replace(/[^a-z0-9]/g, '');`
	`35`	`+ .replace(/[^a-z0-9-]/g, '');`
`36`	`36`	`// With the transform, id could be empty string, so we need to check again.`
`37`	`37`	`}`
`38`	`38`	`if (id) {`