@itcase/storybook-config 1.0.18 → 1.0.19

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "author": "ITCase",
   "description": "Code style linter configuration presets",
   "engines": {
     "node": ">=20.12.0"
   },
   "scripts": {
+    "build": "npm run build-js",
+    "build-js": "rm -rf dist && NODE_ENV=production rollup -c",
     "prepare": "husky",
     "storybook-react": "storybook dev -p 6006 --config-dir .storybook-react",
     "storybook-next-js": "storybook dev -p 6006 -c .storybook-next-js",
@@ -20,10 +22,22 @@
     "url": "https://github.com/ITCase/itcase-storybook-config.git"
   },
   "main": "config/index.js",
+  "exports": {
+    "./components/*": {
+      "types": "./dist/types/components/*/index.d.ts",
+      "import": "./dist/components/*.js",
+      "require": "./dist/cjs/components/*.js"
+    },
+    "./comfig/*": {
+      "types": "./dist/types/config/*/index.d.ts",
+      "import": "./dist/config/*.js",
+      "require": "./dist/cjs/config/*.js"
+    }
+  },
   "files": [
     "README.md",
-    "components",
-    "config"
+    "config",
+    "dist"
   ],
   "publishConfig": {
     "access": "public",
@@ -34,15 +48,13 @@
   },
   "dependencies": {
     "@itcase/config": "^1.0.7",
-    "@storybook/addon-designs": "^8.2.0",
-    "storybook-addon-source-link": "^0.2.1",
     "@itcase/storybook-addon-auth": "^1.0.4",
     "@storybook/addon-actions": "^8.5.5",
     "@storybook/addon-controls": "^8.5.5",
+    "@storybook/addon-designs": "^8.2.0",
     "@storybook/addon-essentials": "^8.5.5",
     "@storybook/addon-interactions": "^8.5.5",
     "@storybook/addon-links": "^8.5.5",
-    "@storybook/react-vite": "^8.5.5",
     "@storybook/addon-styling-webpack": "^1.0.1",
     "@storybook/addon-themes": "^8.5.5",
     "@storybook/addon-viewport": "^8.5.5",
@@ -52,32 +64,41 @@
     "@storybook/nextjs": "^8.5.5",
     "@storybook/preview-api": "^8.5.5",
     "@storybook/react": "^8.5.5",
+    "@storybook/react-vite": "^8.5.5",
     "@storybook/react-webpack5": "^8.5.5",
     "@storybook/theming": "^8.5.5",
     "http-proxy-middleware": "^3.0.3",
     "msw": "^2.7.0",
     "msw-storybook-addon": "^2.0.4",
     "react-docgen": "^7.1.1",
-    "react-docgen-typescript-plugin": "^1.0.8"
+    "react-docgen-typescript-plugin": "^1.0.8",
+    "storybook-addon-source-link": "^0.2.1"
   },
   "devDependencies": {
-    "react": "^18",
-    "react-dom": "^18",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
     "@commitlint/cli": "^19.7.1",
     "@commitlint/config-conventional": "^19.7.1",
     "@itcase/common": "^1.2.17",
-    "@itcase/lint": "^1.0.40",
+    "@itcase/lint": "^1.0.41",
     "@itcase/ui": "^1.3.25",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.3",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "eslint": "9.20.1",
+    "glob": "^11.0.1",
     "husky": "^9.1.7",
     "lint-staged": "^15.4.3",
     "prettier": "^3.5.0",
+    "react": "^18",
+    "react-dom": "^18",
+    "rollup": "^4.34.6",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "semantic-release": "^24.2.2",
     "storybook": "^8.5.5",
     "stylelint": "^16.14.1",

package/components/EmailTemplatePreview/index.js

@@ -1,50 +0,0 @@
-import React, { useEffect } from 'react'
-
-let BACKEND_URL = process.env.EMAIL_URL
-
-if (process.env.NODE_ENV === 'production') {
-  BACKEND_URL = `${process.env.REST_BASE_URL}/storybook`
-}
-
-function EmailTemplatePreview(props) {
-  const style = {
-    width: '100%',
-    height: '100%',
-    position: 'absolute',
-    top: '0',
-    right: '0',
-    bottom: '0',
-    left: '0',
-    overflow: 'hidden',
-    border: '0',
-    overflowX: 'hidden',
-    overflowY: 'hidden',
-  }
-
-  useEffect(() => {
-    const emailPreviewIframe = document.getElementById('emailPreview')
-    const loaded = () => {
-      const email = emailPreviewIframe.getElementsByClassName('email-body').length
-      if (!email) {
-        alert(
-          'Need to run the backend server to display email templates, use: python manage.py runserver',
-        )
-      }
-    }
-    emailPreviewIframe.addEventListener('load', loaded, true)
-  })
-
-  return (
-    <React.Fragment>
-      <iframe
-        width="100%"
-        height="100%"
-        id="emailPreview"
-        src={`${BACKEND_URL}${props.url}`}
-        style={style}
-      />
-    </React.Fragment>
-  )
-}
-
-export { EmailTemplatePreview }

package/components/FormSubmitWrapper/index.js

@@ -1,17 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-
-function FormSubmitWrapper(props) {
-  const formRef = useRef()
-
-  useEffect(() => {
-    if (formRef?.current) {
-      formRef.current.submit()
-    }
-  }, [formRef])
-
-  return React.cloneElement(props.children, {
-    ref: formRef,
-  })
-}
-
-export { FormSubmitWrapper }