Merge pull request #11 from stevensacks/feat/sb8

feat: storybook 8 support

.gitignore

@@ -5,5 +5,4 @@ build-storybook.log
 .DS_Store
 .env
 .idea
-.yarn
 .npmrc

.storybook/local-preset.js

@@ -2,11 +2,11 @@
  * to load the built addon in this test Storybook
  */
 function previewAnnotations(entry = []) {
-    return [...entry, require.resolve("../dist/preview.mjs")];
+    return [...entry, require.resolve('../dist/preview.js')];
 }
 
 function managerEntries(entry = []) {
-    return [...entry, require.resolve("../dist/manager.mjs")];
+    return [...entry, require.resolve('../dist/manager.js')];
 }
 
 module.exports = {

.storybook/preview.ts

@@ -6,9 +6,9 @@ const preview: Preview = {
     globals: {
         locale: 'en',
         locales: {
-            en: {title: 'English', left: '🇺🇸', right: 'EN'},
-            fr: {title: 'French', left: '🇫🇷', right: 'FR'},
-            ja: {title: '日本語', left: '🇯🇵', right: 'JA'},
+            en: {icon: '🇺🇸', title: 'English', right: 'EN'},
+            fr: {icon: '🇫🇷', title: 'Français', right: 'FR'},
+            ja: {icon: '🇯🇵', title: '日本語', right: 'JP'},
         },
     },
     parameters: {

README.md

@@ -3,7 +3,7 @@
 Add react-intl support to Storybook.
 
 Required Versions:
-* storybook - `^7.0.0`
+* storybook - `^8.0.0`
 * react-intl - `^5.24.0 || ^6.0.0`
 
 This Storybook addon assumes your project is already set up with [react-intl](https://formatjs.io/docs/react-intl/), and that it is properly configured and working.
@@ -103,9 +103,9 @@ const preview: Preview = {
     globals: {
         locale: reactIntl.defaultLocale,
         locales: {
-            en: {title: "English", left: '🇺🇸'},
-            fr: {title: "Français", left: '🇫🇷'},
-            ja: {title: "日本語", left: '🇯🇵'},
+            en: {icon: '🇺🇸', title: 'English', right: 'EN'},
+            fr: {icon: '🇫🇷', title: 'Français', right: 'FR'},
+            ja: {icon: '🇯🇵', title: '日本語', right: 'JP'},
         },
     },
     parameters: {
@@ -142,7 +142,3 @@ Once you have finished these steps and launch storybook, you should see a globe
 Clicking this globe icon will show a dropdown with the locales you defined.
 
 Switching locales will use the strings defined in your messages.
-
-## Migrating to Storybook 7
-
-In `.storybook/preview.ts`, move the locale/locales to be under `globals` instead of `parameters`.

manager.js

@@ -1 +1 @@
-export * from './dist/manager';
+import './dist/manager';