@itcase/storybook-config 1.0.36 → 1.0.38

package/config/addonThemes.js

@@ -0,0 +1,12 @@
+const ADDON_THEMES = {
+  defaultTheme: 'am',
+  themes: {
+    am: 'am',
+    baikal: 'baikal',
+    dark: 'dark',
+    itcase: 'itcase',
+    light: 'light',
+  },
+}
+
+export { ADDON_THEMES }

package/config/addonsNextJs.js

@@ -3,6 +3,7 @@ const ADDONS_NEXTJS = [
   '@storybook/addon-essentials',
   '@storybook/addon-interactions',
   '@itcase/storybook-addon-auth',
+  '@storybook/addon-themes',
   '@storybook/addon-designs',
   'storybook-addon-source-link',
   '@etchteam/storybook-addon-status',

package/config/addonsReact.js

@@ -5,6 +5,7 @@ const ADDONS_REACT = [
   '@storybook/addon-interactions',
   '@storybook/addon-designs',
   'storybook-addon-source-link',
+  '@storybook/addon-themes',
   '@etchteam/storybook-addon-status',
   {
     name: '@storybook/addon-styling-webpack',

package/config/addonsReactVite.js

@@ -2,6 +2,7 @@ const ADDONS_REACT_VITE = [
   '@storybook/addon-links',
   '@storybook/addon-essentials',
   '@storybook/addon-interactions',
+  '@storybook/addon-themes',
   '@storybook/addon-designs',
   'storybook-addon-source-link',
   '@etchteam/storybook-addon-status',

package/config/index.js

@@ -1,6 +1,7 @@
 import { ADDONS_NEXTJS } from './addonsNextJs'
 import { ADDONS_REACT } from './addonsReact'
 import { ADDONS_REACT_VITE } from './addonsReactVite'
+import { ADDON_THEMES } from './addonThemes'
 import { AUTHORIZATION } from './authorization'
 import { BACKGROUNDS } from './backgrounds'
 import { FRAMEWORK_NEXTJS } from './frameworkNextJs'
@@ -19,6 +20,7 @@ import { VIEWPORTS } from './viewports'
 
 export {
   AUTHORIZATION,
+  ADDON_THEMES,
   ADDONS_NEXTJS,
   STATIC_DIRS_REACT,
   STATIC_DIRS_NEXTJS,

package/dist/config/addonThemes.js

@@ -0,0 +1,12 @@
+const ADDON_THEMES = {
+  defaultTheme: 'am',
+  themes: {
+    am: 'am',
+    baikal: 'baikal',
+    dark: 'dark',
+    itcase: 'itcase',
+    light: 'light',
+  },
+}
+
+export { ADDON_THEMES }

package/dist/config/addonsNextJs.js

@@ -3,6 +3,7 @@ const ADDONS_NEXTJS = [
   '@storybook/addon-essentials',
   '@storybook/addon-interactions',
   '@itcase/storybook-addon-auth',
+  '@storybook/addon-themes',
   '@storybook/addon-designs',
   'storybook-addon-source-link',
   '@etchteam/storybook-addon-status',

package/dist/config/addonsReact.js

@@ -5,6 +5,7 @@ const ADDONS_REACT = [
   '@storybook/addon-interactions',
   '@storybook/addon-designs',
   'storybook-addon-source-link',
+  '@storybook/addon-themes',
   '@etchteam/storybook-addon-status',
   {
     name: '@storybook/addon-styling-webpack',

package/dist/config/addonsReactVite.js

@@ -2,6 +2,7 @@ const ADDONS_REACT_VITE = [
   '@storybook/addon-links',
   '@storybook/addon-essentials',
   '@storybook/addon-interactions',
+  '@storybook/addon-themes',
   '@storybook/addon-designs',
   'storybook-addon-source-link',
   '@etchteam/storybook-addon-status',

package/dist/config/index.js

@@ -1,6 +1,7 @@
 import { ADDONS_NEXTJS } from './addonsNextJs'
 import { ADDONS_REACT } from './addonsReact'
 import { ADDONS_REACT_VITE } from './addonsReactVite'
+import { ADDON_THEMES } from './addonThemes'
 import { AUTHORIZATION } from './authorization'
 import { BACKGROUNDS } from './backgrounds'
 import { FRAMEWORK_NEXTJS } from './frameworkNextJs'
@@ -19,6 +20,7 @@ import { VIEWPORTS } from './viewports'
 
 export {
   AUTHORIZATION,
+  ADDON_THEMES,
   ADDONS_NEXTJS,
   STATIC_DIRS_REACT,
   STATIC_DIRS_NEXTJS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "author": "ITCase",
   "description": "Code style linter configuration presets",
   "engines": {
@@ -43,6 +43,7 @@
   "files": [
     "README.md",
     "config",
+    "utils",
     "dist"
   ],
   "publishConfig": {

package/utils/getStoryInfoblocks.ts

@@ -0,0 +1,55 @@
+import axios from 'axios'
+import camelCase from 'lodash/camelCase'
+
+async function getStoryInfoblocks(infoBlockSlugsList: string[] = []) {
+  const slugsList: string[] = []
+  const regExpsList: RegExp[] = []
+
+  infoBlockSlugsList.forEach((slug: string | RegExp) => {
+    if (slug instanceof RegExp) {
+      regExpsList.push(slug)
+    } else {
+      slugsList.push(slug)
+    }
+  })
+
+  const restBaseUrl = process.env.REST_BASE_URL
+  const slugsQuery = slugsList.join(',')
+  const response = await axios.get(`${restBaseUrl}rest/infoblocks/?active=true&slugs=${slugsQuery}`)
+  const infoBlocksList = response.data.results || []
+  const infoBlocks = infoBlocksList.reduce((resultData: any, infoBlockItem: any) => {
+    const targetSlugRegExp = regExpsList.find((slugRegExp) => {
+      return slugRegExp.test(infoBlockItem.slug)
+    })
+
+    if (targetSlugRegExp) {
+      const key = camelCase(infoBlockItem.slug)
+      if (resultData[key]) {
+        resultData[key].push(infoBlockItem)
+      } else {
+        resultData[key] = [infoBlockItem]
+      }
+      return resultData
+    }
+
+    const targetSlug = slugsList.find((slug) => {
+      return slug === infoBlockItem.slug
+    })
+
+    if (targetSlug) {
+      const key = camelCase(targetSlug)
+      resultData[key] = infoBlockItem
+      return resultData
+    }
+
+    // If no specific infoBlocks are assigned to this page,
+    // then we use the "slug" as a key for the infoBlocks dictionary.
+    const infoBlockKey = camelCase(infoBlockItem.slug)
+    resultData[infoBlockKey] = infoBlockItem
+    return resultData
+  }, {})
+
+  return infoBlocks
+}
+
+export { getStoryInfoblocks }