Addon-actions: Move stories into addon

[ndelangen]

• add generic stories in code/addons/actions/template/stories
• remove usage of addon-actions where it serves no purpose anymore

[tmeasday]

Looks good except I think a couple things are missing?

[tmeasday]

Do we have an example of using an action inline?

[ndelangen]

an action inline? I'm not sure I understand..

Do you mean like this:

storybook/code/addons/actions/template/stories/basics.stories.js

Lines 19 to 66 in 802f349

	export const TypeString = {
	args: { onClick: () => action('onClick')('string') },
	};
	export const TypeBoolean = {
	args: { onClick: () => action('onClick')(false) },
	};
	export const TypeObject = {
	args: { onClick: () => action('onClick')({}) },
	};
	export const TypeNull = {
	args: { onClick: () => action('onClick')(null) },
	};
	export const TypeUndefined = {
	args: { onClick: () => action('onClick')(undefined) },
	};
	export const TypeNaN = {
	args: { onClick: () => action('onClick')(NaN) },
	};
	export const TypeInfinity = {
	args: { onClick: () => action('onClick')(Infinity) },
	};
	export const TypeMinusInfinity = {
	args: { onClick: () => action('onClick')(-Infinity) },
	};
	export const TypeNumber = {
	args: { onClick: () => action('onClick')(10000) },
	};
	export const TypeGlobal = {
	args: { onClick: () => action('onClick')(globalThis) },
	};
	export const TypeSymbol = {
	args: { onClick: () => action('onClick')(Symbol('MySymbol')) },
	};
	export const TypeRegExp = {
	args: { onClick: () => action('onClick')(new RegExp('MyRegExp')) },
	};
	export const TypeArray = {
	args: { onClick: () => action('onClick')(['a', 'b', 'c']) },
	};
	export const TypeClass = {
	args: { onClick: () => action('onClick')(class MyClass {}) },
	};
	export const TypeFunction = {
	args: { onClick: () => action('onClick')(function MyFunction() {}) },
	};
	export const TypeMultiple = {
	args: { onClick: () => action('onClick')('string', true, false, null, undefined, [], {}) },
	};

I can't do anything in a render function, in these stories, because that would make them framework specific.

[shilman]

I think all the template stories need to be stories.js files so that they can be embedded in JS-only files. @tmeasday can you please confirm?

[tmeasday]

I think the template stories are allowed to be TS as they are processed by esbuild-loader.

The component files defined by the renderer need to be basic least common denominator JS(X) for that renderer

[ndelangen]

Where is this code?

I think the template stories are allowed to be TS as they are processed by esbuild-loader.

@tmeasday