Publish R33 update and R34 roadmap

package.json

@@ -12,14 +12,14 @@
         "@emotion/css": "^11.11.2",
         "@emotion/react": "^11.10.5",
         "@emotion/styled": "^11.10.6",
-        "@fontsource/roboto-mono": "^5.0.18",
+        "@fontsource/roboto-mono": "^5.1.0",
         "@mui/icons-material": "^5.14.1",
         "@mui/material": "^5.6.0",
         "@mui/styles": "^5.6.0",
         "@types/dompurify": "^3.0.2",
-        "axios": "^1.6.0",
+        "axios": "^1.7.4",
         "color": "^4.2.3",
-        "dompurify": "^3.0.2",
+        "dompurify": "^3.1.3",
         "fireworks-canvas": "^2.6.2",
         "flexsearch": "~0.6.0",
         "lodash.debounce": "^4.0.8",
@@ -83,7 +83,7 @@
         "@testing-library/user-event": "^14.4.3",
         "@types/color": "^3.0.6",
         "@types/jest": "^27.5.2",
-        "@types/lodash.debounce": "^4.0.7",
+        "@types/lodash.debounce": "^4.0.9",
         "@types/mdx": "^2.0.3",
         "@types/node": "^17.0.45",
         "@types/react": "^18.2.18",

src/__configuration__/roadmap/index.ts

@@ -1,12 +1,17 @@
 import { Quarter, Release } from '../../__types__';
 
-export const CURRENT_RELEASE: Release = 'R33';
+export const CURRENT_RELEASE: Release = 'R34';
 
 export const AVAILABLE_RELEASES: Array<{
     name: Release;
     year: number;
     quarter: Quarter;
 }> = [
+    {
+        name: 'R34',
+        year: 2024,
+        quarter: 'Q4',
+    },
     {
         name: 'R33',
         year: 2024,

src/__types__/index.ts

@@ -53,7 +53,8 @@ export type Release =
     | 'R30'
     | 'R31'
     | 'R32'
-    | 'R33';
+    | 'R33'
+    | 'R34';
 
 export type RoadmapItem = {
     name: string;

src/docs/development/frameworks-web/react.mdx

@@ -93,7 +93,7 @@ To add the theme to your whole application, you would simply add a `<ThemeProvid
 <ThemeProvider theme={createTheme(BLUIThemes.blue)}>
     <CssBaseline/>
     <MyApp/>
-</MuiThemeProvider>
+</ThemeProvider>
 ```
 
 You can read about [React Theming](https://mui.com/customization/theming/) to learn more.

src/docs/release-notes/R33/FullNotes.mdx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+## Reusable Workflows
+
+-   Developed Okta authentication workflow for both React and React Native.
+-   Developed a plan/architecture for a set of workflows around user management that could be dropped-in to product team applications.
+
+## Brightlayer Charts
+
+-   Innersourced Brightlayer Charts code into the ([BLUI community packages](https://www.npmjs.com/package/@blui-community/bl-charts-components)).
+
+## Miscellaneous
+
+-   Added playground to the documentation site for React Native components.
+
+## Package Summary
+
+### React Native
+
+-   @brightlayer-ui/react-native-auth-workflow v7.0.0 ([Changelog](https://www.npmjs.com/package/@brightlayer-ui/react-native-auth-workflow))
+
+### React
+
+-   @brightlayer-ui/react-auth-workflow v5.0.0 ([Changelog](https://www.npmjs.com/package/@brightlayer-ui/react-auth-workflow))

src/docs/release-notes/R33/Summary.mdx

@@ -0,0 +1 @@
+Developed Okta authentication workflow for both [React](https://www.npmjs.com/package/@brightlayer-ui/react-auth-workflow) and [React Native](https://www.npmjs.com/package/@brightlayer-ui/react-native-auth-workflow) packages. Playground has been integrated with the React Native documentation site.

src/docs/release-notes/index.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 // Full Release Notes
+import R33 from './R33/FullNotes.mdx';
 import R32 from './R32/FullNotes.mdx';
 import R31 from './R31/FullNotes.mdx';
 import R30 from './R30/FullNotes.mdx';
@@ -29,6 +30,7 @@ import R8 from './R8/FullNotes.mdx';
 import R7 from './R7/FullNotes.mdx';
 
 // Summaries (for Landing Page)
+import R33Summary from './R33/Summary.mdx';
 import R32Summary from './R32/Summary.mdx';
 import R31Summary from './R31/Summary.mdx';
 import R30Summary from './R30/Summary.mdx';
@@ -65,6 +67,13 @@ export type ReleaseInfo = {
 };
 
 const Releases: ReleaseInfo[] = [
+    {
+        title: 'R33',
+        date: 'October 2024',
+        version: '4.3.0',
+        details: <R33 />,
+        summary: <R33Summary />,
+    },
     {
         title: 'R32',
         date: 'July 2024',