Merge pull request #27 from stevensacks/feat/sb8

feat: storybook 8

.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 @@
 Easy react-i18next Storybook integration.
 
 Required Peer Dependencies:
-* storybook - `^7.0.0`
+* storybook - `^8.0.0`
 * i18next - `^22.0.0`
 * i18next-browser-languagedetector - `^7.0.0`
 * i18next-http-backend: `^2.0.0`
@@ -156,9 +156,9 @@ const preview: Preview = {
     globals: {
         locale: "en",
         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: {
@@ -175,12 +175,12 @@ import i18n from './i18next';
 
 const preview: Preview = {
     globals: {
-        locale: "en_US",
+        locale: 'en_US',
         locales: {
-            en_US: {title: "English", right: 'US'},
-            en_GB: {title: "English", right: 'GB'},
-            fr_FR: {title: "Français", right: 'FR'},
-            ja_JP: {title: "日本語", right: 'JP'},
+            en_US: {title: 'English', right: 'US'},
+            en_GB: {title: 'English', right: 'GB'},
+            fr_FR: {title: 'Français', right: 'FR'},
+            ja_JP: {title: '日本語', right: 'JP'},
         },
     },
     parameters: {
@@ -217,7 +217,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 in `parameters`. 
 
 Switching locales will use the strings defined in your locale json files.
-
-## 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';