@atlaskit/embedded-document 0.7.29

package/dist/cjs/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EmbeddedDocument", {
+  enumerable: true,
+  get: function get() {
+    return _embeddedDocument.default;
+  }
+});
+Object.defineProperty(exports, "DocumentBody", {
+  enumerable: true,
+  get: function get() {
+    return _documentBody.default;
+  }
+});
+Object.defineProperty(exports, "WithDocumentActions", {
+  enumerable: true,
+  get: function get() {
+    return _withDocumentActions.default;
+  }
+});
+Object.defineProperty(exports, "ServiceProvider", {
+  enumerable: true,
+  get: function get() {
+    return _serviceProvider.default;
+  }
+});
+Object.defineProperty(exports, "Toolbar", {
+  enumerable: true,
+  get: function get() {
+    return _toolbar.default;
+  }
+});
+
+var _embeddedDocument = _interopRequireDefault(require("./context/embedded-document"));
+
+var _documentBody = _interopRequireDefault(require("./consumers/document-body"));
+
+var _withDocumentActions = _interopRequireDefault(require("./consumers/with-document-actions"));
+
+var _serviceProvider = _interopRequireDefault(require("./provider/service-provider"));
+
+var _toolbar = _interopRequireDefault(require("./components/toolbar"));

package/dist/cjs/model/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/provider/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ServiceProvider", {
+  enumerable: true,
+  get: function get() {
+    return _serviceProvider.default;
+  }
+});
+exports.getProvider = void 0;
+
+var _serviceProvider = _interopRequireDefault(require("./service-provider"));
+
+var getProvider = function getProvider(_ref) {
+  var provider = _ref.provider,
+      url = _ref.url;
+
+  if (provider) {
+    return provider;
+  }
+
+  if (url) {
+    return new _serviceProvider.default({
+      url: url
+    });
+  }
+
+  throw new Error('Missing provider');
+};
+
+exports.getProvider = getProvider;

package/dist/cjs/provider/provider.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/provider/service-provider.js

@@ -0,0 +1,240 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _utilServiceSupport = require("@atlaskit/util-service-support");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function queryBuilder(data) {
+  return Object.keys(data).map(function (key) {
+    return [key, data[key]].map(encodeURIComponent).join('=');
+  }).join('&');
+}
+
+var ServiceProvider = /*#__PURE__*/function () {
+  function ServiceProvider(config) {
+    (0, _classCallCheck2.default)(this, ServiceProvider);
+    this.config = config;
+  }
+
+  (0, _createClass2.default)(ServiceProvider, [{
+    key: "getDocument",
+    value: function () {
+      var _getDocument = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(documentId, language) {
+        var document;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return _utilServiceSupport.utils.requestService(this.config, {
+                  path: "document/".concat(documentId, "/").concat(language || '')
+                });
+
+              case 3:
+                document = _context.sent;
+                return _context.abrupt("return", document);
+
+              case 7:
+                _context.prev = 7;
+                _context.t0 = _context["catch"](0);
+                // eslint-disable-next-line no-console
+                console.warn("Failed to get document: ".concat(JSON.stringify(_context.t0)));
+                return _context.abrupt("return", null);
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this, [[0, 7]]);
+      }));
+
+      function getDocument(_x, _x2) {
+        return _getDocument.apply(this, arguments);
+      }
+
+      return getDocument;
+    }()
+  }, {
+    key: "getDocumentByObjectId",
+    value: function () {
+      var _getDocumentByObjectId = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(objectId, language) {
+        var queryString, documents;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+                queryString = queryBuilder(_objectSpread({
+                  objectId: objectId
+                }, language ? {
+                  language: language
+                } : {}));
+                _context2.next = 4;
+                return _utilServiceSupport.utils.requestService(this.config, {
+                  path: "document?".concat(queryString)
+                });
+
+              case 4:
+                documents = _context2.sent;
+
+                if (!(documents && documents.length)) {
+                  _context2.next = 7;
+                  break;
+                }
+
+                return _context2.abrupt("return", documents[0].language[language || 'default'].versions[0]);
+
+              case 7:
+                return _context2.abrupt("return", null);
+
+              case 10:
+                _context2.prev = 10;
+                _context2.t0 = _context2["catch"](0);
+                // eslint-disable-next-line no-console
+                console.warn("Failed to get document: ".concat(JSON.stringify(_context2.t0)));
+                return _context2.abrupt("return", null);
+
+              case 14:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[0, 10]]);
+      }));
+
+      function getDocumentByObjectId(_x3, _x4) {
+        return _getDocumentByObjectId.apply(this, arguments);
+      }
+
+      return getDocumentByObjectId;
+    }()
+  }, {
+    key: "updateDocument",
+    value: function () {
+      var _updateDocument = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(documentId, body, objectId, title, language) {
+        var document;
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.prev = 0;
+                _context3.next = 3;
+                return _utilServiceSupport.utils.requestService(this.config, {
+                  path: "document/".concat(documentId),
+                  requestInit: {
+                    headers: {
+                      'Content-Type': 'application/json'
+                    },
+                    method: 'PUT',
+                    body: JSON.stringify({
+                      body: body,
+                      objectId: objectId,
+                      title: title,
+                      language: language
+                    })
+                  }
+                });
+
+              case 3:
+                document = _context3.sent;
+                return _context3.abrupt("return", document);
+
+              case 7:
+                _context3.prev = 7;
+                _context3.t0 = _context3["catch"](0);
+                // eslint-disable-next-line no-console
+                console.warn("Failed to update document: ".concat(JSON.stringify(_context3.t0)));
+                return _context3.abrupt("return", null);
+
+              case 11:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this, [[0, 7]]);
+      }));
+
+      function updateDocument(_x5, _x6, _x7, _x8, _x9) {
+        return _updateDocument.apply(this, arguments);
+      }
+
+      return updateDocument;
+    }()
+  }, {
+    key: "createDocument",
+    value: function () {
+      var _createDocument = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(body, objectId, title, language) {
+        var document;
+        return _regenerator.default.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.prev = 0;
+                _context4.next = 3;
+                return _utilServiceSupport.utils.requestService(this.config, {
+                  path: "document",
+                  requestInit: {
+                    headers: {
+                      'Content-Type': 'application/json'
+                    },
+                    method: 'POST',
+                    body: JSON.stringify({
+                      body: body,
+                      objectId: objectId,
+                      title: title,
+                      language: language
+                    })
+                  }
+                });
+
+              case 3:
+                document = _context4.sent;
+                return _context4.abrupt("return", document);
+
+              case 7:
+                _context4.prev = 7;
+                _context4.t0 = _context4["catch"](0);
+                // eslint-disable-next-line no-console
+                console.warn("Failed to update document: ".concat(JSON.stringify(_context4.t0)));
+                return _context4.abrupt("return", null);
+
+              case 11:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this, [[0, 7]]);
+      }));
+
+      function createDocument(_x10, _x11, _x12, _x13) {
+        return _createDocument.apply(this, arguments);
+      }
+
+      return createDocument;
+    }()
+  }]);
+  return ServiceProvider;
+}();
+
+exports.default = ServiceProvider;

package/dist/cjs/version.json

@@ -0,0 +1,5 @@
+{
+	"name": "@atlaskit/embedded-document",
+	"version": "0.7.29",
+	"sideEffects": false
+}

package/dist/es2019/components/document.js

@@ -0,0 +1,107 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Component } from 'react';
+import { Editor, EditorContext, WithEditorActions } from '@atlaskit/editor-core';
+import { ReactRenderer } from '@atlaskit/renderer';
+import { ProviderFactory } from '@atlaskit/editor-common';
+const emptyDoc = '{ "type": "doc", "version": 1, "content": [] }';
+export default class Document extends Component {
+  renderToolbar() {
+    const {
+      mode,
+      renderToolbar
+    } = this.props;
+
+    if (renderToolbar) {
+      return /*#__PURE__*/React.createElement(WithEditorActions, {
+        render: actions => renderToolbar(mode, actions)
+      });
+    }
+
+    return;
+  }
+
+  renderTitle() {
+    const {
+      renderTitle,
+      mode,
+      doc
+    } = this.props;
+
+    if (renderTitle) {
+      return renderTitle(mode, doc);
+    }
+
+    return;
+  }
+
+  renderEditor() {
+    const {
+      doc,
+      editorProps
+    } = this.props;
+    const {
+      body = emptyDoc
+    } = doc || {};
+    return /*#__PURE__*/React.createElement(EditorContext, null, /*#__PURE__*/React.createElement(Editor, _extends({
+      appearance: "full-page",
+      placeholder: "Write something...",
+      defaultValue: body,
+      primaryToolbarComponents: this.renderToolbar(),
+      contentComponents: this.renderTitle()
+    }, editorProps)));
+  }
+
+  render() {
+    const {
+      doc,
+      isLoading,
+      hasError,
+      mode,
+      editorProps,
+      rendererProps
+    } = this.props;
+
+    if (hasError) {
+      return /*#__PURE__*/React.createElement("div", null, "Something went wrong \uD83D\uDE14");
+    }
+
+    if (isLoading) {
+      return /*#__PURE__*/React.createElement("div", null, "Loading document... \uD83D\uDC28");
+    }
+
+    switch (mode) {
+      case 'create':
+      case 'edit':
+        return this.renderEditor();
+
+      default:
+        const {
+          body = emptyDoc
+        } = doc || {};
+        let dataProviders;
+
+        if (editorProps) {
+          const {
+            mentionProvider,
+            emojiProvider,
+            media
+          } = editorProps;
+          dataProviders = ProviderFactory.create({
+            mentionProvider: mentionProvider,
+            emojiProvider: emojiProvider
+          });
+
+          if (media && media.provider) {
+            dataProviders.setProvider('mediaProvider', media.provider);
+          }
+        }
+
+        return /*#__PURE__*/React.createElement(ReactRenderer, _extends({
+          dataProviders: dataProviders,
+          document: JSON.parse(body)
+        }, rendererProps));
+    }
+  }
+
+}