@lotte-innovate/ui-component-test 0.1.125 → 0.1.127-beta.0

package/package.json

@@ -1,147 +1,147 @@
-{
-  "name": "@lotte-innovate/ui-component-test",
-  "description": "Lotte UI Library",
-  "version": "0.1.125",
-  "private": false,
-  "type": "module",
-  "files": [
-    "dist",
-    "dist/globals.css"
-  ],
-  "main": "dist/lib/index.js",
-  "module": "dist/lib/index.mjs",
-  "types": "dist/lib/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
-  "browser": "./browser/specific/main.js",
-  "babel": {
-    "presets": [
-      "@babel/preset-react",
-      "@babel/preset-env"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "scripts": {
-    "dev": "next dev",
-    "lint": "next lint",
-    "prepare": "next build",
-    "start": "next start",
-    "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",
-    "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:test": "npm run clean && npm run compile:typescript && npm run bundle:rollup",
-    "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",
-    "dotenv": "^16.4.5",
-    "marked": "^14.1.3",
-    "next": "14.1.4",
-    "react": "^18",
-    "react-chartjs-2": "^5.2.0",
-    "react-dom": "^18",
-    "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"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.24.7",
-    "@babel/core": "^7.24.7",
-    "@babel/plugin-transform-runtime": "^7.24.7",
-    "@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",
-    "postcss": "^8.4.47",
-    "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.6",
-    "rimraf": "^6.0.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "storybook": "^8.3.5",
-    "tailwindcss": "^3.3.0",
-    "tsc-alias": "^1.8.10",
-    "typescript": "^5"
-  },
-  "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18"
-  }
-}
+{
+  "name": "@lotte-innovate/ui-component-test",
+  "description": "Lotte UI Library",
+  "version": "0.1.127-beta.0",
+  "private": false,
+  "type": "module",
+  "files": [
+    "dist",
+    "dist/globals.css"
+  ],
+  "main": "dist/lib/index.js",
+  "module": "dist/lib/index.mjs",
+  "types": "dist/lib/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "browser": "./browser/specific/main.js",
+  "babel": {
+    "presets": [
+      "@babel/preset-react",
+      "@babel/preset-env"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "scripts": {
+    "dev": "next dev",
+    "lint": "next lint",
+    "prepare": "next build",
+    "start": "next start",
+    "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",
+    "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",
+    "dotenv": "^16.4.5",
+    "marked": "^14.1.3",
+    "next": "14.1.4",
+    "react": "^18",
+    "react-chartjs-2": "^5.2.0",
+    "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"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.24.7",
+    "@babel/core": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@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",
+    "postcss": "^8.4.47",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.6",
+    "rimraf": "^6.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "storybook": "^8.3.5",
+    "tailwindcss": "^3.3.0",
+    "tsc-alias": "^1.8.10",
+    "typescript": "^5"
+  },
+  "peerDependencies": {
+    "react": "^18",
+    "react-dom": "^18"
+  }
+}

package/dist/lib/components/Editor/index copy.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { IAllProps } from '@tinymce/tinymce-react';
-import { VariantProps } from 'class-variance-authority';
-import 'tinymce/icons/default';
-import 'tinymce/themes/silver';
-import 'tinymce/models/dom';
-import 'tinymce/skins/ui/oxide/skin.css';
-import 'tinymce/plugins/advlist';
-import 'tinymce/plugins/code';
-import 'tinymce/plugins/codesample';
-import 'tinymce/plugins/link';
-import 'tinymce/plugins/lists';
-import 'tinymce/plugins/table';
-import 'tinymce/plugins/image';
-import 'tinymce/skins/ui/oxide/content.css';
-export interface EditorProps extends VariantProps<typeof editorVariants> {
-    width?: string | number;
-    height?: string | number;
-}
-declare const editorVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const initTinyMCE: ({ width, height }: EditorProps) => void;
-export declare const Editor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & EditorProps & IAllProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default Editor;

package/dist/lib/components/Editor/index copy.js

@@ -1,120 +0,0 @@
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect } from 'react';
-import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
-import { marked } from 'marked';
-import tinymce from 'tinymce';
-/* Default icons are required. After that, import custom icons if applicable */
-import 'tinymce/icons/default';
-/* Required TinyMCE components */
-import 'tinymce/themes/silver';
-import 'tinymce/models/dom';
-/* Import a skin (can be a custom skin instead of the default) */
-import 'tinymce/skins/ui/oxide/skin.css';
-/* Import plugins */
-import 'tinymce/plugins/advlist';
-import 'tinymce/plugins/code';
-import 'tinymce/plugins/codesample';
-import 'tinymce/plugins/link';
-import 'tinymce/plugins/lists';
-import 'tinymce/plugins/table';
-import 'tinymce/plugins/image';
-/* content UI CSS is required */
-import 'tinymce/skins/ui/oxide/content.css';
-var editorVariants = cva('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-        size: {
-            small: 'w-[500px] h-[350px]',
-            medium: 'w-[550px] h-[400px]',
-            large: 'w-[600px] h-[450px]',
-        },
-    },
-    defaultVariants: {
-        scaling: '100%',
-        size: 'medium',
-    },
-});
-export var initTinyMCE = function (_a) {
-    var width = _a.width, height = _a.height;
-    console.log('width', width, height);
-    tinymce.init({
-        width: width,
-        height: height,
-        selector: '#tinymce',
-        plugins: 'link table code lists codesample',
-        menubar: false,
-        toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat codesample markdown',
-        skin: false,
-        content_css: false,
-        setup: function (editor) {
-            editor.ui.registry.addButton('inlinecode', {
-                icon: 'sourcecode',
-                tooltip: 'Inline code',
-                onAction: function () {
-                    editor.formatter.toggle('code');
-                },
-            });
-            editor.on('init', function () {
-                editor.formatter.register('code', {
-                    inline: 'code',
-                    remove: 'all',
-                });
-            });
-            editor.ui.registry.addButton('markdown', {
-                text: 'Markdown',
-                onAction: function () {
-                    var content = editor.getContent({ format: 'text' });
-                    var html = marked(content);
-                    editor.setContent(html);
-                },
-            });
-        },
-    });
-};
-export var Editor = forwardRef(function (_a, ref) {
-    var className = _a.className, size = _a.size, scaling = _a.scaling, width = _a.width, height = _a.height, props = __rest(_a, ["className", "size", "scaling", "width", "height"]);
-    useEffect(function () {
-        initTinyMCE({ width: width, height: height });
-    }, [size]);
-    switch (size) {
-        case 'small':
-            (width = 500), (height = 350);
-            break;
-        case 'medium':
-            (width = 550), (height = 400);
-            break;
-        case 'large':
-            (width = 600), (height = 450);
-            break;
-        default:
-            (width = 550), (height = 400);
-    }
-    return (_jsx("textarea", { id: "tinymce", ref: ref, className: cn(editorVariants({ size: size, scaling: scaling })) }));
-});
-Editor.displayName = 'Editor';
-export default Editor;

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

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Editor as e}from"@tinymce/tinymce-react";import{cva as o}from"class-variance-authority";import{scalingVariants as n}from"../../constants.mjs";import{cn as r}from"../../utils/utils.mjs";import{marked as a}from"marked";import"../../../../_virtual/tinymce.mjs";import"../../../../_virtual/index19.mjs";import"../../../../_virtual/index15.mjs";import"../../../../_virtual/index9.mjs";import"../../../../public/tinymce/skins/ui/oxide/skin.mjs";import"../../../../_virtual/index.mjs";import"../../../../_virtual/index11.mjs";import"../../../../_virtual/index5.mjs";import"../../../../_virtual/index13.mjs";import"../../../../_virtual/index3.mjs";import"../../../../_virtual/index7.mjs";import"../../../../_virtual/index17.mjs";import"../../../../public/tinymce/skins/content/default/content.mjs";import"../../../../public/tinymce/skins/ui/oxide/content.mjs";var s=function(){return s=Object.assign||function(t){for(var i,e=1,o=arguments.length;e<o;e++)for(var n in i=arguments[e])Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n]);return t},s.apply(this,arguments)},m=function(t,i){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&i.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(t);n<o.length;n++)i.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(e[o[n]]=t[o[n]])}return e},l=o("",{variants:{scaling:s({},n),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}}),c=i((function(i,o){var n=i.className,c=i.size,u=i.scaling,p=m(i,["className","size","scaling"]);return t("div",{className:r(l({size:c,scaling:u}),n),ref:o,children:t(e,s({init:{base_url:"tinymce",width:"100%",height:"100%",plugins:"link table code lists 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 i=t.getContent({format:"text"}),e=a(i);t.setContent(e)}})}}},p))})}));c.displayName="Editor";export{c as Editor,c as default};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}