@lotte-innovate/ui-component-test 0.2.6 → 0.2.8

package/README.md

@@ -0,0 +1,53 @@
+# LOTTE UI COMPONENT LIBRARY
+
+<br />
+
+## 목차
+
+- [Introduction](#introduction)
+- [Installation](#installation)
+- [Usage](#usage)
+- [License](#license)
+
+## Introduction
+
+L-UI 에디터를 포함한 단일 패키지입니다.
+
+에디터 컴포넌트는 웹 애플리케이션에서 사용할 수 있는 WYSIWYG HTML 편집기입니다.
+
+다양한 플러그인을 통해 기능을 확장할 수 있으며 상세 기능은 이 [링크](https://www.tiny.cloud/docs/tinymce/6/examples/)에서 확인 가능합니다.
+
+## Installation
+
+패키지를 설치하기 위해 아래 명령어를 사용합니다.
+
+```bash
+  npm i @lotte-innovate/lui-editor
+```
+
+```bash
+  yarn add @lotte-innovate/lui-editor
+```
+
+## Usage
+
+React 프로젝트에서 에디터를 사용하는 방법에 대한 예시입니다.
+
+```javascript
+import React from 'react';
+import { Editor } from '@lotte-innovate/lui-editor';
+
+const App = () => {
+  return (
+    <div>
+      <Editor />
+    </div>
+  );
+};
+
+export default App;
+```
+
+## License
+
+@lotte-innovate

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

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

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

@@ -28,20 +28,20 @@ import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
 import { marked } from 'marked';
-import '../../../../public/tinymce/tinymce';
-import '../../../../public/tinymce/themes/silver';
-import '../../../../public/tinymce/models/dom';
-import '../../../../public/tinymce/icons/default';
-import '../../../../public/tinymce/skins/ui/oxide/skin';
-import '../../../../public/tinymce/plugins/advlist';
-import '../../../../public/tinymce/plugins/code';
-import '../../../../public/tinymce/plugins/codesample';
-import '../../../../public/tinymce/plugins/link';
-import '../../../../public/tinymce/plugins/lists';
-import '../../../../public/tinymce/plugins/table';
-import '../../../../public/tinymce/plugins/image';
-import '../../../../public/tinymce/skins/content/default/content';
-import '../../../../public/tinymce/skins/ui/oxide/content';
+import 'tinymce/tinymce';
+import 'tinymce/themes/silver';
+import 'tinymce/models/dom';
+import 'tinymce/icons/default';
+import 'tinymce/skins/ui/oxide/skin';
+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/content/default/content';
+import 'tinymce/skins/ui/oxide/content';
 var editorVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -64,7 +64,7 @@ export var Editor = forwardRef(function (_a, ref) {
                 height: '100%',
                 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',
+                toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat markdown',
                 content_style: 'body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }',
                 setup: function (editor) {
                     editor.ui.registry.addButton('inlinecode', {

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

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