@itcase/storybook-config 1.2.54 → 1.2.56

package/README.md

@@ -67,4 +67,3 @@ npm run storybook-react-native-web
 # или:
 make storybook-react-native-web
 ```
-

package/dist/utils/getFigmaSourceLink.js

@@ -0,0 +1,16 @@
+function getFigmaSourceLink(getMeta) {
+  const meta = getMeta()
+  const links = meta.design.reduce((result, item) => {
+    result[`figma${item.name}`] = () => {
+      return {
+        label: `Figma${item.name} — + ${meta.title}`,
+        href: item.url,
+        icon: 'FigmaIcon',
+      }
+    }
+    return result
+  }, {})
+  return links
+}
+
+export { getFigmaSourceLink }

package/dist/utils/getStoryInfoBlocks.js

@@ -0,0 +1,57 @@
+import camelCase from 'lodash/camelCase'
+
+import { axiosInstanceITCase } from '@itcase/common'
+
+async function getStoryInfoBlocks(infoBlockSlugsList = []) {
+  const slugsList = []
+  const regExpsList = []
+
+  infoBlockSlugsList.forEach((slug) => {
+    if (slug instanceof RegExp) {
+      regExpsList.push(slug)
+    } else {
+      slugsList.push(slug)
+    }
+  })
+
+  const slugsQuery = slugsList.join(',')
+  const response = await axiosInstanceITCase.get(
+    `/rest/infoblocks/?active=true&slugs=${slugsQuery}`,
+  )
+  const infoBlocksList = response.data.results || []
+  const infoBlocks = infoBlocksList.reduce((resultData, infoBlockItem) => {
+    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 }

package/dist/utils/handleMSWParameters.js

@@ -0,0 +1,17 @@
+import { serverErrorHandler } from '../config/msw/mswHandlers'
+
+function handleMSWParameters(parameters, args) {
+  let mswHandlersParams = {}
+
+  if (parameters.serverError) {
+    mswHandlersParams = {
+      msw: {
+        handlers: [serverErrorHandler(args.errors)],
+      },
+    }
+  }
+
+  return mswHandlersParams
+}
+
+export { handleMSWParameters }

package/dist/utils/hasFormParameters.js

@@ -0,0 +1,11 @@
+function hasFormParameters(parameters) {
+  return Boolean(
+    parameters.require ||
+    parameters.validation ||
+    parameters.error ||
+    parameters.serverError ||
+    parameters.serverErrorData,
+  )
+}
+
+export { hasFormParameters }

package/dist/utils/index.js

@@ -0,0 +1,13 @@
+import { getFigmaSourceLink } from './getFigmaSourceLink'
+import { getStoryInfoBlocks } from './getStoryInfoBlocks'
+import { handleMSWParameters } from './handleMSWParameters'
+import { hasFormParameters } from './hasFormParameters'
+import { storybookFormMockFactory } from './storybookFormMockFactory'
+
+export {
+  getFigmaSourceLink,
+  getStoryInfoBlocks,
+  handleMSWParameters,
+  hasFormParameters,
+  storybookFormMockFactory,
+}

package/dist/utils/storybookFormMockFactory.js

@@ -0,0 +1,105 @@
+import {
+  serverErrorDataHandler,
+  serverErrorHandler,
+} from '../config/msw/mswHandlers'
+
+function storybookFormMockFactory(payload) {
+  const {
+    filled,
+    initialValues,
+    require,
+    serverError,
+    serverErrorData,
+    validation,
+  } = payload
+
+  const stories = {}
+
+  stories.Default = {
+    parameters: {
+      default: true,
+    },
+  }
+
+  stories.Filled = {
+    args: {
+      initialValues: filled,
+    },
+    parameters: {
+      filled: true,
+    },
+  }
+
+  if (initialValues) {
+    stories.InitialValues = {
+      args: {
+        initialValues,
+      },
+      parameters: {
+        initialValues: true,
+      },
+    }
+  }
+
+  stories.Loading = {
+    args: {
+      initialIsLoading: true,
+    },
+  }
+
+  if (require) {
+    stories.Require = {
+      args: {
+        initialValues: require,
+      },
+      parameters: {
+        require: true,
+      },
+    }
+  }
+
+  if (serverError) {
+    stories.ServerError = {
+      args: {
+        initialValues: filled,
+      },
+      parameters: {
+        msw: {
+          handlers: [serverErrorHandler(serverError)],
+        },
+        serverError: true,
+      },
+    }
+  }
+
+  if (serverErrorData) {
+    stories.ServerErrorData = {
+      args: {
+        initialValues: filled,
+      },
+      parameters: {
+        msw: {
+          handlers: [serverErrorDataHandler(serverErrorData)],
+        },
+        serverErrorData: true,
+      },
+    }
+  }
+
+  if (validation) {
+    stories.Validation = {
+      args: {
+        initialValues: validation,
+      },
+      parameters: {
+        validation: true,
+      },
+    }
+  }
+
+  return {
+    ...stories,
+  }
+}
+
+export { storybookFormMockFactory }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.2.54",
+  "version": "1.2.56",
   "author": "ITCase",
   "description": "Storybook configuration package",
   "engines": {
@@ -116,10 +116,10 @@
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
     "chalk": "^5.6.2",
     "http-proxy-middleware": "^4.0.0",
-    "msw": "^2.14.3",
+    "msw": "^2.14.5",
     "msw-storybook-addon": "^2.0.7",
     "react-native-gesture-handler": "^2.31.2",
-    "react-native-reanimated": "^4.3.0",
+    "react-native-reanimated": "^4.3.1",
     "react-native-safe-area-context": "^5.7.0",
     "react-native-svg": "^15.15.4",
     "react-native-web": "^0.21.2",
@@ -142,7 +142,7 @@
     "@itcase/common": "^1.2.41",
     "@itcase/lint": "^1.1.110",
     "@itcase/ui-core": "^1.9.97",
-    "@itcase/ui-web": "^1.9.99",
+    "@itcase/ui-web": "^1.9.100",
     "@react-native-community/cli": "20.1.3",
     "@react-native-community/cli-platform-android": "20.1.3",
     "@react-native-community/cli-platform-ios": "20.1.3",
@@ -165,7 +165,7 @@
     "glob": "^13.0.6",
     "husky": "^9.1.7",
     "lint-staged": "^17.0.2",
-    "next": "^16.2.5",
+    "next": "^16.2.6",
     "prettier": "^3.8.3",
     "react": "^18",
     "react-dom": "^18",