pds-dev-kit-web-test 2.4.5 → 2.4.7

package/dist/src/common/styles/index.d.ts

@@ -1,19 +1,3 @@
-export declare const spacing: {
-    spacingA: string;
-    spacingB: string;
-    spacingC: string;
-    spacingD: string;
-    spacingE: string;
-    spacingF: string;
-    spacingG: string;
-    spacingH: string;
-    spacingI: string;
-    spacingJ: string;
-    spacingK: string;
-    spacingL: string;
-    spacingM: string;
-    spacingN: string;
-};
 export declare const theme: {
     fontWeight: {
         normal: string;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.4.5",
+  "version": "2.4.7",
   "license": "MIT",
   "private": false,
-  "main": "dist/index.cjs.js",
+  "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "flies": [
     "/dist"
   ],
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0"
   },
   "dependencies": {
     "@babel/preset-env": "^7.24.7",
@@ -22,6 +22,7 @@
     "@types/google-spreadsheet": "^3.1.5",
     "@types/react": "^17.0.27",
     "@types/react-dom": "^17.0.9",
+    "babel-plugin-styled-components": "^2.1.4",
     "dotenv": "^8.2.0",
     "google-spreadsheet": "^3.1.15",
     "i18next": "^21.3.2",

package/release-note.md

@@ -1,6 +1,10 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.4.5]
+## [v2.4.7]
 ## release|https://design.storybook.publ.biz/
 
 ### bundle
-* ESModule -> commonjs로 변경
+* peerDependencies에 react18추가
+* rollup.config.mjs 업데이트 
+  * - external 확장하여 (!) Unresolved dependencies warning해결
+  * - styled component babel plugin 추가
+* webpack.confing.js 변경

package/{rollup.config.js → rollup.config.mjs}

@@ -1,35 +1,53 @@
-const resolve = require('@rollup/plugin-node-resolve');
-const babel = require('@rollup/plugin-babel');
-const typescript = require('@rollup/plugin-typescript');
-const json = require('@rollup/plugin-json');
-const commonjs = require('@rollup/plugin-commonjs');
-const sourcemaps = require('rollup-plugin-sourcemaps');
-const alias = require('@rollup/plugin-alias');
+import resolve from '@rollup/plugin-node-resolve';
+import babel from '@rollup/plugin-babel';
+import typescript from '@rollup/plugin-typescript';
+import json from '@rollup/plugin-json';
+import commonjs from '@rollup/plugin-commonjs';
+import sourcemaps from 'rollup-plugin-sourcemaps';
+import alias from '@rollup/plugin-alias';
 
-const packageJson = require('./package.json');
+import packageJson from './package.json' assert { type: 'json' };
 
-module.exports = {
+export default {
   input: './index.ts', // 진입 경로
   output: [
     {
       file: packageJson.main,
-      format: 'cjs',
+      format: 'esm',
       sourcemap: false
     }
   ],
-  treeshake: false,
+  external: [
+    'react',
+    'react-dom',
+    'tslib',
+    'react/jsx-runtime',
+    'smoothscroll-polyfill',
+    'styled-components',
+    'prop-types',
+    'react-router',
+    'void-elements',
+    'nuka-carousel',
+    'lottie-react'
+  ],
   plugins: [
     // 바벨 트랜스파일러 설정
     babel({
+      exclude: 'node_modules/**',
       babelHelpers: 'bundled',
       presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
-      extensions: ['.js', '.jsx', '.ts', '.tsx']
+      extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      plugins: ['babel-plugin-styled-components']
     }),
     typescript({
       tsconfig: './tsconfig.json'
     }),
     json(),
-    commonjs(),
+    commonjs({
+      include: 'node_modules/**',
+      sourceMap: false,
+      ignoreGlobal: true // this가 undefined로 처리되지 않도록 설정,
+    }),
     alias({
       entries: [
         { find: '@common', replacement: 'src/common' },