chore(v11): update component-list

packages/component-list/README.md

@@ -27,7 +27,7 @@ and submit a pull request.
 
 > 💡 Thinking about maintenance, it's best to find a way to build this data from
 > your component library. See how
-> [cloud-cognitive](https://github.com/carbon-design-system/devtools/tree/base/packages/component-list/src/library/cloud-cognitive.js)
+> [ibm-products](https://github.com/carbon-design-system/devtools/tree/base/packages/component-list/src/library/ibm-products.js)
 > set up their components to scale.
 
 5. Add your new library file to the build file

packages/component-list/src/libraries/carbon-web-components.js

@@ -1,9 +1,9 @@
 import fs from 'fs';
-import { carbonPrefix } from '../../../web-extension/src/globals/prefixSelectors.js';
 import { _initStats, camelCase } from '../helpers.js';
 
+const carbonPrefix = 'cds';
 const _carbonWebComponentsDir =
-  '../../node_modules/carbon-web-components/es/components';
+  '../../node_modules/@carbon/web-components/es/components';
 const { _stats, success } = new _initStats();
 const carbonWebComponents = {
   name: 'Carbon web components',

packages/component-list/src/libraries/carbon.js

@@ -1,8 +1,7 @@
-import * as componentList from 'carbon-components-react';
-import { carbonPrefix } from '../../../web-extension/src/globals/prefixSelectors.js';
+import * as componentList from '@carbon/react';
 import { buildReactComponentList } from '../helpers.js';
 
-const prefix = carbonPrefix + '--';
+const prefix = 'cds--';
 
 const mockedProps = {
   pageSizes: [0],

packages/component-list/src/libraries/ibm-products.js

@@ -0,0 +1,31 @@
+import fs from 'fs';
+import { pkg } from '@carbon/ibm-products';
+import { _initStats } from '../helpers.js';
+
+const { _stats, success } = new _initStats();
+const productsDir = '../../node_modules/@carbon/ibm-products/es/components';
+const products = {
+  name: 'Carbon for IBM Products',
+  components: {},
+  _stats,
+};
+const { getDevtoolsId, devtoolsAttribute } = pkg;
+
+try {
+  const components = fs.readdirSync(productsDir);
+
+  components.forEach((file) => {
+    if (file === '_Canary' || file === 'index.d.ts') {
+      return;
+    }
+
+    const identifier = `[${devtoolsAttribute}="${getDevtoolsId(file)}]`;
+
+    products.components[identifier] = file;
+    success();
+  });
+} catch (e) {
+  console.log(e);
+}
+
+export { products };

packages/component-list/src/libraries/index.js

@@ -1,6 +1,6 @@
 export * from './carbon';
 export * from './carbon-web-components';
 export * from './ibmdotcom';
-export * from './cloud-cognitive';
+export * from './ibm-products';
 export * from './security';
 export * from './cloud-pal';