chore(react): update to exclude stories from folders labeled next (#9920

)

* chore(react): update to exclude stories from folders labeled next

* chore(react): update popover story to next format

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

packages/carbon-react/.storybook/main.js

@@ -28,6 +28,8 @@ module.exports = {
  './Welcome/Welcome.stories.js',
  '../src/**/*.stories.js',
  '../src/**/*.stories.mdx',
+ '../../react/src/**/next/*.stories.js',
+ '../../react/src/**/next/*.stories.mdx',
  ],
  webpack(config) {
  const babelLoader = config.module.rules.find((rule) => {

packages/react/.storybook/main.js

@@ -7,6 +7,7 @@
 
 'use strict';
 
+const glob = require('fast-glob');
 const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const customProperties = require('postcss-custom-properties');
@@ -36,11 +37,17 @@ module.exports = {
  require.resolve('./addon-theme/register'),
  ],
 
- stories: [
- './Welcome/Welcome.stories.js',
- '../src/**/*-story.js',
- '../src/**/*.stories.mdx',
- ],
+ stories: glob.sync(
+ [
+ './Welcome/Welcome.stories.js',
+ '../src/**/*-story.js',
+ '../src/**/*.stories.mdx',
+ ],
+ {
+ cwd: __dirname,
+ ignore: ['../**/next/**'],
+ }
+ ),
 
  webpack(config) {
  const babelLoader = config.module.rules.find((rule) => {

packages/react/package.json

@@ -110,6 +110,7 @@
  "css-loader": "^3.4.2",
  "cypress": "^8.1.0",
  "cypress-real-events": "^1.5.1",
+ "fast-glob": "^3.2.7",
  "fast-sass-loader": "^1.5.0",
  "gzip-size": "^6.0.0",
  "lcov2badge": "^0.1.0",

packages/react/src/components/Popover/Popover-story.js → packages/react/src/components/Popover/next/Popover.stories.js

@@ -14,10 +14,10 @@ import {
 } from '@carbon/icons-react';
 import { withKnobs, boolean, select } from '@storybook/addon-knobs';
 import React from 'react';
-import { Popover, PopoverContent } from '../Popover';
-import Button from '../Button';
+import { Popover, PopoverContent } from '../../Popover';
+import Button from '../../Button';
 import mdx from './Popover.mdx';
-import { useOutsideClick } from '../../internal/useOutsideClick';
+import { useOutsideClick } from '../../../internal/useOutsideClick';
 
 export default {
  title: 'Experimental/unstable_Popover',

yarn.lock

@@ -10348,6 +10348,7 @@ __metadata:
  cypress: ^8.1.0
  cypress-real-events: ^1.5.1
  downshift: 5.2.1
+ fast-glob: ^3.2.7
  fast-sass-loader: ^1.5.0
  flatpickr: 4.6.9
  gzip-size: ^6.0.0