🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP →
@onlyoffice/document-editor-react
Advanced tools
@onlyoffice/document-editor-react - npm Package Compare versions
| "use strict";var e=require("react");function n(e,n,o,t){return new(o||(o=Promise))((function(i,s){function r(e){try{c(t.next(e))}catch(e){s(e)}}function d(e){try{c(t.throw(e))}catch(e){s(e)}}function c(e){var n;e.done?i(e.value):(n=e.value,n instanceof o?n:new o((function(e){e(n)}))).then(r,d)}c((t=t.apply(e,n||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const o=(e,n,o,t)=>{const i=document.createElement("script");return i.id=e,i.type="text/javascript",i.src=n,i.async=!0,i.onload=()=>{i.removeAttribute("loading"),o(null)},i.onerror=e=>{i.removeAttribute("loading"),t(e)},i.setAttribute("loading",""),i};exports.DocumentEditor=t=>{const{id:i,documentServerUrl:s,config:r,document_fileType:d,document_title:c,documentType:a,editorConfig_lang:u,height:l,type:v,width:w,onLoadComponentError:p,events_onAppReady:R,events_onDocumentStateChange:g,events_onMetaChange:m,events_onDocumentReady:f,events_onInfo:y,events_onWarning:h,events_onError:E,events_onRequestSharingSettings:q,events_onRequestRename:D,events_onMakeActionLink:_,events_onRequestInsertImage:S,events_onRequestSaveAs:I,events_onRequestMailMergeRecipients:A,events_onRequestCompareFile:C,events_onRequestEditRights:b,events_onRequestHistory:k,events_onRequestHistoryClose:M,events_onRequestHistoryData:P,events_onRequestRestore:H,events_onRequestSelectSpreadsheet:x,events_onRequestSelectDocument:L}=t;e.useEffect((()=>{var e;(null===(e=null===window||void 0===window?void 0:window.DocEditor)||void 0===e?void 0:e.instances[i])&&(window.DocEditor.instances[i].destroyEditor(),window.DocEditor.instances[i]=void 0,console.log("Important props have been changed. Load new Editor."),T())}),[s,JSON.stringify(r),d,c,a,u,l,v,w]),e.useEffect((()=>{let e=s;e.endsWith("/")||(e+="/");return((e,t)=>n(void 0,void 0,void 0,(function*(){return new Promise(((n,i)=>{try{if(window.DocsAPI)return n(null);const s=document.getElementById(t);if(s){let r=setInterval((()=>{if(!s.getAttribute("loading")){if(clearInterval(r),window.DocsAPI)return n(null);const d=o(t,e,n,i);s.remove(),document.body.appendChild(d)}}),500)}else{const s=o(t,e,n,i);document.body.appendChild(s)}}catch(e){console.error(e)}}))})))(`${e}web-apps/apps/api/documents/api.js`,"onlyoffice-api-script").then((()=>T())).catch((()=>j(-2))),()=>{var e;(null===(e=null===window||void 0===window?void 0:window.DocEditor)||void 0===e?void 0:e.instances[i])&&(window.DocEditor.instances[i].destroyEditor(),window.DocEditor.instances[i]=void 0)}}),[]);const T=()=>{var e,n;try{if(window.DocsAPI||j(-3),null===(e=null===window||void 0===window?void 0:window.DocEditor)||void 0===e?void 0:e.instances[i])return void console.log("Skip loading. Instance already exists",i);(null===(n=null===window||void 0===window?void 0:window.DocEditor)||void 0===n?void 0:n.instances)||(window.DocEditor={instances:{}});let o=Object.assign({document:{fileType:d,title:c},documentType:a,editorConfig:{lang:u},events:{onAppReady:W,onDocumentStateChange:g,onMetaChange:m,onDocumentReady:f,onInfo:y,onWarning:h,onError:E,onRequestSharingSettings:q,onRequestRename:D,onMakeActionLink:_,onRequestInsertImage:S,onRequestSaveAs:I,onRequestMailMergeRecipients:A,onRequestCompareFile:C,onRequestEditRights:b,onRequestHistory:k,onRequestHistoryClose:M,onRequestHistoryData:P,onRequestRestore:H,onRequestSelectSpreadsheet:x,onRequestSelectDocument:L},height:l,type:v,width:w},r||{});const t=window.DocsAPI.DocEditor(i,o);window.DocEditor.instances[i]=t}catch(e){console.error(e),j(-1)}},j=e=>{let n;switch(e){case-2:n="Error load DocsAPI from "+s;break;case-3:n="DocsAPI is not defined";break;default:n="Unknown error loading component",e=-1}void 0===p?console.error(n):p(e,n)},W=()=>{R(window.DocEditor.instances[i])};return e.createElement("div",{id:i})}; | ||
| //# sourceMappingURL=index.js.map |
| {"version":3,"file":"index.js","sources":["../../node_modules/tslib/tslib.es6.js","../../src/utils/loadScript.ts","../../src/DocumentEditor.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n 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;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n function next() {\r\n while (env.stack.length) {\r\n var rec = env.stack.pop();\r\n try {\r\n var result = rec.dispose && rec.dispose.call(rec.value);\r\n if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n};\r\n","/*\r\n* (c) Copyright Ascensio System SIA 2024\r\n*\r\n* Licensed under the Apache License, Version 2.0 (the \"License\");\r\n* you may not use this file except in compliance with the License.\r\n* You may obtain a copy of the License at\r\n*\r\n* http://www.apache.org/licenses/LICENSE-2.0\r\n*\r\n* Unless required by applicable law or agreed to in writing, software\r\n* distributed under the License is distributed on an \"AS IS\" BASIS,\r\n* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n* See the License for the specific language governing permissions and\r\n* limitations under the License.\r\n*/\r\n\r\nconst loadScript = async (url: string, id: string) => {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n // If DocsAPI is defined return resolve.\r\n if (window.DocsAPI) return resolve(null);\r\n\r\n const existedScript = document.getElementById(id);\r\n\r\n if (existedScript) {\r\n // If the script element is found, wait for it to load.\r\n let intervalHandler = setInterval(() => {\r\n const loading = existedScript.getAttribute(\"loading\");\r\n if (loading) {\r\n // If the download is not completed, continue to wait.\r\n return;\r\n } else {\r\n // If the download is completed, stop the wait.\r\n clearInterval(intervalHandler);\r\n\r\n // If DocsAPI is defined, after loading return resolve.\r\n if (window.DocsAPI) return resolve(null);\r\n\r\n // If DocsAPI is not defined, delete the existing script and create a new one.\r\n const script = _createScriptTag(id, url, resolve, reject);\r\n existedScript.remove();\r\n document.body.appendChild(script);\r\n }\r\n }, 500);\r\n } else {\r\n // If the script element is not found, create it.\r\n const script = _createScriptTag(id, url, resolve, reject);\r\n document.body.appendChild(script);\r\n }\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n });\r\n};\r\n\r\nconst _createScriptTag = (id: string, url: string, resolve: (value: unknown) => void, reject: (reason?: any) => void) => {\r\n const script = document.createElement(\"script\");\r\n\r\n script.id = id;\r\n script.type = \"text/javascript\";\r\n script.src = url;\r\n script.async = true;\r\n\r\n script.onload = () => {\r\n // Remove attribute loading after loading is complete.\r\n script.removeAttribute(\"loading\");\r\n resolve(null);\r\n };\r\n script.onerror = (error: any) => {\r\n // Remove attribute loading after loading is complete.\r\n script.removeAttribute(\"loading\");\r\n reject(error);\r\n };\r\n\r\n script.setAttribute(\"loading\", \"\");\r\n\r\n return script;\r\n};\r\n\r\nexport default loadScript;\r\n","/*\r\n* (c) Copyright Ascensio System SIA 2024\r\n*\r\n* Licensed under the Apache License, Version 2.0 (the \"License\");\r\n* you may not use this file except in compliance with the License.\r\n* You may obtain a copy of the License at\r\n*\r\n* http://www.apache.org/licenses/LICENSE-2.0\r\n*\r\n* Unless required by applicable law or agreed to in writing, software\r\n* distributed under the License is distributed on an \"AS IS\" BASIS,\r\n* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n* See the License for the specific language governing permissions and\r\n* limitations under the License.\r\n*/\r\n\r\nimport React, { useEffect } from \"react\";\r\nimport IConfig from \"./model/config\";\r\nimport loadScript from \"./utils/loadScript\";\r\n\r\ndeclare global {\r\n interface Window {\r\n DocsAPI?: any;\r\n DocEditor?: any;\r\n }\r\n}\r\n\r\ntype DocumentEditorProps = {\r\n id: string;\r\n\r\n documentServerUrl: string;\r\n\r\n config: IConfig;\r\n\r\n document_fileType?: string;\r\n document_title?: string;\r\n documentType?: string;\r\n editorConfig_lang?: string,\r\n height?: string,\r\n type?: string;\r\n width?: string;\r\n\r\n onLoadComponentError?: (errorCode: number, errorDescription: string) => void;\r\n\r\n events_onAppReady?: (event: object) => void;\r\n events_onDocumentStateChange?: (event: object) => void;\r\n events_onMetaChange?: (event: object) => void;\r\n events_onDocumentReady?: (event: object) => void;\r\n events_onInfo?: (event: object) => void;\r\n events_onWarning?: (event: object) => void;\r\n events_onError?: (event: object) => void;\r\n events_onRequestSharingSettings?: (event: object) => void;\r\n events_onRequestRename?: (event: object) => void;\r\n events_onMakeActionLink?: (event: object) => void;\r\n events_onRequestInsertImage?: (event: object) => void;\r\n events_onRequestSaveAs?: (event: object) => void;\r\n /**\r\n * @deprecated Deprecated since version 7.5, please use events_onRequestSelectSpreadsheet instead.\r\n */\r\n events_onRequestMailMergeRecipients?: (event: object) => void;\r\n /**\r\n * @deprecated Deprecated since version 7.5, please use onRequestSelectDocument instead.\r\n */\r\n events_onRequestCompareFile?: (event: object) => void;\r\n events_onRequestEditRights?: (event: object) => void;\r\n events_onRequestHistory?: (event: object) => void;\r\n events_onRequestHistoryClose?: (event: object) => void;\r\n events_onRequestHistoryData?: (event: object) => void;\r\n events_onRequestRestore?: (event: object) => void;\r\n events_onRequestSelectSpreadsheet?: (event: object) => void;\r\n events_onRequestSelectDocument?: (event: object) => void;\r\n};\r\n\r\nconst DocumentEditor = (props: DocumentEditorProps) => {\r\n const {\r\n id,\r\n\r\n documentServerUrl,\r\n\r\n config,\r\n\r\n document_fileType,\r\n document_title,\r\n documentType,\r\n editorConfig_lang,\r\n height,\r\n type,\r\n width,\r\n\r\n onLoadComponentError,\r\n\r\n events_onAppReady,\r\n events_onDocumentStateChange,\r\n events_onMetaChange,\r\n events_onDocumentReady,\r\n events_onInfo,\r\n events_onWarning,\r\n events_onError,\r\n events_onRequestSharingSettings,\r\n events_onRequestRename,\r\n events_onMakeActionLink,\r\n events_onRequestInsertImage,\r\n events_onRequestSaveAs,\r\n events_onRequestMailMergeRecipients,\r\n events_onRequestCompareFile,\r\n events_onRequestEditRights,\r\n events_onRequestHistory,\r\n events_onRequestHistoryClose,\r\n events_onRequestHistoryData,\r\n events_onRequestRestore,\r\n events_onRequestSelectSpreadsheet,\r\n events_onRequestSelectDocument\r\n } = props;\r\n\r\n useEffect(() => {\r\n if (window?.DocEditor?.instances[id]) {\r\n window.DocEditor.instances[id].destroyEditor();\r\n window.DocEditor.instances[id] = undefined;\r\n\r\n console.log(\"Important props have been changed. Load new Editor.\");\r\n onLoad();\r\n }\r\n }, [\r\n documentServerUrl,\r\n\r\n JSON.stringify(config),\r\n\r\n document_fileType,\r\n document_title,\r\n documentType,\r\n editorConfig_lang,\r\n height,\r\n type,\r\n width,\r\n ]);\r\n\r\n useEffect(() => {\r\n let url = documentServerUrl;\r\n if (!url.endsWith(\"/\")) url += \"/\";\r\n\r\n const docApiUrl = `${url}web-apps/apps/api/documents/api.js`;\r\n loadScript(docApiUrl, \"onlyoffice-api-script\")\r\n .then(() => onLoad())\r\n .catch(() => onError(-2));\r\n\r\n return () => {\r\n if (window?.DocEditor?.instances[id]) {\r\n window.DocEditor.instances[id].destroyEditor();\r\n window.DocEditor.instances[id] = undefined;\r\n }\r\n };\r\n }, []);\r\n\r\n const onLoad = () => {\r\n try {\r\n if (!window.DocsAPI) onError(-3);\r\n if (window?.DocEditor?.instances[id]) {\r\n console.log(\"Skip loading. Instance already exists\", id);\r\n return;\r\n }\r\n\r\n if (!window?.DocEditor?.instances) {\r\n window.DocEditor = { instances: {} };\r\n }\r\n\r\n let initConfig = Object.assign({\r\n document: {\r\n fileType: document_fileType,\r\n title: document_title,\r\n },\r\n documentType,\r\n editorConfig: {\r\n lang: editorConfig_lang,\r\n },\r\n events: {\r\n onAppReady: onAppReady,\r\n onDocumentStateChange: events_onDocumentStateChange,\r\n onMetaChange: events_onMetaChange,\r\n onDocumentReady: events_onDocumentReady,\r\n onInfo: events_onInfo,\r\n onWarning: events_onWarning,\r\n onError: events_onError,\r\n onRequestSharingSettings: events_onRequestSharingSettings,\r\n onRequestRename: events_onRequestRename,\r\n onMakeActionLink: events_onMakeActionLink,\r\n onRequestInsertImage: events_onRequestInsertImage,\r\n onRequestSaveAs: events_onRequestSaveAs,\r\n onRequestMailMergeRecipients: events_onRequestMailMergeRecipients,\r\n onRequestCompareFile: events_onRequestCompareFile,\r\n onRequestEditRights: events_onRequestEditRights,\r\n onRequestHistory: events_onRequestHistory,\r\n onRequestHistoryClose: events_onRequestHistoryClose,\r\n onRequestHistoryData: events_onRequestHistoryData,\r\n onRequestRestore: events_onRequestRestore,\r\n onRequestSelectSpreadsheet: events_onRequestSelectSpreadsheet,\r\n onRequestSelectDocument: events_onRequestSelectDocument\r\n\r\n },\r\n height,\r\n type,\r\n width,\r\n }, config || {});\r\n\r\n const editor = window.DocsAPI.DocEditor(id, initConfig);\r\n window.DocEditor.instances[id] = editor;\r\n } catch (err: any) {\r\n console.error(err);\r\n onError(-1);\r\n }\r\n };\r\n\r\n const onError = (errorCode: number) => {\r\n let message;\r\n\r\n switch (errorCode) {\r\n case -2:\r\n message = \"Error load DocsAPI from \" + documentServerUrl;\r\n break;\r\n case -3:\r\n message = \"DocsAPI is not defined\";\r\n break;\r\n default:\r\n message = \"Unknown error loading component\";\r\n errorCode = -1;\r\n }\r\n\r\n if (typeof onLoadComponentError == \"undefined\") {\r\n console.error(message);\r\n } else {\r\n onLoadComponentError(errorCode, message);\r\n }\r\n }\r\n\r\n const onAppReady = () => {\r\n events_onAppReady!(window.DocEditor.instances[id]);\r\n };\r\n\r\n return <div id={id}></div>;\r\n};\r\n\r\nexport default DocumentEditor;\r\n"],"names":["__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","SuppressedError","_createScriptTag","id","url","script","document","createElement","type","src","async","onload","removeAttribute","onerror","error","setAttribute","props","documentServerUrl","config","document_fileType","document_title","documentType","editorConfig_lang","height","width","onLoadComponentError","events_onAppReady","events_onDocumentStateChange","events_onMetaChange","events_onDocumentReady","events_onInfo","events_onWarning","events_onError","events_onRequestSharingSettings","events_onRequestRename","events_onMakeActionLink","events_onRequestInsertImage","events_onRequestSaveAs","events_onRequestMailMergeRecipients","events_onRequestCompareFile","events_onRequestEditRights","events_onRequestHistory","events_onRequestHistoryClose","events_onRequestHistoryData","events_onRequestRestore","events_onRequestSelectSpreadsheet","events_onRequestSelectDocument","useEffect","_a","window","DocEditor","instances","destroyEditor","undefined","console","log","onLoad","JSON","stringify","endsWith","DocsAPI","existedScript","getElementById","intervalHandler","setInterval","getAttribute","clearInterval","remove","body","appendChild","loadScript","catch","onError","_b","initConfig","Object","assign","fileType","title","editorConfig","lang","events","onAppReady","onDocumentStateChange","onMetaChange","onDocumentReady","onInfo","onWarning","onRequestSharingSettings","onRequestRename","onMakeActionLink","onRequestInsertImage","onRequestSaveAs","onRequestMailMergeRecipients","onRequestCompareFile","onRequestEditRights","onRequestHistory","onRequestHistoryClose","onRequestHistoryData","onRequestRestore","onRequestSelectSpreadsheet","onRequestSelectDocument","editor","err","errorCode","message","React"],"mappings":"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","x_google_ignoreList":[0]} |
| import React from "react"; | ||
| import IConfig from "./model/config"; | ||
| declare global { | ||
| interface Window { | ||
| DocsAPI?: any; | ||
| DocEditor?: any; | ||
| } | ||
| } | ||
| type DocumentEditorProps = { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: IConfig; | ||
| document_fileType?: string; | ||
| document_title?: string; | ||
| documentType?: string; | ||
| editorConfig_lang?: string; | ||
| height?: string; | ||
| type?: string; | ||
| width?: string; | ||
| onLoadComponentError?: (errorCode: number, errorDescription: string) => void; | ||
| events_onAppReady?: (event: object) => void; | ||
| events_onDocumentStateChange?: (event: object) => void; | ||
| events_onMetaChange?: (event: object) => void; | ||
| events_onDocumentReady?: (event: object) => void; | ||
| events_onInfo?: (event: object) => void; | ||
| events_onWarning?: (event: object) => void; | ||
| events_onError?: (event: object) => void; | ||
| events_onRequestSharingSettings?: (event: object) => void; | ||
| events_onRequestRename?: (event: object) => void; | ||
| events_onMakeActionLink?: (event: object) => void; | ||
| events_onRequestInsertImage?: (event: object) => void; | ||
| events_onRequestSaveAs?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use events_onRequestSelectSpreadsheet instead. | ||
| */ | ||
| events_onRequestMailMergeRecipients?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use onRequestSelectDocument instead. | ||
| */ | ||
| events_onRequestCompareFile?: (event: object) => void; | ||
| events_onRequestEditRights?: (event: object) => void; | ||
| events_onRequestHistory?: (event: object) => void; | ||
| events_onRequestHistoryClose?: (event: object) => void; | ||
| events_onRequestHistoryData?: (event: object) => void; | ||
| events_onRequestRestore?: (event: object) => void; | ||
| events_onRequestSelectSpreadsheet?: (event: object) => void; | ||
| events_onRequestSelectDocument?: (event: object) => void; | ||
| }; | ||
| declare const DocumentEditor: (props: DocumentEditorProps) => React.JSX.Element; | ||
| export default DocumentEditor; |
| declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; | ||
| export default _default; | ||
| export declare const FormTemplate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; | ||
| export declare const DocumentTemplate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; | ||
| export declare const SpreadsheetTemplate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; | ||
| export declare const PresentationTemplate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; |
| export { default as DocumentEditor } from "./DocumentEditor"; | ||
| export * from "./model/config"; |
| interface IConfig { | ||
| documentType?: string; | ||
| height?: string; | ||
| token?: string; | ||
| type?: string; | ||
| width?: string; | ||
| document: { | ||
| fileType: string; | ||
| key: string; | ||
| referenceData?: { | ||
| fileKey: string; | ||
| instanceId: string; | ||
| key: string; | ||
| }; | ||
| title: string; | ||
| url: string; | ||
| info?: { | ||
| owner?: string; | ||
| uploaded?: string; | ||
| favorite?: boolean; | ||
| folder?: string; | ||
| sharingSettings?: any[]; | ||
| }; | ||
| permissions?: { | ||
| /** | ||
| * @deprecated Deprecated since version 5.5, please add the onRequestRestore field instead. | ||
| */ | ||
| changeHistory?: boolean; | ||
| chat?: boolean; | ||
| comment?: boolean; | ||
| commentGroups?: any; | ||
| copy?: boolean; | ||
| deleteCommentAuthorOnly?: boolean; | ||
| download?: boolean; | ||
| edit?: boolean; | ||
| editCommentAuthorOnly?: boolean; | ||
| fillForms?: boolean; | ||
| modifyContentControl?: boolean; | ||
| modifyFilter?: boolean; | ||
| print?: boolean; | ||
| protect?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 6.0, please add the onRequestRename field instead. | ||
| */ | ||
| rename?: boolean; | ||
| review?: boolean; | ||
| reviewGroups?: string[]; | ||
| userInfoGroups?: string[]; | ||
| }; | ||
| }; | ||
| editorConfig?: { | ||
| actionLink?: any; | ||
| callbackUrl?: string; | ||
| coEditing?: { | ||
| mode: string; | ||
| change: boolean; | ||
| }; | ||
| createUrl?: string; | ||
| lang?: string; | ||
| location?: string; | ||
| mode?: string; | ||
| recent?: any[]; | ||
| region?: string; | ||
| templates?: any[]; | ||
| user?: { | ||
| /** | ||
| * @deprecated Deprecated since version 4.2, please use name instead. | ||
| */ | ||
| firstname?: string; | ||
| group?: string; | ||
| id?: string; | ||
| image?: string; | ||
| /** | ||
| * @deprecated Deprecated since version 4.2, please use name instead. | ||
| */ | ||
| lastname?: string; | ||
| name?: string; | ||
| }; | ||
| customization?: { | ||
| anonymous?: { | ||
| request?: boolean; | ||
| label?: string; | ||
| }; | ||
| autosave?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 7.1, please use the document.permissions.chat parameter instead. | ||
| */ | ||
| chat?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 6.3, please use the document.permissions.editCommentAuthorOnly and document.permissions.deleteCommentAuthorOnly fields instead. | ||
| */ | ||
| commentAuthorOnly?: boolean; | ||
| comments?: boolean; | ||
| compactHeader?: boolean; | ||
| compactToolbar?: boolean; | ||
| compatibleFeatures?: boolean; | ||
| customer?: { | ||
| address?: string; | ||
| info?: string; | ||
| logo?: string; | ||
| logoDark?: string; | ||
| mail?: string; | ||
| name?: string; | ||
| phone?: string; | ||
| www?: string; | ||
| }; | ||
| features?: any; | ||
| feedback?: any; | ||
| forcesave?: boolean; | ||
| goback?: any; | ||
| help?: boolean; | ||
| hideNotes?: boolean; | ||
| hideRightMenu?: boolean; | ||
| hideRulers?: boolean; | ||
| integrationMode?: string; | ||
| logo?: { | ||
| image?: string; | ||
| imageDark?: string; | ||
| imageEmbedded?: string; | ||
| url?: string; | ||
| }; | ||
| macros?: boolean; | ||
| macrosMode?: string; | ||
| mentionShare?: boolean; | ||
| mobileForceView?: boolean; | ||
| plugins?: boolean; | ||
| review?: { | ||
| hideReviewDisplay?: boolean; | ||
| hoverMode?: boolean; | ||
| reviewDisplay?: string; | ||
| showReviewChanges?: boolean; | ||
| trackChanges?: boolean; | ||
| }; | ||
| /** | ||
| * @deprecated Deprecated since version 7.0. Please use the review.reviewDisplay parameter instead. | ||
| */ | ||
| reviewDisplay?: string; | ||
| /** | ||
| * @deprecated Deprecated since version 7.0. Please use the review.showReviewChanges parameter instead. | ||
| */ | ||
| showReviewChanges?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 7.1. Please use the features.spellcheck parameter instead. | ||
| */ | ||
| spellcheck?: boolean; | ||
| submitForm?: boolean; | ||
| toolbarHideFileName?: boolean; | ||
| toolbarNoTabs?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 7.0. Please use the review.trackChanges parameter instead. | ||
| */ | ||
| trackChanges?: boolean; | ||
| uiTheme?: string; | ||
| unit?: string; | ||
| zoom?: number; | ||
| }; | ||
| embedded?: { | ||
| embedUrl?: string; | ||
| fullscreenUrl?: string; | ||
| saveUrl?: string; | ||
| shareUrl?: string; | ||
| toolbarDocked?: string; | ||
| }; | ||
| plugins?: { | ||
| autostart?: string[]; | ||
| pluginsData?: string[]; | ||
| /** | ||
| * @deprecated Deprecated since version 4.3, please use the absolute URLs in pluginsData field. | ||
| */ | ||
| url?: string; | ||
| }; | ||
| }; | ||
| events?: { | ||
| onAppReady?: (event: object) => void; | ||
| onCollaborativeChanges?: (event: object) => void; | ||
| onDocumentReady?: (event: object) => void; | ||
| onDocumentStateChange?: (event: object) => void; | ||
| onDownloadAs?: (event: object) => void; | ||
| onError?: (event: object) => void; | ||
| onInfo?: (event: object) => void; | ||
| onMetaChange?: (event: object) => void; | ||
| onMakeActionLink?: (event: object) => void; | ||
| onOutdatedVersion?: (event: object) => void; | ||
| onPluginsReady?: (event: object) => void; | ||
| onReady?: (event: object) => void; | ||
| onRequestClose?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use onRequestSelectDocument instead. | ||
| */ | ||
| onRequestCompareFile?: (event: object) => void; | ||
| onRequestCreateNew?: (event: object) => void; | ||
| onRequestEditRights?: (event: object) => void; | ||
| onRequestHistory?: (event: object) => void; | ||
| onRequestHistoryClose?: (event: object) => void; | ||
| onRequestHistoryData?: (event: object) => void; | ||
| onRequestInsertImage?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use onRequestSelectSpreadsheet instead. | ||
| */ | ||
| onRequestMailMergeRecipients?: (event: object) => void; | ||
| onRequestOpen?: (event: object) => void; | ||
| onRequestReferenceData?: (event: object) => void; | ||
| onRequestReferenceSource?: (event: object) => void; | ||
| onRequestRename?: (event: object) => void; | ||
| onRequestRestore?: (event: object) => void; | ||
| onRequestSaveAs?: (event: object) => void; | ||
| onRequestSelectDocument?: (event: object) => void; | ||
| onRequestSelectSpreadsheet?: (event: object) => void; | ||
| onRequestSendNotify?: (event: object) => void; | ||
| onRequestSharingSettings?: (event: object) => void; | ||
| onRequestUsers?: (event: object) => void; | ||
| onWarning?: (event: object) => void; | ||
| }; | ||
| } | ||
| export default IConfig; |
| declare const loadScript: (url: string, id: string) => Promise<unknown>; | ||
| export default loadScript; |
| import e,{useEffect as n}from"react";function o(e,n,o,t){return new(o||(o=Promise))((function(i,s){function r(e){try{c(t.next(e))}catch(e){s(e)}}function d(e){try{c(t.throw(e))}catch(e){s(e)}}function c(e){var n;e.done?i(e.value):(n=e.value,n instanceof o?n:new o((function(e){e(n)}))).then(r,d)}c((t=t.apply(e,n||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const t=(e,n,o,t)=>{const i=document.createElement("script");return i.id=e,i.type="text/javascript",i.src=n,i.async=!0,i.onload=()=>{i.removeAttribute("loading"),o(null)},i.onerror=e=>{i.removeAttribute("loading"),t(e)},i.setAttribute("loading",""),i},i=i=>{const{id:s,documentServerUrl:r,config:d,document_fileType:c,document_title:a,documentType:u,editorConfig_lang:l,height:v,type:w,width:p,onLoadComponentError:R,events_onAppReady:m,events_onDocumentStateChange:g,events_onMetaChange:y,events_onDocumentReady:h,events_onInfo:f,events_onWarning:q,events_onError:D,events_onRequestSharingSettings:E,events_onRequestRename:_,events_onMakeActionLink:S,events_onRequestInsertImage:I,events_onRequestSaveAs:A,events_onRequestMailMergeRecipients:C,events_onRequestCompareFile:b,events_onRequestEditRights:k,events_onRequestHistory:M,events_onRequestHistoryClose:P,events_onRequestHistoryData:H,events_onRequestRestore:x,events_onRequestSelectSpreadsheet:L,events_onRequestSelectDocument:T}=i;n((()=>{var e;(null===(e=null===window||void 0===window?void 0:window.DocEditor)||void 0===e?void 0:e.instances[s])&&(window.DocEditor.instances[s].destroyEditor(),window.DocEditor.instances[s]=void 0,console.log("Important props have been changed. Load new Editor."),j())}),[r,JSON.stringify(d),c,a,u,l,v,w,p]),n((()=>{let e=r;e.endsWith("/")||(e+="/");return((e,n)=>o(void 0,void 0,void 0,(function*(){return new Promise(((o,i)=>{try{if(window.DocsAPI)return o(null);const s=document.getElementById(n);if(s){let r=setInterval((()=>{if(!s.getAttribute("loading")){if(clearInterval(r),window.DocsAPI)return o(null);const d=t(n,e,o,i);s.remove(),document.body.appendChild(d)}}),500)}else{const s=t(n,e,o,i);document.body.appendChild(s)}}catch(e){console.error(e)}}))})))(`${e}web-apps/apps/api/documents/api.js`,"onlyoffice-api-script").then((()=>j())).catch((()=>W(-2))),()=>{var e;(null===(e=null===window||void 0===window?void 0:window.DocEditor)||void 0===e?void 0:e.instances[s])&&(window.DocEditor.instances[s].destroyEditor(),window.DocEditor.instances[s]=void 0)}}),[]);const j=()=>{var e,n;try{if(window.DocsAPI||W(-3),null===(e=null===window||void 0===window?void 0:window.DocEditor)||void 0===e?void 0:e.instances[s])return void console.log("Skip loading. Instance already exists",s);(null===(n=null===window||void 0===window?void 0:window.DocEditor)||void 0===n?void 0:n.instances)||(window.DocEditor={instances:{}});let o=Object.assign({document:{fileType:c,title:a},documentType:u,editorConfig:{lang:l},events:{onAppReady:F,onDocumentStateChange:g,onMetaChange:y,onDocumentReady:h,onInfo:f,onWarning:q,onError:D,onRequestSharingSettings:E,onRequestRename:_,onMakeActionLink:S,onRequestInsertImage:I,onRequestSaveAs:A,onRequestMailMergeRecipients:C,onRequestCompareFile:b,onRequestEditRights:k,onRequestHistory:M,onRequestHistoryClose:P,onRequestHistoryData:H,onRequestRestore:x,onRequestSelectSpreadsheet:L,onRequestSelectDocument:T},height:v,type:w,width:p},d||{});const t=window.DocsAPI.DocEditor(s,o);window.DocEditor.instances[s]=t}catch(e){console.error(e),W(-1)}},W=e=>{let n;switch(e){case-2:n="Error load DocsAPI from "+r;break;case-3:n="DocsAPI is not defined";break;default:n="Unknown error loading component",e=-1}void 0===R?console.error(n):R(e,n)},F=()=>{m(window.DocEditor.instances[s])};return e.createElement("div",{id:s})};export{i as DocumentEditor}; | ||
| //# sourceMappingURL=index.js.map |
| {"version":3,"file":"index.js","sources":["../../node_modules/tslib/tslib.es6.js","../../src/utils/loadScript.ts","../../src/DocumentEditor.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n 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;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n function next() {\r\n while (env.stack.length) {\r\n var rec = env.stack.pop();\r\n try {\r\n var result = rec.dispose && rec.dispose.call(rec.value);\r\n if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n};\r\n","/*\r\n* (c) Copyright Ascensio System SIA 2024\r\n*\r\n* Licensed under the Apache License, Version 2.0 (the \"License\");\r\n* you may not use this file except in compliance with the License.\r\n* You may obtain a copy of the License at\r\n*\r\n* http://www.apache.org/licenses/LICENSE-2.0\r\n*\r\n* Unless required by applicable law or agreed to in writing, software\r\n* distributed under the License is distributed on an \"AS IS\" BASIS,\r\n* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n* See the License for the specific language governing permissions and\r\n* limitations under the License.\r\n*/\r\n\r\nconst loadScript = async (url: string, id: string) => {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n // If DocsAPI is defined return resolve.\r\n if (window.DocsAPI) return resolve(null);\r\n\r\n const existedScript = document.getElementById(id);\r\n\r\n if (existedScript) {\r\n // If the script element is found, wait for it to load.\r\n let intervalHandler = setInterval(() => {\r\n const loading = existedScript.getAttribute(\"loading\");\r\n if (loading) {\r\n // If the download is not completed, continue to wait.\r\n return;\r\n } else {\r\n // If the download is completed, stop the wait.\r\n clearInterval(intervalHandler);\r\n\r\n // If DocsAPI is defined, after loading return resolve.\r\n if (window.DocsAPI) return resolve(null);\r\n\r\n // If DocsAPI is not defined, delete the existing script and create a new one.\r\n const script = _createScriptTag(id, url, resolve, reject);\r\n existedScript.remove();\r\n document.body.appendChild(script);\r\n }\r\n }, 500);\r\n } else {\r\n // If the script element is not found, create it.\r\n const script = _createScriptTag(id, url, resolve, reject);\r\n document.body.appendChild(script);\r\n }\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n });\r\n};\r\n\r\nconst _createScriptTag = (id: string, url: string, resolve: (value: unknown) => void, reject: (reason?: any) => void) => {\r\n const script = document.createElement(\"script\");\r\n\r\n script.id = id;\r\n script.type = \"text/javascript\";\r\n script.src = url;\r\n script.async = true;\r\n\r\n script.onload = () => {\r\n // Remove attribute loading after loading is complete.\r\n script.removeAttribute(\"loading\");\r\n resolve(null);\r\n };\r\n script.onerror = (error: any) => {\r\n // Remove attribute loading after loading is complete.\r\n script.removeAttribute(\"loading\");\r\n reject(error);\r\n };\r\n\r\n script.setAttribute(\"loading\", \"\");\r\n\r\n return script;\r\n};\r\n\r\nexport default loadScript;\r\n","/*\r\n* (c) Copyright Ascensio System SIA 2024\r\n*\r\n* Licensed under the Apache License, Version 2.0 (the \"License\");\r\n* you may not use this file except in compliance with the License.\r\n* You may obtain a copy of the License at\r\n*\r\n* http://www.apache.org/licenses/LICENSE-2.0\r\n*\r\n* Unless required by applicable law or agreed to in writing, software\r\n* distributed under the License is distributed on an \"AS IS\" BASIS,\r\n* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n* See the License for the specific language governing permissions and\r\n* limitations under the License.\r\n*/\r\n\r\nimport React, { useEffect } from \"react\";\r\nimport IConfig from \"./model/config\";\r\nimport loadScript from \"./utils/loadScript\";\r\n\r\ndeclare global {\r\n interface Window {\r\n DocsAPI?: any;\r\n DocEditor?: any;\r\n }\r\n}\r\n\r\ntype DocumentEditorProps = {\r\n id: string;\r\n\r\n documentServerUrl: string;\r\n\r\n config: IConfig;\r\n\r\n document_fileType?: string;\r\n document_title?: string;\r\n documentType?: string;\r\n editorConfig_lang?: string,\r\n height?: string,\r\n type?: string;\r\n width?: string;\r\n\r\n onLoadComponentError?: (errorCode: number, errorDescription: string) => void;\r\n\r\n events_onAppReady?: (event: object) => void;\r\n events_onDocumentStateChange?: (event: object) => void;\r\n events_onMetaChange?: (event: object) => void;\r\n events_onDocumentReady?: (event: object) => void;\r\n events_onInfo?: (event: object) => void;\r\n events_onWarning?: (event: object) => void;\r\n events_onError?: (event: object) => void;\r\n events_onRequestSharingSettings?: (event: object) => void;\r\n events_onRequestRename?: (event: object) => void;\r\n events_onMakeActionLink?: (event: object) => void;\r\n events_onRequestInsertImage?: (event: object) => void;\r\n events_onRequestSaveAs?: (event: object) => void;\r\n /**\r\n * @deprecated Deprecated since version 7.5, please use events_onRequestSelectSpreadsheet instead.\r\n */\r\n events_onRequestMailMergeRecipients?: (event: object) => void;\r\n /**\r\n * @deprecated Deprecated since version 7.5, please use onRequestSelectDocument instead.\r\n */\r\n events_onRequestCompareFile?: (event: object) => void;\r\n events_onRequestEditRights?: (event: object) => void;\r\n events_onRequestHistory?: (event: object) => void;\r\n events_onRequestHistoryClose?: (event: object) => void;\r\n events_onRequestHistoryData?: (event: object) => void;\r\n events_onRequestRestore?: (event: object) => void;\r\n events_onRequestSelectSpreadsheet?: (event: object) => void;\r\n events_onRequestSelectDocument?: (event: object) => void;\r\n};\r\n\r\nconst DocumentEditor = (props: DocumentEditorProps) => {\r\n const {\r\n id,\r\n\r\n documentServerUrl,\r\n\r\n config,\r\n\r\n document_fileType,\r\n document_title,\r\n documentType,\r\n editorConfig_lang,\r\n height,\r\n type,\r\n width,\r\n\r\n onLoadComponentError,\r\n\r\n events_onAppReady,\r\n events_onDocumentStateChange,\r\n events_onMetaChange,\r\n events_onDocumentReady,\r\n events_onInfo,\r\n events_onWarning,\r\n events_onError,\r\n events_onRequestSharingSettings,\r\n events_onRequestRename,\r\n events_onMakeActionLink,\r\n events_onRequestInsertImage,\r\n events_onRequestSaveAs,\r\n events_onRequestMailMergeRecipients,\r\n events_onRequestCompareFile,\r\n events_onRequestEditRights,\r\n events_onRequestHistory,\r\n events_onRequestHistoryClose,\r\n events_onRequestHistoryData,\r\n events_onRequestRestore,\r\n events_onRequestSelectSpreadsheet,\r\n events_onRequestSelectDocument\r\n } = props;\r\n\r\n useEffect(() => {\r\n if (window?.DocEditor?.instances[id]) {\r\n window.DocEditor.instances[id].destroyEditor();\r\n window.DocEditor.instances[id] = undefined;\r\n\r\n console.log(\"Important props have been changed. Load new Editor.\");\r\n onLoad();\r\n }\r\n }, [\r\n documentServerUrl,\r\n\r\n JSON.stringify(config),\r\n\r\n document_fileType,\r\n document_title,\r\n documentType,\r\n editorConfig_lang,\r\n height,\r\n type,\r\n width,\r\n ]);\r\n\r\n useEffect(() => {\r\n let url = documentServerUrl;\r\n if (!url.endsWith(\"/\")) url += \"/\";\r\n\r\n const docApiUrl = `${url}web-apps/apps/api/documents/api.js`;\r\n loadScript(docApiUrl, \"onlyoffice-api-script\")\r\n .then(() => onLoad())\r\n .catch(() => onError(-2));\r\n\r\n return () => {\r\n if (window?.DocEditor?.instances[id]) {\r\n window.DocEditor.instances[id].destroyEditor();\r\n window.DocEditor.instances[id] = undefined;\r\n }\r\n };\r\n }, []);\r\n\r\n const onLoad = () => {\r\n try {\r\n if (!window.DocsAPI) onError(-3);\r\n if (window?.DocEditor?.instances[id]) {\r\n console.log(\"Skip loading. Instance already exists\", id);\r\n return;\r\n }\r\n\r\n if (!window?.DocEditor?.instances) {\r\n window.DocEditor = { instances: {} };\r\n }\r\n\r\n let initConfig = Object.assign({\r\n document: {\r\n fileType: document_fileType,\r\n title: document_title,\r\n },\r\n documentType,\r\n editorConfig: {\r\n lang: editorConfig_lang,\r\n },\r\n events: {\r\n onAppReady: onAppReady,\r\n onDocumentStateChange: events_onDocumentStateChange,\r\n onMetaChange: events_onMetaChange,\r\n onDocumentReady: events_onDocumentReady,\r\n onInfo: events_onInfo,\r\n onWarning: events_onWarning,\r\n onError: events_onError,\r\n onRequestSharingSettings: events_onRequestSharingSettings,\r\n onRequestRename: events_onRequestRename,\r\n onMakeActionLink: events_onMakeActionLink,\r\n onRequestInsertImage: events_onRequestInsertImage,\r\n onRequestSaveAs: events_onRequestSaveAs,\r\n onRequestMailMergeRecipients: events_onRequestMailMergeRecipients,\r\n onRequestCompareFile: events_onRequestCompareFile,\r\n onRequestEditRights: events_onRequestEditRights,\r\n onRequestHistory: events_onRequestHistory,\r\n onRequestHistoryClose: events_onRequestHistoryClose,\r\n onRequestHistoryData: events_onRequestHistoryData,\r\n onRequestRestore: events_onRequestRestore,\r\n onRequestSelectSpreadsheet: events_onRequestSelectSpreadsheet,\r\n onRequestSelectDocument: events_onRequestSelectDocument\r\n\r\n },\r\n height,\r\n type,\r\n width,\r\n }, config || {});\r\n\r\n const editor = window.DocsAPI.DocEditor(id, initConfig);\r\n window.DocEditor.instances[id] = editor;\r\n } catch (err: any) {\r\n console.error(err);\r\n onError(-1);\r\n }\r\n };\r\n\r\n const onError = (errorCode: number) => {\r\n let message;\r\n\r\n switch (errorCode) {\r\n case -2:\r\n message = \"Error load DocsAPI from \" + documentServerUrl;\r\n break;\r\n case -3:\r\n message = \"DocsAPI is not defined\";\r\n break;\r\n default:\r\n message = \"Unknown error loading component\";\r\n errorCode = -1;\r\n }\r\n\r\n if (typeof onLoadComponentError == \"undefined\") {\r\n console.error(message);\r\n } else {\r\n onLoadComponentError(errorCode, message);\r\n }\r\n }\r\n\r\n const onAppReady = () => {\r\n events_onAppReady!(window.DocEditor.instances[id]);\r\n };\r\n\r\n return <div id={id}></div>;\r\n};\r\n\r\nexport default DocumentEditor;\r\n"],"names":["__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","SuppressedError","_createScriptTag","id","url","script","document","createElement","type","src","async","onload","removeAttribute","onerror","error","setAttribute","DocumentEditor","props","documentServerUrl","config","document_fileType","document_title","documentType","editorConfig_lang","height","width","onLoadComponentError","events_onAppReady","events_onDocumentStateChange","events_onMetaChange","events_onDocumentReady","events_onInfo","events_onWarning","events_onError","events_onRequestSharingSettings","events_onRequestRename","events_onMakeActionLink","events_onRequestInsertImage","events_onRequestSaveAs","events_onRequestMailMergeRecipients","events_onRequestCompareFile","events_onRequestEditRights","events_onRequestHistory","events_onRequestHistoryClose","events_onRequestHistoryData","events_onRequestRestore","events_onRequestSelectSpreadsheet","events_onRequestSelectDocument","useEffect","_a","window","DocEditor","instances","destroyEditor","undefined","console","log","onLoad","JSON","stringify","endsWith","DocsAPI","existedScript","getElementById","intervalHandler","setInterval","getAttribute","clearInterval","remove","body","appendChild","loadScript","catch","onError","_b","initConfig","Object","assign","fileType","title","editorConfig","lang","events","onAppReady","onDocumentStateChange","onMetaChange","onDocumentReady","onInfo","onWarning","onRequestSharingSettings","onRequestRename","onMakeActionLink","onRequestInsertImage","onRequestSaveAs","onRequestMailMergeRecipients","onRequestCompareFile","onRequestEditRights","onRequestHistory","onRequestHistoryClose","onRequestHistoryData","onRequestRestore","onRequestSelectSpreadsheet","onRequestSelectDocument","editor","err","errorCode","message","React"],"mappings":"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","x_google_ignoreList":[0]} |
| import React from "react"; | ||
| import IConfig from "./model/config"; | ||
| declare global { | ||
| interface Window { | ||
| DocsAPI?: any; | ||
| DocEditor?: any; | ||
| } | ||
| } | ||
| type DocumentEditorProps = { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: IConfig; | ||
| document_fileType?: string; | ||
| document_title?: string; | ||
| documentType?: string; | ||
| editorConfig_lang?: string; | ||
| height?: string; | ||
| type?: string; | ||
| width?: string; | ||
| onLoadComponentError?: (errorCode: number, errorDescription: string) => void; | ||
| events_onAppReady?: (event: object) => void; | ||
| events_onDocumentStateChange?: (event: object) => void; | ||
| events_onMetaChange?: (event: object) => void; | ||
| events_onDocumentReady?: (event: object) => void; | ||
| events_onInfo?: (event: object) => void; | ||
| events_onWarning?: (event: object) => void; | ||
| events_onError?: (event: object) => void; | ||
| events_onRequestSharingSettings?: (event: object) => void; | ||
| events_onRequestRename?: (event: object) => void; | ||
| events_onMakeActionLink?: (event: object) => void; | ||
| events_onRequestInsertImage?: (event: object) => void; | ||
| events_onRequestSaveAs?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use events_onRequestSelectSpreadsheet instead. | ||
| */ | ||
| events_onRequestMailMergeRecipients?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use onRequestSelectDocument instead. | ||
| */ | ||
| events_onRequestCompareFile?: (event: object) => void; | ||
| events_onRequestEditRights?: (event: object) => void; | ||
| events_onRequestHistory?: (event: object) => void; | ||
| events_onRequestHistoryClose?: (event: object) => void; | ||
| events_onRequestHistoryData?: (event: object) => void; | ||
| events_onRequestRestore?: (event: object) => void; | ||
| events_onRequestSelectSpreadsheet?: (event: object) => void; | ||
| events_onRequestSelectDocument?: (event: object) => void; | ||
| }; | ||
| declare const DocumentEditor: (props: DocumentEditorProps) => React.JSX.Element; | ||
| export default DocumentEditor; |
| declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; | ||
| export default _default; | ||
| export declare const FormTemplate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; | ||
| export declare const DocumentTemplate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; | ||
| export declare const SpreadsheetTemplate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; | ||
| export declare const PresentationTemplate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: import("./model/config").default; | ||
| document_fileType?: string | undefined; | ||
| document_title?: string | undefined; | ||
| documentType?: string | undefined; | ||
| editorConfig_lang?: string | undefined; | ||
| height?: string | undefined; | ||
| type?: string | undefined; | ||
| width?: string | undefined; | ||
| onLoadComponentError?: ((errorCode: number, errorDescription: string) => void) | undefined; | ||
| events_onAppReady?: ((event: object) => void) | undefined; | ||
| events_onDocumentStateChange?: ((event: object) => void) | undefined; | ||
| events_onMetaChange?: ((event: object) => void) | undefined; | ||
| events_onDocumentReady?: ((event: object) => void) | undefined; | ||
| events_onInfo?: ((event: object) => void) | undefined; | ||
| events_onWarning?: ((event: object) => void) | undefined; | ||
| events_onError?: ((event: object) => void) | undefined; | ||
| events_onRequestSharingSettings?: ((event: object) => void) | undefined; | ||
| events_onRequestRename?: ((event: object) => void) | undefined; | ||
| events_onMakeActionLink?: ((event: object) => void) | undefined; | ||
| events_onRequestInsertImage?: ((event: object) => void) | undefined; | ||
| events_onRequestSaveAs?: ((event: object) => void) | undefined; | ||
| events_onRequestMailMergeRecipients?: ((event: object) => void) | undefined; | ||
| events_onRequestCompareFile?: ((event: object) => void) | undefined; | ||
| events_onRequestEditRights?: ((event: object) => void) | undefined; | ||
| events_onRequestHistory?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryClose?: ((event: object) => void) | undefined; | ||
| events_onRequestHistoryData?: ((event: object) => void) | undefined; | ||
| events_onRequestRestore?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectSpreadsheet?: ((event: object) => void) | undefined; | ||
| events_onRequestSelectDocument?: ((event: object) => void) | undefined; | ||
| }>; |
| export { default as DocumentEditor } from "./DocumentEditor"; | ||
| export * from "./model/config"; |
| interface IConfig { | ||
| documentType?: string; | ||
| height?: string; | ||
| token?: string; | ||
| type?: string; | ||
| width?: string; | ||
| document: { | ||
| fileType: string; | ||
| key: string; | ||
| referenceData?: { | ||
| fileKey: string; | ||
| instanceId: string; | ||
| key: string; | ||
| }; | ||
| title: string; | ||
| url: string; | ||
| info?: { | ||
| owner?: string; | ||
| uploaded?: string; | ||
| favorite?: boolean; | ||
| folder?: string; | ||
| sharingSettings?: any[]; | ||
| }; | ||
| permissions?: { | ||
| /** | ||
| * @deprecated Deprecated since version 5.5, please add the onRequestRestore field instead. | ||
| */ | ||
| changeHistory?: boolean; | ||
| chat?: boolean; | ||
| comment?: boolean; | ||
| commentGroups?: any; | ||
| copy?: boolean; | ||
| deleteCommentAuthorOnly?: boolean; | ||
| download?: boolean; | ||
| edit?: boolean; | ||
| editCommentAuthorOnly?: boolean; | ||
| fillForms?: boolean; | ||
| modifyContentControl?: boolean; | ||
| modifyFilter?: boolean; | ||
| print?: boolean; | ||
| protect?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 6.0, please add the onRequestRename field instead. | ||
| */ | ||
| rename?: boolean; | ||
| review?: boolean; | ||
| reviewGroups?: string[]; | ||
| userInfoGroups?: string[]; | ||
| }; | ||
| }; | ||
| editorConfig?: { | ||
| actionLink?: any; | ||
| callbackUrl?: string; | ||
| coEditing?: { | ||
| mode: string; | ||
| change: boolean; | ||
| }; | ||
| createUrl?: string; | ||
| lang?: string; | ||
| location?: string; | ||
| mode?: string; | ||
| recent?: any[]; | ||
| region?: string; | ||
| templates?: any[]; | ||
| user?: { | ||
| /** | ||
| * @deprecated Deprecated since version 4.2, please use name instead. | ||
| */ | ||
| firstname?: string; | ||
| group?: string; | ||
| id?: string; | ||
| image?: string; | ||
| /** | ||
| * @deprecated Deprecated since version 4.2, please use name instead. | ||
| */ | ||
| lastname?: string; | ||
| name?: string; | ||
| }; | ||
| customization?: { | ||
| anonymous?: { | ||
| request?: boolean; | ||
| label?: string; | ||
| }; | ||
| autosave?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 7.1, please use the document.permissions.chat parameter instead. | ||
| */ | ||
| chat?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 6.3, please use the document.permissions.editCommentAuthorOnly and document.permissions.deleteCommentAuthorOnly fields instead. | ||
| */ | ||
| commentAuthorOnly?: boolean; | ||
| comments?: boolean; | ||
| compactHeader?: boolean; | ||
| compactToolbar?: boolean; | ||
| compatibleFeatures?: boolean; | ||
| customer?: { | ||
| address?: string; | ||
| info?: string; | ||
| logo?: string; | ||
| logoDark?: string; | ||
| mail?: string; | ||
| name?: string; | ||
| phone?: string; | ||
| www?: string; | ||
| }; | ||
| features?: any; | ||
| feedback?: any; | ||
| forcesave?: boolean; | ||
| goback?: any; | ||
| help?: boolean; | ||
| hideNotes?: boolean; | ||
| hideRightMenu?: boolean; | ||
| hideRulers?: boolean; | ||
| integrationMode?: string; | ||
| logo?: { | ||
| image?: string; | ||
| imageDark?: string; | ||
| imageEmbedded?: string; | ||
| url?: string; | ||
| }; | ||
| macros?: boolean; | ||
| macrosMode?: string; | ||
| mentionShare?: boolean; | ||
| mobileForceView?: boolean; | ||
| plugins?: boolean; | ||
| review?: { | ||
| hideReviewDisplay?: boolean; | ||
| hoverMode?: boolean; | ||
| reviewDisplay?: string; | ||
| showReviewChanges?: boolean; | ||
| trackChanges?: boolean; | ||
| }; | ||
| /** | ||
| * @deprecated Deprecated since version 7.0. Please use the review.reviewDisplay parameter instead. | ||
| */ | ||
| reviewDisplay?: string; | ||
| /** | ||
| * @deprecated Deprecated since version 7.0. Please use the review.showReviewChanges parameter instead. | ||
| */ | ||
| showReviewChanges?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 7.1. Please use the features.spellcheck parameter instead. | ||
| */ | ||
| spellcheck?: boolean; | ||
| submitForm?: boolean; | ||
| toolbarHideFileName?: boolean; | ||
| toolbarNoTabs?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 7.0. Please use the review.trackChanges parameter instead. | ||
| */ | ||
| trackChanges?: boolean; | ||
| uiTheme?: string; | ||
| unit?: string; | ||
| zoom?: number; | ||
| }; | ||
| embedded?: { | ||
| embedUrl?: string; | ||
| fullscreenUrl?: string; | ||
| saveUrl?: string; | ||
| shareUrl?: string; | ||
| toolbarDocked?: string; | ||
| }; | ||
| plugins?: { | ||
| autostart?: string[]; | ||
| pluginsData?: string[]; | ||
| /** | ||
| * @deprecated Deprecated since version 4.3, please use the absolute URLs in pluginsData field. | ||
| */ | ||
| url?: string; | ||
| }; | ||
| }; | ||
| events?: { | ||
| onAppReady?: (event: object) => void; | ||
| onCollaborativeChanges?: (event: object) => void; | ||
| onDocumentReady?: (event: object) => void; | ||
| onDocumentStateChange?: (event: object) => void; | ||
| onDownloadAs?: (event: object) => void; | ||
| onError?: (event: object) => void; | ||
| onInfo?: (event: object) => void; | ||
| onMetaChange?: (event: object) => void; | ||
| onMakeActionLink?: (event: object) => void; | ||
| onOutdatedVersion?: (event: object) => void; | ||
| onPluginsReady?: (event: object) => void; | ||
| onReady?: (event: object) => void; | ||
| onRequestClose?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use onRequestSelectDocument instead. | ||
| */ | ||
| onRequestCompareFile?: (event: object) => void; | ||
| onRequestCreateNew?: (event: object) => void; | ||
| onRequestEditRights?: (event: object) => void; | ||
| onRequestHistory?: (event: object) => void; | ||
| onRequestHistoryClose?: (event: object) => void; | ||
| onRequestHistoryData?: (event: object) => void; | ||
| onRequestInsertImage?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use onRequestSelectSpreadsheet instead. | ||
| */ | ||
| onRequestMailMergeRecipients?: (event: object) => void; | ||
| onRequestOpen?: (event: object) => void; | ||
| onRequestReferenceData?: (event: object) => void; | ||
| onRequestReferenceSource?: (event: object) => void; | ||
| onRequestRename?: (event: object) => void; | ||
| onRequestRestore?: (event: object) => void; | ||
| onRequestSaveAs?: (event: object) => void; | ||
| onRequestSelectDocument?: (event: object) => void; | ||
| onRequestSelectSpreadsheet?: (event: object) => void; | ||
| onRequestSendNotify?: (event: object) => void; | ||
| onRequestSharingSettings?: (event: object) => void; | ||
| onRequestUsers?: (event: object) => void; | ||
| onWarning?: (event: object) => void; | ||
| }; | ||
| } | ||
| export default IConfig; |
| declare const loadScript: (url: string, id: string) => Promise<unknown>; | ||
| export default loadScript; |
+266
| import React from 'react'; | ||
| interface IConfig { | ||
| documentType?: string; | ||
| height?: string; | ||
| token?: string; | ||
| type?: string; | ||
| width?: string; | ||
| document: { | ||
| fileType: string; | ||
| key: string; | ||
| referenceData?: { | ||
| fileKey: string; | ||
| instanceId: string; | ||
| key: string; | ||
| }; | ||
| title: string; | ||
| url: string; | ||
| info?: { | ||
| owner?: string; | ||
| uploaded?: string; | ||
| favorite?: boolean; | ||
| folder?: string; | ||
| sharingSettings?: any[]; | ||
| }; | ||
| permissions?: { | ||
| /** | ||
| * @deprecated Deprecated since version 5.5, please add the onRequestRestore field instead. | ||
| */ | ||
| changeHistory?: boolean; | ||
| chat?: boolean; | ||
| comment?: boolean; | ||
| commentGroups?: any; | ||
| copy?: boolean; | ||
| deleteCommentAuthorOnly?: boolean; | ||
| download?: boolean; | ||
| edit?: boolean; | ||
| editCommentAuthorOnly?: boolean; | ||
| fillForms?: boolean; | ||
| modifyContentControl?: boolean; | ||
| modifyFilter?: boolean; | ||
| print?: boolean; | ||
| protect?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 6.0, please add the onRequestRename field instead. | ||
| */ | ||
| rename?: boolean; | ||
| review?: boolean; | ||
| reviewGroups?: string[]; | ||
| userInfoGroups?: string[]; | ||
| }; | ||
| }; | ||
| editorConfig?: { | ||
| actionLink?: any; | ||
| callbackUrl?: string; | ||
| coEditing?: { | ||
| mode: string; | ||
| change: boolean; | ||
| }; | ||
| createUrl?: string; | ||
| lang?: string; | ||
| location?: string; | ||
| mode?: string; | ||
| recent?: any[]; | ||
| region?: string; | ||
| templates?: any[]; | ||
| user?: { | ||
| /** | ||
| * @deprecated Deprecated since version 4.2, please use name instead. | ||
| */ | ||
| firstname?: string; | ||
| group?: string; | ||
| id?: string; | ||
| image?: string; | ||
| /** | ||
| * @deprecated Deprecated since version 4.2, please use name instead. | ||
| */ | ||
| lastname?: string; | ||
| name?: string; | ||
| }; | ||
| customization?: { | ||
| anonymous?: { | ||
| request?: boolean; | ||
| label?: string; | ||
| }; | ||
| autosave?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 7.1, please use the document.permissions.chat parameter instead. | ||
| */ | ||
| chat?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 6.3, please use the document.permissions.editCommentAuthorOnly and document.permissions.deleteCommentAuthorOnly fields instead. | ||
| */ | ||
| commentAuthorOnly?: boolean; | ||
| comments?: boolean; | ||
| compactHeader?: boolean; | ||
| compactToolbar?: boolean; | ||
| compatibleFeatures?: boolean; | ||
| customer?: { | ||
| address?: string; | ||
| info?: string; | ||
| logo?: string; | ||
| logoDark?: string; | ||
| mail?: string; | ||
| name?: string; | ||
| phone?: string; | ||
| www?: string; | ||
| }; | ||
| features?: any; | ||
| feedback?: any; | ||
| forcesave?: boolean; | ||
| goback?: any; | ||
| help?: boolean; | ||
| hideNotes?: boolean; | ||
| hideRightMenu?: boolean; | ||
| hideRulers?: boolean; | ||
| integrationMode?: string; | ||
| logo?: { | ||
| image?: string; | ||
| imageDark?: string; | ||
| imageEmbedded?: string; | ||
| url?: string; | ||
| }; | ||
| macros?: boolean; | ||
| macrosMode?: string; | ||
| mentionShare?: boolean; | ||
| mobileForceView?: boolean; | ||
| plugins?: boolean; | ||
| review?: { | ||
| hideReviewDisplay?: boolean; | ||
| hoverMode?: boolean; | ||
| reviewDisplay?: string; | ||
| showReviewChanges?: boolean; | ||
| trackChanges?: boolean; | ||
| }; | ||
| /** | ||
| * @deprecated Deprecated since version 7.0. Please use the review.reviewDisplay parameter instead. | ||
| */ | ||
| reviewDisplay?: string; | ||
| /** | ||
| * @deprecated Deprecated since version 7.0. Please use the review.showReviewChanges parameter instead. | ||
| */ | ||
| showReviewChanges?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 7.1. Please use the features.spellcheck parameter instead. | ||
| */ | ||
| spellcheck?: boolean; | ||
| submitForm?: boolean; | ||
| toolbarHideFileName?: boolean; | ||
| toolbarNoTabs?: boolean; | ||
| /** | ||
| * @deprecated Deprecated since version 7.0. Please use the review.trackChanges parameter instead. | ||
| */ | ||
| trackChanges?: boolean; | ||
| uiTheme?: string; | ||
| unit?: string; | ||
| zoom?: number; | ||
| }; | ||
| embedded?: { | ||
| embedUrl?: string; | ||
| fullscreenUrl?: string; | ||
| saveUrl?: string; | ||
| shareUrl?: string; | ||
| toolbarDocked?: string; | ||
| }; | ||
| plugins?: { | ||
| autostart?: string[]; | ||
| pluginsData?: string[]; | ||
| /** | ||
| * @deprecated Deprecated since version 4.3, please use the absolute URLs in pluginsData field. | ||
| */ | ||
| url?: string; | ||
| }; | ||
| }; | ||
| events?: { | ||
| onAppReady?: (event: object) => void; | ||
| onCollaborativeChanges?: (event: object) => void; | ||
| onDocumentReady?: (event: object) => void; | ||
| onDocumentStateChange?: (event: object) => void; | ||
| onDownloadAs?: (event: object) => void; | ||
| onError?: (event: object) => void; | ||
| onInfo?: (event: object) => void; | ||
| onMetaChange?: (event: object) => void; | ||
| onMakeActionLink?: (event: object) => void; | ||
| onOutdatedVersion?: (event: object) => void; | ||
| onPluginsReady?: (event: object) => void; | ||
| onReady?: (event: object) => void; | ||
| onRequestClose?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use onRequestSelectDocument instead. | ||
| */ | ||
| onRequestCompareFile?: (event: object) => void; | ||
| onRequestCreateNew?: (event: object) => void; | ||
| onRequestEditRights?: (event: object) => void; | ||
| onRequestHistory?: (event: object) => void; | ||
| onRequestHistoryClose?: (event: object) => void; | ||
| onRequestHistoryData?: (event: object) => void; | ||
| onRequestInsertImage?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use onRequestSelectSpreadsheet instead. | ||
| */ | ||
| onRequestMailMergeRecipients?: (event: object) => void; | ||
| onRequestOpen?: (event: object) => void; | ||
| onRequestReferenceData?: (event: object) => void; | ||
| onRequestReferenceSource?: (event: object) => void; | ||
| onRequestRename?: (event: object) => void; | ||
| onRequestRestore?: (event: object) => void; | ||
| onRequestSaveAs?: (event: object) => void; | ||
| onRequestSelectDocument?: (event: object) => void; | ||
| onRequestSelectSpreadsheet?: (event: object) => void; | ||
| onRequestSendNotify?: (event: object) => void; | ||
| onRequestSharingSettings?: (event: object) => void; | ||
| onRequestUsers?: (event: object) => void; | ||
| onWarning?: (event: object) => void; | ||
| }; | ||
| } | ||
| declare global { | ||
| interface Window { | ||
| DocsAPI?: any; | ||
| DocEditor?: any; | ||
| } | ||
| } | ||
| type DocumentEditorProps = { | ||
| id: string; | ||
| documentServerUrl: string; | ||
| config: IConfig; | ||
| document_fileType?: string; | ||
| document_title?: string; | ||
| documentType?: string; | ||
| editorConfig_lang?: string; | ||
| height?: string; | ||
| type?: string; | ||
| width?: string; | ||
| onLoadComponentError?: (errorCode: number, errorDescription: string) => void; | ||
| events_onAppReady?: (event: object) => void; | ||
| events_onDocumentStateChange?: (event: object) => void; | ||
| events_onMetaChange?: (event: object) => void; | ||
| events_onDocumentReady?: (event: object) => void; | ||
| events_onInfo?: (event: object) => void; | ||
| events_onWarning?: (event: object) => void; | ||
| events_onError?: (event: object) => void; | ||
| events_onRequestSharingSettings?: (event: object) => void; | ||
| events_onRequestRename?: (event: object) => void; | ||
| events_onMakeActionLink?: (event: object) => void; | ||
| events_onRequestInsertImage?: (event: object) => void; | ||
| events_onRequestSaveAs?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use events_onRequestSelectSpreadsheet instead. | ||
| */ | ||
| events_onRequestMailMergeRecipients?: (event: object) => void; | ||
| /** | ||
| * @deprecated Deprecated since version 7.5, please use onRequestSelectDocument instead. | ||
| */ | ||
| events_onRequestCompareFile?: (event: object) => void; | ||
| events_onRequestEditRights?: (event: object) => void; | ||
| events_onRequestHistory?: (event: object) => void; | ||
| events_onRequestHistoryClose?: (event: object) => void; | ||
| events_onRequestHistoryData?: (event: object) => void; | ||
| events_onRequestRestore?: (event: object) => void; | ||
| events_onRequestSelectSpreadsheet?: (event: object) => void; | ||
| events_onRequestSelectDocument?: (event: object) => void; | ||
| }; | ||
| declare const DocumentEditor: (props: DocumentEditorProps) => React.JSX.Element; | ||
| export { DocumentEditor }; |
+1
-1
| # Change Log | ||
| ## 1.4.0 | ||
| ## 1.4.1 | ||
| - improved load api.js | ||
@@ -5,0 +5,0 @@ - updated IConfig |
+1
-1
| { | ||
| "name": "@onlyoffice/document-editor-react", | ||
| "version": "1.4.0", | ||
| "version": "1.4.1", | ||
| "description": "React component for ONLYOFFICE Document Server", | ||
@@ -5,0 +5,0 @@ "license": "Apache-2.0", |
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Fixed alerts
Empty package
Supply chain riskPackage does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Improved metrics
- Total package byte prevSize
151326
522.66%- Number of package files
19
375%- Lines of code
1175
Infinity%- Number of medium supply chain risk alerts
1
-50%Worsened metrics
- Number of low quality alerts
2
Infinity%No dependency changes