@lotte-innovate/ui-component-test 0.2.25 → 0.2.27

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.2.25",
+  "version": "0.2.27",
   "private": false,
   "type": "module",
   "files": [
-    "public/tinymce/**/*",
     "dist",
-    "README.md"
+    "dist/globals.css"
   ],
   "main": "dist/lib/index.js",
   "module": "dist/lib/index.mjs",
@@ -39,34 +38,69 @@
     "lint": "next lint",
     "prepare": "next build",
     "start": "next start",
-    "postinstall": "node dist/post-tinymce.js",
+    "storybook": "cross-env NODE_OPTIONS='--max-old-space-size=8192' storybook dev -p 6006",
+    "chromatic": "cross-env npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",
     "compile": "tsc --jsx react-jsx",
     "build": "next build && npm run compile",
+    "build-storybook": "storybook build",
     "clean": "rimraf dist && mkdir dist && rimraf .rollup.cache",
     "compile:typescript": "npm run compile && node src/utils/post-compile.js && tsc-alias",
     "bundle:rollup": "rollup -c && node src/utils/post-rollup.js",
-    "publish:dist": "npm publish",
-    "publish:npm": "npm run clean && npm run compile:typescript && npm run bundle:rollup && npm run publish:dist"
+    "build:css": "npx tailwindcss -i src/app/globals.css -o dist/globals.css --minify && node update-tailwind-import.js",
+    "build:test": "npm run clean && npm run compile:typescript && npm run bundle:rollup && npm run build:css",
+    "publish:dist": "node src/utils/prev-publish.js && npm publish && node src/utils/post-publish.js",
+    "publish:npm": "npm run clean && npm run compile:typescript && npm run bundle:rollup && npm run build:css && npm run publish:dist"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@babel/runtime-corejs3": "^7.24.7",
+    "@radix-ui/colors": "^3.0.0",
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-hover-card": "^1.1.1",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-menubar": "^1.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.0",
+    "@radix-ui/react-popover": "1.0.7",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.0",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@radix-ui/react-tooltip": "^1.1.1",
+    "@radix-ui/themes": "^3.1.1",
     "@stitches/core": "^1.2.8",
     "@stitches/react": "^1.2.8",
+    "@storybook/addon-a11y": "^8.3.5",
+    "@storybook/manager-api": "^8.3.5",
+    "@tanstack/react-table": "^8.20.5",
     "@tinymce/tinymce-react": "^5.1.1",
+    "chart.js": "^4.4.4",
+    "chartjs-plugin-datalabels": "^2.2.0",
     "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
     "cross-env": "^7.0.3",
+    "date-fns": "^2.30.0",
     "dotenv": "^16.4.5",
     "marked": "^14.1.3",
     "next": "14.1.4",
     "react": "^18",
+    "react-chartjs-2": "^5.2.0",
+    "react-day-picker": "^8.7.1",
     "react-dom": "^18",
+    "react-pro-sidebar": "^1.1.0",
     "react-tabs": "^6.0.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-preserve-directives": "^0.4.0",
+    "storybook-addon-deep-controls": "^0.7.1",
+    "storybook-dark-mode": "^4.0.2",
     "tailwind-merge": "^2.2.2",
-    "tinymce": "^6.8.5",
-    "tailwindcss": "^3.3.0"
+    "tinymce": "^6.8.5"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.7",
@@ -75,14 +109,25 @@
     "@babel/preset-env": "^7.25.8",
     "@babel/preset-react": "^7.25.7",
     "@babel/preset-typescript": "^7.24.7",
+    "@chromatic-com/storybook": "^1.2.25",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.0",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.0.4",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/blocks": "^8.3.5",
+    "@storybook/nextjs": "^8.3.5",
+    "@storybook/react": "^8.3.5",
+    "@storybook/test": "^8.3.5",
+    "@storybook/theming": "^8.2.4",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
+    "chromatic": "^11.5.4",
     "eslint": "^8",
     "eslint-config-next": "14.1.4",
     "eslint-plugin-storybook": "^0.8.0",
@@ -92,8 +137,10 @@
     "rimraf": "^6.0.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "typescript": "^5.6.3",
-    "tsc-alias": "^1.8.10"
+    "storybook": "^8.3.5",
+    "tailwindcss": "^3.3.0",
+    "tsc-alias": "^1.8.10",
+    "typescript": "^5"
   },
   "peerDependencies": {
     "react": "^18",

package/dist/lib/components/Editor/index.mjs

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Editor as i}from"@tinymce/tinymce-react";import{cva as n}from"class-variance-authority";import{scalingVariants as o}from"../../constants.mjs";import{cn as r}from"../../utils/utils.mjs";import{marked as s}from"marked";import"tinymce/tinymce.js";import"tinymce/themes/silver/theme.js";import"tinymce/models/dom/model.js";import"tinymce/icons/default/icons.js";import"tinymce/plugins/advlist/plugin.js";import"tinymce/plugins/code/plugin.js";import"tinymce/plugins/codesample/plugin.js";import"tinymce/plugins/link/plugin.js";import"tinymce/plugins/lists/plugin.js";import"tinymce/plugins/table/plugin.js";import"tinymce/plugins/image/plugin.js";var l=function(){return l=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},l.apply(this,arguments)},a=function(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(i[n[o]]=t[n[o]])}return i},m=n("",{variants:{scaling:l({},o),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}}),c=e((function(e,n){var o=e.className,c=e.size,p=e.scaling,u=a(e,["className","size","scaling"]);return t("div",{className:r(m({size:c,scaling:p}),o),ref:n,children:t(i,l({init:{base_url:"tinymce",width:"100%",height:"100%",plugins:"link table lists code codesample",menubar:!1,toolbar:"blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat codesample markdown",content_style:"body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }",setup:function(t){t.ui.registry.addButton("inlinecode",{icon:"sourcecode",tooltip:"Inline code",onAction:function(){t.formatter.toggle("code")}}),t.on("init",(function(){t.formatter.register("code",{inline:"code",remove:"all"})})),t.ui.registry.addButton("markdown",{text:"Markdown",onAction:function(){var e=t.getContent({format:"text"}),i=s(e);t.setContent(i)}})}}},u))})}));c.displayName="Editor";export{c as Editor,c as default};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/constants.mjs

@@ -1,2 +0,0 @@
-var a={"90%":"scale-90","95%":"scale-95","100%":"scale-100","105%":"scale-105","110%":"scale-110"};export{a as scalingVariants};
-//# sourceMappingURL=constants.mjs.map

package/dist/lib/constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","sources":["../lib/constants.js"],"sourcesContent":["export var scalingVariants = {\n    '90%': 'scale-90',\n    '95%': 'scale-95',\n    '100%': 'scale-100',\n    '105%': 'scale-105',\n    '110%': 'scale-110',\n};\n"],"names":["scalingVariants"],"mappings":"AAAU,IAACA,EAAkB,CACzB,MAAO,WACP,MAAO,WACP,OAAQ,YACR,OAAQ,YACR,OAAQ"}

package/dist/lib/index.mjs

@@ -1,2 +0,0 @@
-export{Editor}from"./components/Editor/index.mjs";
-//# sourceMappingURL=index.mjs.map

package/dist/lib/utils/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","sources":["../../lib/utils/utils.js"],"sourcesContent":["import { clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n// tailwind를 merge할 때 발생할 수 있는 클래스 충돌 문제 해결\nexport function cn() {\n    var inputs = [];\n    for (var _i = 0; _i < arguments.length; _i++) {\n        inputs[_i] = arguments[_i];\n    }\n    return twMerge(clsx(inputs));\n}\n"],"names":["cn","inputs","_i","arguments","length","twMerge","clsx"],"mappings":"qEAGO,SAASA,IAEZ,IADA,IAAIC,EAAS,GACJC,EAAK,EAAGA,EAAKC,UAAUC,OAAQF,IACpCD,EAAOC,GAAMC,UAAUD,GAE3B,OAAOG,EAAQC,EAAKL,GACxB"}

package/dist/post-tinymce.js

@@ -1,29 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-var __filename = fileURLToPath(import.meta.url);
-var __dirname = path.dirname(__filename);
-var sourceFile = path.join(__dirname, '../public/tinymce/skins/ui/oxide/content.min.css');
-var destinationFile = path.join(__dirname, '../../../../public/tinymce/skins/ui/oxide/content.min.css');
-// sourceDir이 존재하지 않으면 로직 중단
-if (!fs.existsSync(sourceFile)) {
-    console.error("Error: Directory ".concat(sourceFile, " does not exist."));
-    process.exit(1);
-}
-function copyFile(src, dest) {
-    var destDir = path.dirname(dest);
-    if (!fs.existsSync(destDir)) {
-        fs.mkdirSync(destDir, { recursive: true });
-    }
-    // 파일 복사
-    fs.copyFileSync(src, dest);
-    console.log("File is successfully copied.");
-}
-copyFile(sourceFile, destinationFile);
-// 필요한 css 파일 추가 복사 작업
-sourceFile = path.join(__dirname, '../public/tinymce/skins/ui/oxide/skin.min.css');
-destinationFile = path.join(__dirname, '../../../../public/tinymce/skins/ui/oxide/skin.min.css');
-copyFile(sourceFile, destinationFile);
-sourceFile = path.join(__dirname, '../public/tinymce/skins/content/default/content.css');
-destinationFile = path.join(__dirname, '../../../../public/tinymce/skins/content/default/content.css');
-copyFile(sourceFile, destinationFile);