@plone/volto 18.0.0-alpha.24 → 18.0.0-alpha.25

package/CHANGELOG.md

@@ -17,6 +17,17 @@ myst:
 
 <!-- towncrier release notes start -->
 
+## 18.0.0-alpha.25 (2024-03-24)
+
+### Internal
+
+- Remove dangling unused lines in StoryBook config @sneridagh [#5911](https://github.com/plone/volto/issues/5911)
+- Upgrade Storybook to version 8. @sneridagh [#5912](https://github.com/plone/volto/issues/5912)
+
+### Documentation
+
+- Update information about Quanta plans. [@jensens] [#5903](https://github.com/plone/volto/issues/5903)
+
 ## 18.0.0-alpha.24 (2024-03-23)
 
 ### Feature

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "18.0.0-alpha.24",
+  "version": "18.0.0-alpha.25",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -236,9 +236,9 @@
     "url": "^0.11.3",
     "use-deep-compare-effect": "1.8.1",
     "uuid": "^8.3.2",
-    "@plone/scripts": "3.6.1",
     "@plone/registry": "1.5.4",
-    "@plone/volto-slate": "18.0.0-alpha.10"
+    "@plone/volto-slate": "18.0.0-alpha.10",
+    "@plone/scripts": "3.6.1"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -251,18 +251,19 @@
     "@babel/plugin-syntax-export-namespace-from": "7.8.3",
     "@babel/runtime": "7.20.6",
     "@babel/types": "7.20.5",
+    "@jest/globals": "^29.7.0",
     "@loadable/babel-plugin": "5.13.2",
     "@loadable/webpack-plugin": "5.15.2",
-    "@jest/globals": "^29.7.0",
     "@sinonjs/fake-timers": "^6.0.1",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-controls": "6.5.15",
-    "@storybook/addon-docs": "^6.5.15",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/react": "^6.5.15",
+    "@storybook/addon-actions": "^8.0.4",
+    "@storybook/addon-controls": "^8.0.4",
+    "@storybook/addon-docs": "^8.0.4",
+    "@storybook/addon-essentials": "^8.0.4",
+    "@storybook/addon-links": "^8.0.4",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/react": "^8.0.4",
+    "@storybook/react-webpack5": "^8.0.4",
+    "@storybook/theming": "^8.0.4",
     "@testing-library/cypress": "10.0.1",
     "@testing-library/jest-dom": "6.4.2",
     "@testing-library/react": "14.2.0",
@@ -306,8 +307,8 @@
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
     "jest-environment-jsdom": "^26",
-    "jsdom": "^16.7.0",
     "jest-file": "1.0.0",
+    "jsdom": "^16.7.0",
     "jsonwebtoken": "9.0.0",
     "less": "3.11.1",
     "less-loader": "11.1.0",
@@ -331,6 +332,7 @@
     "release-it": "^17.1.1",
     "semver": "^7.5.4",
     "start-server-and-test": "1.14.0",
+    "storybook": "^8.0.4",
     "style-loader": "3.3.1",
     "stylelint": "16.2.1",
     "stylelint-config-idiomatic-order": "10.0.0",
@@ -344,7 +346,7 @@
     "typescript": "^5.4.2",
     "use-trace-update": "1.3.2",
     "wait-on": "6.0.0",
-    "webpack": "5.76.1",
+    "webpack": "5.90.1",
     "webpack-bundle-analyzer": "4.10.1",
     "webpack-dev-server": "4.11.1",
     "webpack-node-externals": "3.0.0",
@@ -382,7 +384,7 @@
     "release": "release-it",
     "release-major-alpha": "release-it major --preRelease=alpha",
     "release-alpha": "release-it --preRelease=alpha",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }

package/src/components/manage/UniversalLink/{UniversalLink.stories.mdx → UniversalLink.stories.js}

@@ -1,30 +1,9 @@
-import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
 import UniversalLinkComponent from './UniversalLink';
 import { injectIntl } from 'react-intl';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
-<Meta
-  title="UniversalLink"
-  argTypes={{
-    href: { control: 'text' },
-    item: { control: 'object' },
-    text: { control: 'text' },
-  }}
-  decorators={[
-    (Story) => (
-      <div style={{ width: '400px' }}>
-        <Story />
-      </div>
-    ),
-  ]}
-/>
-
-# UniversalLink
-
-Link to url or item
-
-export const UniversalLink = (args) => {
+const UniversalLink = (args) => {
   const mockStore = configureStore();
   const store = mockStore({
     userSession: {
@@ -57,8 +36,37 @@ export const UniversalLink = (args) => {
   );
 };
 
-<Story name="UniversalLink">{injectIntl(UniversalLink).bind({})}</Story>
+export default {
+  title: 'UniversalLink',
 
-# Props
+  argTypes: {
+    href: {
+      control: 'text',
+    },
 
-<ArgsTable of={UniversalLinkComponent} />
+    item: {
+      control: 'object',
+    },
+
+    text: {
+      control: 'text',
+    },
+  },
+
+  decorators: [
+    (Story) => (
+      <div
+        style={{
+          width: '400px',
+        }}
+      >
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export const UniversalLink_ = {
+  render: injectIntl(UniversalLink).bind({}),
+  name: 'UniversalLink',
+};

package/src/components/theme/Avatar/Avatar.stories.js

@@ -0,0 +1,24 @@
+import Avatar from './Avatar';
+
+const UserAvatar = (args) => <Avatar {...args} />;
+
+export default {
+  title: 'Avatar',
+
+  argTypes: {
+    title: {
+      control: 'text',
+    },
+  },
+};
+
+export const Avatar3 = {
+  render: UserAvatar.bind({}),
+  name: 'Avatar',
+
+  args: {
+    title: 'Plone',
+    color: '#007eb6',
+    size: 60,
+  },
+};

package/src/components/theme/Title/Title.stories.js

@@ -0,0 +1,22 @@
+import TitleComponent from './Title';
+
+const Title = (args) => <TitleComponent {...args} />;
+
+export default {
+  title: 'Title',
+
+  argTypes: {
+    title: {
+      control: 'text',
+    },
+  },
+};
+
+export const Title_ = {
+  render: Title.bind({}),
+  name: 'Title',
+
+  args: {
+    title: 'Welcome to Plone',
+  },
+};

package/types/components/manage/UniversalLink/UniversalLink.stories.d.ts

@@ -0,0 +1,22 @@
+declare namespace _default {
+    let title: string;
+    namespace argTypes {
+        namespace href {
+            let control: string;
+        }
+        namespace item {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        namespace text {
+            let control_2: string;
+            export { control_2 as control };
+        }
+    }
+    let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+}
+export default _default;
+export namespace UniversalLink_ {
+    let render: any;
+    let name: string;
+}

package/types/components/theme/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,20 @@
+declare namespace _default {
+    let title: string;
+    namespace argTypes {
+        export namespace title_1 {
+            let control: string;
+        }
+        export { title_1 as title };
+    }
+}
+export default _default;
+export namespace Avatar3 {
+    let render: any;
+    let name: string;
+    namespace args {
+        let title_2: string;
+        export { title_2 as title };
+        export let color: string;
+        export let size: number;
+    }
+}

package/types/components/theme/Title/Title.stories.d.ts

@@ -0,0 +1,18 @@
+declare namespace _default {
+    let title: string;
+    namespace argTypes {
+        export namespace title_1 {
+            let control: string;
+        }
+        export { title_1 as title };
+    }
+}
+export default _default;
+export namespace Title_ {
+    let render: any;
+    let name: string;
+    namespace args {
+        let title_2: string;
+        export { title_2 as title };
+    }
+}

package/src/components/theme/Avatar/Avatar.stories.mdx

@@ -1,25 +0,0 @@
-import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
-import Avatar from './Avatar';
-
-<Meta
-  title="Avatar"
-  argTypes={{
-    title: { control: 'text' },
-  }}
-/>
-
-# Avatar
-
-```jsx static
-<Avatar title="Plone" color="#007eb6" size={60} />
-```
-
-export const UserAvatar = (args) => <Avatar {...args} />;
-
-<Story name="Avatar" args={{ title: 'Plone', color: '#007eb6', size: 60 }}>
-  {UserAvatar.bind({})}
-</Story>
-
-## Props
-
-<ArgsTable of={Avatar} />

package/src/components/theme/Title/Title.stories.mdx

@@ -1,25 +0,0 @@
-import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
-import TitleComponent from './Title';
-
-<Meta
-  title="Title"
-  argTypes={{
-    title: { control: 'text' },
-  }}
-/>
-
-# Title
-
-```jsx static
-<Title title="Plone" />
-```
-
-export const Title = (args) => <TitleComponent {...args} />;
-
-<Story name="Title" args={{ title: 'Welcome to Plone' }}>
-  {Title.bind({})}
-</Story>
-
-## Props
-
-<ArgsTable of={TitleComponent} />