@lotte-innovate/ui-component-test 0.2.48 → 0.2.50

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

@@ -10,42 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 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)
@@ -59,14 +23,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState, } from 'react';
+import { Editor as EditorUI } from '@tinymce/tinymce-react';
 import { cva } from 'class-variance-authority';
+import { loadTinyMCE } from '../../../lib/utils/useLoadTinyMCE';
 import { scalingVariants } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
-import dynamic from 'next/dynamic';
 import { marked } from 'marked';
-var EditorUI = dynamic(function () { return import('@tinymce/tinymce-react').then(function (mod) { return mod.Editor; }); }, {
-    ssr: false,
-});
 var editorVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -86,46 +48,6 @@ export var Editor = forwardRef(function (_a, ref) {
     var _b = useState(false), isClient = _b[0], setIsClient = _b[1];
     useEffect(function () {
         if (typeof window !== 'undefined') {
-            var loadTinyMCE = function () { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, import('tinymce/tinymce.js')];
-                        case 1:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/themes/silver/theme.js')];
-                        case 2:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/models/dom/model.js')];
-                        case 3:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/icons/default/icons.js')];
-                        case 4:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/plugins/advlist/plugin.js')];
-                        case 5:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/plugins/code/plugin.js')];
-                        case 6:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/plugins/codesample/plugin.js')];
-                        case 7:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/plugins/link/plugin.js')];
-                        case 8:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/plugins/lists/plugin.js')];
-                        case 9:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/plugins/table/plugin.js')];
-                        case 10:
-                            _a.sent();
-                            return [4 /*yield*/, import('tinymce/plugins/image/plugin.js')];
-                        case 11:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            }); };
             loadTinyMCE().then(function () {
                 setIsClient(true);
             });
@@ -138,9 +60,18 @@ export var Editor = forwardRef(function (_a, ref) {
                 base_url: 'tinymce',
                 width: '100%',
                 height: '100%',
-                plugins: 'link table lists code codesample',
-                menubar: false,
-                toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat codesample markdown',
+                promotion: false,
+                plugins: 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap quickbars accordion',
+                menubar: 'file edit view insert format tools table',
+                toolbar: 'undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl',
+                autosave_ask_before_unload: true,
+                autosave_interval: '30s',
+                autosave_restore_when_empty: false,
+                autosave_retention: '2m',
+                image_advtab: true,
+                image_caption: true,
+                quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote quickimage quicktable',
+                toolbar_mode: 'sliding',
                 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,useState as n,useEffect as r}from"react";import{cva as i}from"class-variance-authority";import{scalingVariants as o}from"../../constants.mjs";import{cn as s}from"../../utils/utils.mjs";import a from"../../_virtual/dynamic.mjs";import{marked as c}from"marked";var l=function(){return l=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},l.apply(this,arguments)},u=function(t,e,n,r){return new(n||(n=Promise))((function(i,o){function s(t){try{c(r.next(t))}catch(t){o(t)}}function a(t){try{c(r.throw(t))}catch(t){o(t)}}function c(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(s,a)}c((r=r.apply(t,e||[])).next())}))},p=function(t,e){var n,r,i,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},s=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return s.next=a(0),s.throw=a(1),s.return=a(2),"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function a(a){return function(c){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;s&&(s=0,a[0]&&(o=0)),o;)try{if(n=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t],r=0}finally{n=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}},m=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n},f=a((function(){return import("@tinymce/tinymce-react").then((function(t){return t.Editor}))}),{ssr:!1}),d=i("",{variants:{scaling:l({},o),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}}),y=e((function(e,i){var o=e.className,a=e.size,y=e.scaling,g=m(e,["className","size","scaling"]),b=n(!1),h=b[0],v=b[1];return r((function(){if("undefined"!=typeof window){u(void 0,void 0,void 0,(function(){return p(this,(function(t){switch(t.label){case 0:return[4,import("tinymce/tinymce.js")];case 1:return t.sent(),[4,import("tinymce/themes/silver/theme.js")];case 2:return t.sent(),[4,import("tinymce/models/dom/model.js")];case 3:return t.sent(),[4,import("tinymce/icons/default/icons.js")];case 4:return t.sent(),[4,import("tinymce/plugins/advlist/plugin.js")];case 5:return t.sent(),[4,import("tinymce/plugins/code/plugin.js")];case 6:return t.sent(),[4,import("tinymce/plugins/codesample/plugin.js")];case 7:return t.sent(),[4,import("tinymce/plugins/link/plugin.js")];case 8:return t.sent(),[4,import("tinymce/plugins/lists/plugin.js")];case 9:return t.sent(),[4,import("tinymce/plugins/table/plugin.js")];case 10:return t.sent(),[4,import("tinymce/plugins/image/plugin.js")];case 11:return t.sent(),[2]}}))})).then((function(){v(!0)}))}}),[]),h?t("div",{className:s(d({size:a,scaling:y}),o),ref:i,children:t(f,l({init:{base_url:"tinymce",width:"100%",height:"100%",plugins:"link table lists code 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"}),n=c(e);t.setContent(n)}})}}},g))}):null}));y.displayName="Editor";export{y as Editor,y as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i}from"react";import{Editor as a}from"@tinymce/tinymce-react";import{cva as r}from"class-variance-authority";import{loadTinyMCE as n}from"../../utils/useLoadTinyMCE.mjs";import{scalingVariants as l}from"../../constants.mjs";import{cn as s}from"../../utils/utils.mjs";import{marked as c}from"marked";var m=function(){return m=Object.assign||function(e){for(var t,o=1,i=arguments.length;o<i;o++)for(var a in t=arguments[o])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},m.apply(this,arguments)},u=function(e,t){var o={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(o[i[a]]=e[i[a]])}return o},d=r("",{variants:{scaling:m({},l),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}}),p=t((function(t,r){var l=t.className,p=t.size,f=t.scaling,b=u(t,["className","size","scaling"]),g=o(!1),v=g[0],h=g[1];return i((function(){"undefined"!=typeof window&&n().then((function(){h(!0)}))}),[]),v?e("div",{className:s(d({size:p,scaling:f}),l),ref:r,children:e(a,m({init:{base_url:"tinymce",width:"100%",height:"100%",promotion:!1,plugins:"preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap quickbars accordion",menubar:"file edit view insert format tools table",toolbar:"undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl",autosave_ask_before_unload:!0,autosave_interval:"30s",autosave_restore_when_empty:!1,autosave_retention:"2m",image_advtab:!0,image_caption:!0,quickbars_selection_toolbar:"bold italic | quicklink h2 h3 blockquote quickimage quicktable",toolbar_mode:"sliding",content_style:"body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }",setup:function(e){e.ui.registry.addButton("inlinecode",{icon:"sourcecode",tooltip:"Inline code",onAction:function(){e.formatter.toggle("code")}}),e.on("init",(function(){e.formatter.register("code",{inline:"code",remove:"all"})})),e.ui.registry.addButton("markdown",{text:"Markdown",onAction:function(){var t=e.getContent({format:"text"}),o=c(t);e.setContent(o)}})}}},b))}):null}));p.displayName="Editor";export{p as Editor,p as default};
 //# sourceMappingURL=index.mjs.map