Global argTypes table.category ignored in ArgsTable

[MarcusNotheis]

Describe the bug
When setting a category as "global" arg types (in .storybook/preview.js), the section is not respected by the ArgTable anymore. This worked in 6.3.x.

// .storybook/preview.js
export const parameters = {
  // ...
  argTypes: {
    className: { table: { category: 'Styling' } },
  },
};

To Reproduce

1. Checkout https://github.com/MarcusNotheis/sb-arg-types-repro
   (npx sb@next repro was throwing errors for me, I hope this repro is fine as well)
2. Install dependencies and start the storybook using npm run storybook
3. Open the Button Story in the Docs tab. You can see that the Styling category is missing:
   
4. Downgrade all storybook dependencies to 6.3.12, and restart the storybook. Now the styling section is available:
   

System

Environment Info:

  System:
    OS: macOS 12.0.1
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
  Binaries:
    Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node
    Yarn: 3.1.1 - ~/.nvm/versions/node/v16.13.0/bin/yarn
    npm: 8.1.3 - ~/.nvm/versions/node/v16.13.0/bin/npm
  Browsers:
    Chrome: 96.0.4664.55
    Edge: 96.0.1054.34
    Firefox: 94.0.1
    Safari: 15.1
  npmPackages:
    @storybook/addon-actions: ^6.4.0 => 6.4.0 
    @storybook/addon-docs: ^6.4.0 => 6.4.0 
    @storybook/addon-essentials: ^6.4.0 => 6.4.0 
    @storybook/addon-links: ^6.4.0 => 6.4.0 
    @storybook/node-logger: ^6.4.0 => 6.4.0 
    @storybook/preset-create-react-app: ^3.2.0 => 3.2.0 
    @storybook/react: ^6.4.0 => 6.4.0 

[shilman]

@MarcusNotheis this was never a supported API in 6.x, just an exploit of the internal implementation. here is the open feature request for the functionality you want #11697

cc @tmeasday

[tmeasday]

@MarcusNotheis try export argTypes = { ... };

[MarcusNotheis]

Thanks @shilman and @tmeasday - using export const argTypes ... in preview.js did the trick :) Thanks for that hint!

[fehrm]

@tmeasday does this also work for Angular? I hit this warning and it doesn't seem to be working:

storybook/lib/builder-webpack5/src/preview/virtualModuleEntry.template.js

Line 18 in 7d354c8

return logger.warn('Invalid args/argTypes in config, ignoring.', JSON.stringify(value));

[shilman]

@fehrm it looks like this is only supported when features.storyStoreV7 is true in .storybook/main.js:

storybook/lib/builder-webpack4/src/preview/iframe-webpack.config.ts

Line 97 in 7d354c8

if (features?.storyStoreV7) {