@lotte-innovate/ui-component-test 0.2.49 → 0.2.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/components/Editor/index.js +13 -79
- package/dist/lib/components/Editor/index.mjs +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/utils/useLoadTinyMCE.d.ts +1 -0
- package/dist/lib/utils/useLoadTinyMCE.js +139 -0
- package/dist/lib/utils/useLoadTinyMCE.mjs +2 -0
- package/dist/lib/utils/useLoadTinyMCE.mjs.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -10,42 +10,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
17
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
18
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
19
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
-
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);
|
|
24
|
-
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
-
function step(op) {
|
|
27
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
29
|
-
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;
|
|
30
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
-
switch (op[0]) {
|
|
32
|
-
case 0: case 1: t = op; break;
|
|
33
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
-
default:
|
|
37
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
-
if (t[2]) _.ops.pop();
|
|
42
|
-
_.trys.pop(); continue;
|
|
43
|
-
}
|
|
44
|
-
op = body.call(thisArg, _);
|
|
45
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
13
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
50
14
|
var t = {};
|
|
51
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -61,6 +25,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
61
25
|
import { forwardRef, useEffect, useState, } from 'react';
|
|
62
26
|
import { Editor as EditorUI } from '@tinymce/tinymce-react';
|
|
63
27
|
import { cva } from 'class-variance-authority';
|
|
28
|
+
import { loadTinyMCE } from '../../../lib/utils/useLoadTinyMCE';
|
|
64
29
|
import { scalingVariants } from '../../../lib/constants';
|
|
65
30
|
import { cn } from '../../../lib/utils/utils';
|
|
66
31
|
import { marked } from 'marked';
|
|
@@ -83,46 +48,6 @@ export var Editor = forwardRef(function (_a, ref) {
|
|
|
83
48
|
var _b = useState(false), isClient = _b[0], setIsClient = _b[1];
|
|
84
49
|
useEffect(function () {
|
|
85
50
|
if (typeof window !== 'undefined') {
|
|
86
|
-
var loadTinyMCE = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
87
|
-
return __generator(this, function (_a) {
|
|
88
|
-
switch (_a.label) {
|
|
89
|
-
case 0: return [4 /*yield*/, import('tinymce/tinymce.js')];
|
|
90
|
-
case 1:
|
|
91
|
-
_a.sent();
|
|
92
|
-
return [4 /*yield*/, import('tinymce/themes/silver/theme.js')];
|
|
93
|
-
case 2:
|
|
94
|
-
_a.sent();
|
|
95
|
-
return [4 /*yield*/, import('tinymce/models/dom/model.js')];
|
|
96
|
-
case 3:
|
|
97
|
-
_a.sent();
|
|
98
|
-
return [4 /*yield*/, import('tinymce/icons/default/icons.js')];
|
|
99
|
-
case 4:
|
|
100
|
-
_a.sent();
|
|
101
|
-
return [4 /*yield*/, import('tinymce/plugins/advlist/plugin.js')];
|
|
102
|
-
case 5:
|
|
103
|
-
_a.sent();
|
|
104
|
-
return [4 /*yield*/, import('tinymce/plugins/code/plugin.js')];
|
|
105
|
-
case 6:
|
|
106
|
-
_a.sent();
|
|
107
|
-
return [4 /*yield*/, import('tinymce/plugins/codesample/plugin.js')];
|
|
108
|
-
case 7:
|
|
109
|
-
_a.sent();
|
|
110
|
-
return [4 /*yield*/, import('tinymce/plugins/link/plugin.js')];
|
|
111
|
-
case 8:
|
|
112
|
-
_a.sent();
|
|
113
|
-
return [4 /*yield*/, import('tinymce/plugins/lists/plugin.js')];
|
|
114
|
-
case 9:
|
|
115
|
-
_a.sent();
|
|
116
|
-
return [4 /*yield*/, import('tinymce/plugins/table/plugin.js')];
|
|
117
|
-
case 10:
|
|
118
|
-
_a.sent();
|
|
119
|
-
return [4 /*yield*/, import('tinymce/plugins/image/plugin.js')];
|
|
120
|
-
case 11:
|
|
121
|
-
_a.sent();
|
|
122
|
-
return [2 /*return*/];
|
|
123
|
-
}
|
|
124
|
-
});
|
|
125
|
-
}); };
|
|
126
51
|
loadTinyMCE().then(function () {
|
|
127
52
|
setIsClient(true);
|
|
128
53
|
});
|
|
@@ -135,9 +60,18 @@ export var Editor = forwardRef(function (_a, ref) {
|
|
|
135
60
|
base_url: 'tinymce',
|
|
136
61
|
width: '100%',
|
|
137
62
|
height: '100%',
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
63
|
+
promotion: false,
|
|
64
|
+
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',
|
|
65
|
+
menubar: 'file edit view insert format tools table',
|
|
66
|
+
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',
|
|
67
|
+
autosave_ask_before_unload: true,
|
|
68
|
+
autosave_interval: '30s',
|
|
69
|
+
autosave_restore_when_empty: false,
|
|
70
|
+
autosave_retention: '2m',
|
|
71
|
+
image_advtab: true,
|
|
72
|
+
image_caption: true,
|
|
73
|
+
quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote quickimage quicktable',
|
|
74
|
+
toolbar_mode: 'sliding',
|
|
141
75
|
content_style: 'body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }',
|
|
142
76
|
setup: function (editor) {
|
|
143
77
|
editor.ui.registry.addButton('inlinecode', {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
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};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|