@lotte-innovate/ui-component-test 0.2.7 → 0.2.9

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

@@ -18,7 +18,7 @@ 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

@@ -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{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";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 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},m.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},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=e((function(e,n){var o=e.className,l=e.size,p=e.scaling,u=a(e,["className","size","scaling"]);return t("div",{className:r(c({size:l,scaling:p}),o),ref:n,children:t(i,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 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))})}));l.displayName="Editor";export{l as Editor,l 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