@team-monolith/cds 0.29.3 → 0.29.4
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@team-monolith/cds",
|
|
3
|
-
"version": "0.29.
|
|
3
|
+
"version": "0.29.4",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -24,8 +24,7 @@
|
|
|
24
24
|
"hex-to-css-filter": "^5.4.0",
|
|
25
25
|
"react": "^17.0.2",
|
|
26
26
|
"react-dom": "^17.0.2",
|
|
27
|
-
"react-editor-js": "^2.1.0",
|
|
28
|
-
"react-hook-form": "^7.27.1",
|
|
27
|
+
"react-editor-js": "^2.1.0",
|
|
29
28
|
"remixicon": "^3.4.0",
|
|
30
29
|
"typescript": "^4.5.5",
|
|
31
30
|
"uid": "^2.0.2"
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
-
function step(op) {
|
|
26
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
28
|
-
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;
|
|
29
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
-
switch (op[0]) {
|
|
31
|
-
case 0: case 1: t = op; break;
|
|
32
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
-
default:
|
|
36
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
-
if (t[2]) _.ops.pop();
|
|
41
|
-
_.trys.pop(); continue;
|
|
42
|
-
}
|
|
43
|
-
op = body.call(thisArg, _);
|
|
44
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
49
|
-
import { Controller } from "react-hook-form";
|
|
50
|
-
import { createReactEditorJS } from "react-editor-js";
|
|
51
|
-
import { useCallback, useRef } from "react";
|
|
52
|
-
import TOOLS from "./tools";
|
|
53
|
-
import I18n from "./i18n";
|
|
54
|
-
import Layout from "./Layout";
|
|
55
|
-
/** useForm에서 사용되는 ReactEditorJS 컴포넌트입니다. */
|
|
56
|
-
export function FormEditorJS(props) {
|
|
57
|
-
var _this = this;
|
|
58
|
-
var className = props.className, name = props.name, control = props.control, _a = props.readOnly, readOnly = _a === void 0 ? false : _a, onError = props.onError;
|
|
59
|
-
var ReactEditorJS = createReactEditorJS();
|
|
60
|
-
var editorCore = useRef(null);
|
|
61
|
-
var handleInitialize = useCallback(function (instance) { return __awaiter(_this, void 0, void 0, function () {
|
|
62
|
-
var e_1;
|
|
63
|
-
return __generator(this, function (_a) {
|
|
64
|
-
switch (_a.label) {
|
|
65
|
-
case 0:
|
|
66
|
-
_a.trys.push([0, 2, , 3]);
|
|
67
|
-
return [4 /*yield*/, instance.dangerouslyLowLevelInstance.isReady];
|
|
68
|
-
case 1:
|
|
69
|
-
_a.sent();
|
|
70
|
-
editorCore.current = instance;
|
|
71
|
-
return [3 /*break*/, 3];
|
|
72
|
-
case 2:
|
|
73
|
-
e_1 = _a.sent();
|
|
74
|
-
onError === null || onError === void 0 ? void 0 : onError(e_1);
|
|
75
|
-
return [3 /*break*/, 3];
|
|
76
|
-
case 3: return [2 /*return*/];
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
}); }, []);
|
|
80
|
-
var handleSave = useCallback(function (onChange) { return __awaiter(_this, void 0, void 0, function () {
|
|
81
|
-
var _this = this;
|
|
82
|
-
var _a;
|
|
83
|
-
return __generator(this, function (_b) {
|
|
84
|
-
if (!editorCore.current) {
|
|
85
|
-
return [2 /*return*/];
|
|
86
|
-
}
|
|
87
|
-
// 저장 전에 isReady 상태를 기다리기
|
|
88
|
-
// https://github.com/codex-team/editor.js/issues/1136
|
|
89
|
-
(_a = editorCore.current.dangerouslyLowLevelInstance.isReady) === null || _a === void 0 ? void 0 : _a.then(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
90
|
-
var savedData;
|
|
91
|
-
var _a;
|
|
92
|
-
return __generator(this, function (_b) {
|
|
93
|
-
switch (_b.label) {
|
|
94
|
-
case 0: return [4 /*yield*/, ((_a = editorCore.current) === null || _a === void 0 ? void 0 : _a.save())];
|
|
95
|
-
case 1:
|
|
96
|
-
savedData = _b.sent();
|
|
97
|
-
if (savedData) {
|
|
98
|
-
onChange(savedData.blocks);
|
|
99
|
-
}
|
|
100
|
-
return [2 /*return*/];
|
|
101
|
-
}
|
|
102
|
-
});
|
|
103
|
-
}); });
|
|
104
|
-
return [2 /*return*/];
|
|
105
|
-
});
|
|
106
|
-
}); }, []);
|
|
107
|
-
// readOnly가 변경되면 ReactEditorJS를 다시 마운트하기 위해 key를 변경합니다.
|
|
108
|
-
// readOnly 모드에서는 onChange를 전달할 수 없어서 케이스를 분리합니다.
|
|
109
|
-
if (readOnly) {
|
|
110
|
-
return (_jsx(Controller, { name: name, control: control, render: function (_a) {
|
|
111
|
-
var value = _a.field.value;
|
|
112
|
-
return (_jsx(Layout, __assign({ className: className }, { children: _jsx(ReactEditorJS, { onInitialize: handleInitialize, tools: TOOLS, defaultValue: {
|
|
113
|
-
blocks: value,
|
|
114
|
-
}, i18n: I18n, readOnly: true }, "readOnly") })));
|
|
115
|
-
} }));
|
|
116
|
-
}
|
|
117
|
-
return (_jsx(Controller, { name: name, control: control, render: function (_a) {
|
|
118
|
-
var _b = _a.field, onChange = _b.onChange, value = _b.value;
|
|
119
|
-
return (_jsx(Layout, __assign({ className: className }, { children: _jsx(ReactEditorJS, { onInitialize: handleInitialize, tools: TOOLS, inlineToolbar: [
|
|
120
|
-
"bold",
|
|
121
|
-
"italic",
|
|
122
|
-
"underline",
|
|
123
|
-
"strikeThrough",
|
|
124
|
-
"inlineCode",
|
|
125
|
-
"link",
|
|
126
|
-
], tunes: ["moveUp", "delete", "moveDown"],
|
|
127
|
-
// onChange를 사용하므로 value를 사용하면 안됩니다.(defaultValue 사용이 highly recommended)
|
|
128
|
-
defaultValue: {
|
|
129
|
-
blocks: value,
|
|
130
|
-
}, placeholder: "\uB0B4\uC6A9\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694.", onChange: function () { return handleSave(onChange); }, i18n: I18n }, "editable") })));
|
|
131
|
-
} }));
|
|
132
|
-
}
|