@lotte-innovate/ui-component-test 0.0.110 → 0.0.112

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

@@ -1,6 +1,19 @@
 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/emoticons';
+import 'tinymce/plugins/emoticons/js/emojis';
+import 'tinymce/plugins/link';
+import 'tinymce/plugins/lists';
+import 'tinymce/plugins/table';
+import 'tinymce/skins/ui/oxide/content.css';
+import 'tinymce/skins/content/default/content.css';
 export interface EditorProps extends VariantProps<typeof editorVariants> {
     tinymceScriptSrc?: string;
 }
@@ -8,5 +21,6 @@ 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 Editor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & EditorProps & IAllProps & React.RefAttributes<HTMLDivElement>>;
+export declare const initTinyMCE: () => 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.js

@@ -22,11 +22,27 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Editor as EditorUI } from '@tinymce/tinymce-react';
+import { forwardRef, useEffect } from 'react';
 import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
+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/emoticons';
+import 'tinymce/plugins/emoticons/js/emojis';
+import 'tinymce/plugins/link';
+import 'tinymce/plugins/lists';
+import 'tinymce/plugins/table';
+import 'tinymce/skins/ui/oxide/content.css';
+import 'tinymce/skins/content/default/content.css';
 var editorVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -41,13 +57,24 @@ var editorVariants = cva('', {
         size: 'medium',
     },
 });
+export var initTinyMCE = function () {
+    if (typeof window !== 'undefined') {
+        tinymce.init({
+            selector: '#tinymce',
+            plugins: 'link table code',
+            toolbar: 'undo redo | formatselect | bold italic | alignleft aligncenter alignright | code',
+            skin: false,
+            tinymceScriptSrc: '',
+            src: '',
+        });
+    }
+};
 export var Editor = forwardRef(function (_a, ref) {
     var className = _a.className, size = _a.size, scaling = _a.scaling, tinymceScriptSrc = _a.tinymceScriptSrc, props = __rest(_a, ["className", "size", "scaling", "tinymceScriptSrc"]);
-    return (_jsx("div", { ref: ref, className: cn(editorVariants({ size: size, scaling: scaling }), className), children: _jsx(EditorUI, __assign({ tinymceScriptSrc: "/tinymce/tinymce.min.js", initialValue: "", init: {
-                height: '100%',
-                menubar: false,
-                // plugins: ['image', 'code', 'link', 'table'],
-            } }, props)) }));
+    useEffect(function () {
+        initTinyMCE();
+    }, []);
+    return _jsx("textarea", { id: "tinymce", ref: ref });
 });
 Editor.displayName = 'Editor';
 export default Editor;

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Editor as e}from"@tinymce/tinymce-react";import{cva as i}from"class-variance-authority";import{scalingVariants as a}from"../../constants.mjs";import{cn as n}from"../../utils/utils.mjs";var c=function(){return c=Object.assign||function(t){for(var r,e=1,i=arguments.length;e<i;e++)for(var a in r=arguments[e])Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a]);return t},c.apply(this,arguments)},o=function(t,r){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&r.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(t);a<i.length;a++)r.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(t,i[a])&&(e[i[a]]=t[i[a]])}return e},s=i("",{variants:{scaling:c({},a),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}}),m=r((function(r,i){var a=r.className,m=r.size,l=r.scaling;r.tinymceScriptSrc;var p=o(r,["className","size","scaling","tinymceScriptSrc"]);return t("div",{ref:i,className:n(s({size:m,scaling:l}),a),children:t(e,c({tinymceScriptSrc:"/tinymce/tinymce.min.js",initialValue:"",init:{height:"100%",menubar:!1}},p))})}));m.displayName="Editor";export{m as Editor,m as default};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as i,useEffect as e}from"react";import{cva as n}from"class-variance-authority";import{scalingVariants as r}from"../../constants.mjs";import o from"tinymce";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/emoticons";import"tinymce/plugins/emoticons/js/emojis";import"tinymce/plugins/link";import"tinymce/plugins/lists";import"tinymce/plugins/table";import"tinymce/skins/ui/oxide/content.css";import"tinymce/skins/content/default/content.css";var c=function(){return c=Object.assign||function(t){for(var i,e=1,n=arguments.length;e<n;e++)for(var r in i=arguments[e])Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);return t},c.apply(this,arguments)},s=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 r=0;for(n=Object.getOwnPropertySymbols(t);r<n.length;r++)i.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r])&&(e[n[r]]=t[n[r]])}return e};n("",{variants:{scaling:c({},r),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}});var m=function(){"undefined"!=typeof window&&o.init({selector:"#tinymce",plugins:"link table code",toolbar:"undo redo | formatselect | bold italic | alignleft aligncenter alignright | code",skin:!1,tinymceScriptSrc:"",src:""})},a=i((function(i,n){return i.className,i.size,i.scaling,i.tinymceScriptSrc,s(i,["className","size","scaling","tinymceScriptSrc"]),e((function(){m()}),[]),t("textarea",{id:"tinymce",ref:n})}));a.displayName="Editor";export{a as Editor,a as default,m as initTinyMCE};
 //# sourceMappingURL=index.mjs.map