@lotte-innovate/ui-component-test 0.1.116 → 0.1.118

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;