@lotte-innovate/ui-component-test 0.1.125 → 0.1.127

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.1.125",
+  "version": "0.1.127",
   "private": false,
   "type": "module",
   "files": [
@@ -49,8 +49,7 @@
     "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"
+    "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",
@@ -92,6 +91,7 @@
     "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",

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":";"}