Merge pull request #209 from pegasystems/upgrade/25

Upgrade/25

Author: ricmars

.eslintrc.json

@@ -3,7 +3,7 @@ name: Validate PRs
 permissions:
   contents: read
   pull-requests: write
-  
+
 on:
   # Event for the workflow to run on
   push:

.github/workflows/validatepr.yaml

@@ -140,5 +140,5 @@ dist
 
 # library mode DXCB
 .store/
-Pega_ConstellationUIGallery/
-Pega_ConstellationUIGallery.zip
+Pega_UIGallery/
+Pega_UIGallery.zip

.gitignore

@@ -12,3 +12,6 @@ build
 CHANGELOG.md
 **/public
 *.svg
+Pega_UIGallery
+store
+src/components/**/*.json

.prettierignore

@@ -7,12 +7,10 @@ const config: StorybookConfig = {
   framework: '@storybook/react-webpack5',
   staticDirs: ['./static'],
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: ['@storybook/addon-a11y', '@storybook/addon-essentials'],
-  docs: {
-    autodocs: true,
-  },
+  addons: ['@storybook/addon-a11y', '@storybook/addon-webpack5-compiler-babel', '@storybook/addon-docs'],
   typescript: {
     check: false,
+    reactDocgen: 'react-docgen-typescript',
   },
 };
 

.storybook/main.ts

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/manager-api';
+import { addons } from 'storybook/manager-api';
 import myTheme from './theme';
 
 addons.setConfig({

.storybook/manager.ts

@@ -1,8 +1,8 @@
 import { useEffect as useReactEffect } from 'react';
-import { configureActions } from '@storybook/addon-actions';
-import { css } from '@storybook/theming';
-import { useEffect as useStorybookEffect, useMemo as useStorybookMemo } from '@storybook/preview-api';
-import type { Preview } from '@storybook/react';
+import { configureActions } from 'storybook/actions';
+import { css } from 'storybook/theming';
+import { useEffect as useStorybookEffect, useMemo as useStorybookMemo } from 'storybook/preview-api';
+import type { Preview } from '@storybook/react-webpack5';
 import {
   Configuration,
   ModalManager,
@@ -225,6 +225,8 @@ const preview: Preview = {
       },
     },
   },
+
+  tags: ['autodocs'],
 };
 
 export default preview;

.storybook/preview.tsx

@@ -1,4 +1,4 @@
-import { create } from '@storybook/theming';
+import { create } from 'storybook/theming';
 
 const primaryColor = '#005EA7';
 const secondaryColor = '#0076D1';

.storybook/theme.ts

@@ -6,5 +6,13 @@
     "selector-max-combinators": null,
     "selector-max-compound-selectors": null
   },
-  "ignoreFiles": ["node_modules/**", "lib/**", "!.storybook", ".storybook/public", "storybook-static/**"]
+  "ignoreFiles": [
+    "node_modules/**",
+    "lib/**",
+    "!.storybook",
+    ".storybook/public",
+    "storybook-static/**",
+    "Pega_UIGallery/**",
+    "store/**"
+  ]
 }

.stylelintrc.json

@@ -4,11 +4,12 @@ Constellation's flexible architecture empowers advanced users (professional fron
 
 This gallery provides a collection of ready-to-use and customizable component. Explore them directly or [delve into the source code](https://github.com/pegasystems/constellation-ui-gallery/tree/master/src/components) for deeper understanding. Use this resource to gain inspiration, best practices, and a solid foundation for implementing custom components.
 
-These components have been tested on Pega '23.1, '24.1, '24.2 and might not run older other versions of the Pega Platform
+These components have been tested on Pega '23.1, '24.1, '24.2 and '25.1 and might not run older other versions of the Pega Platform
 
 - Version 1.x and branch release/1.x.x should be used for Pega '23
 - Version 2.x and branch release/2.0 should be used for Pega '24.1
-- Version 3.x and branch master should be used for Pega '24.2
+- Version 3.x and branch release/3.0 should be used for Pega '24.2
+- Version 4.x and branch master should be used for Pega '24.2
 
 Older versions of the Pega Platform have not been tested and are not supported.