@kubohiroya/turbowarp-extension-data-editor 0.6.0 → 0.8.0

package/dist/react.js

@@ -1,4 +1,5 @@
 import bindBlockEditorFieldErrors from './field-errors.js';
+import { attachEditorDialogWindow } from './dialog-window.js';
 export { default as bindBlockEditorFieldErrors } from './field-errors.js';
 import * as React from 'react';
 import { BlockEditorConflictError } from './types.js';
@@ -164,18 +165,19 @@ export class BlockEditorDialog extends React.Component {
         this.mountBody();
     }
     componentWillUnmount() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         this.unmounting = true;
         this.mounted = false;
         if (this.focusFrame !== undefined)
             cancelAnimationFrame(this.focusFrame);
         this.removeListener();
         (_a = this.stopFieldErrors) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.stopWindow) === null || _b === void 0 ? void 0 : _b.call(this);
         try {
-            (_b = this.unmountBody) === null || _b === void 0 ? void 0 : _b.call(this);
+            (_c = this.unmountBody) === null || _c === void 0 ? void 0 : _c.call(this);
         }
         catch (error) {
-            (_d = (_c = this.props).onError) === null || _d === void 0 ? void 0 : _d.call(_c, error);
+            (_e = (_d = this.props).onError) === null || _e === void 0 ? void 0 : _e.call(_d, error);
         }
         finally {
             this.props.session.dispose();
@@ -185,6 +187,12 @@ export class BlockEditorDialog extends React.Component {
         if (!this.body || this.unmountBody || this.state.mountFailed)
             return;
         try {
+            if (!this.stopWindow)
+                this.stopWindow = attachEditorDialogWindow(this.body, {
+                    headerClassName: this.props.styles.header,
+                    maximize: this.props.messages.maximize,
+                    restore: this.props.messages.restore
+                });
             if (!this.stopFieldErrors)
                 this.stopFieldErrors = bindBlockEditorFieldErrors(this.body);
             if (typeof this.props.session.getNodes !== 'function')
@@ -224,7 +232,7 @@ export class BlockEditorDialog extends React.Component {
             /ブロック|block/i.test(messages.title) ? messages.title.replace(/ブロック|block/i, () => name) :
                 `${name}: ${messages.title}` : messages.title;
         return React.createElement(ModalComponent, { className: `${styles.modalContent || ''} ${hierarchy ? styles.hierarchyModal : ''} ${this.props.className || ''}`, contentLabel: title, ...((appearance === null || appearance === void 0 ? void 0 : appearance.iconURI) ? { headerImage: appearance.iconURI } : {}), headerClassName: styles.header, id: "blockEditorModal", onRequestClose: this.handleClose },
-            React.createElement("div", { "aria-busy": saving, className: styles.body, onCompositionStart: () => { this.composing = true; }, onCompositionEnd: () => { this.composing = false; }, onKeyDownCapture: event => {
+            React.createElement("div", { "aria-busy": saving, className: styles.body, "data-block-editor-body": "", onCompositionStart: () => { this.composing = true; }, onCompositionEnd: () => { this.composing = false; }, onKeyDownCapture: event => {
                     if (this.composing || event.nativeEvent.isComposing || event.keyCode === 229)
                         event.stopPropagation();
                 } },