@atlaskit/embedded-document 0.7.29

package/dist/esm/consumers/with-document-actions.js

@@ -0,0 +1,119 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import { PureComponent } from 'react';
+import { Consumer } from '../consumers/consumer';
+
+var WithDocumentActions = /*#__PURE__*/function (_PureComponent) {
+  _inherits(WithDocumentActions, _PureComponent);
+
+  var _super = _createSuper(WithDocumentActions);
+
+  function WithDocumentActions() {
+    var _this;
+
+    _classCallCheck(this, WithDocumentActions);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "actionsMapper", function (actions) {
+      return {
+        createDocument: function createDocument(value) {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    return _context.abrupt("return", actions.createDocument(value));
+
+                  case 1:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }))();
+        },
+        editDocument: function editDocument() {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+            return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    actions.setDocumentMode('edit');
+
+                  case 1:
+                  case "end":
+                    return _context2.stop();
+                }
+              }
+            }, _callee2);
+          }))();
+        },
+        updateDocument: function updateDocument(value) {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+            return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+              while (1) {
+                switch (_context3.prev = _context3.next) {
+                  case 0:
+                    return _context3.abrupt("return", actions.updateDocument(value));
+
+                  case 1:
+                  case "end":
+                    return _context3.stop();
+                }
+              }
+            }, _callee3);
+          }))();
+        },
+        cancelEdit: function cancelEdit() {
+          return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+            return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+              while (1) {
+                switch (_context4.prev = _context4.next) {
+                  case 0:
+                    actions.setDocumentMode('view');
+
+                  case 1:
+                  case "end":
+                    return _context4.stop();
+                }
+              }
+            }, _callee4);
+          }))();
+        }
+      };
+    });
+
+    return _this;
+  }
+
+  _createClass(WithDocumentActions, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(Consumer, {
+        actionsMapper: this.actionsMapper
+      }, this.props.render);
+    }
+  }]);
+
+  return WithDocumentActions;
+}(PureComponent);
+
+export { WithDocumentActions as default };

package/dist/esm/context/context.js

@@ -0,0 +1,59 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { createContext } from 'react';
+
+var noop = function noop() {};
+
+export var Context = /*#__PURE__*/createContext({
+  value: {},
+  actions: {
+    getDocument: noop,
+    getDocumentByObjectId: noop,
+    setDocumentMode: noop,
+    updateDocument: function () {
+      var _updateDocument = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                throw new Error('Not implemented.');
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function updateDocument() {
+        return _updateDocument.apply(this, arguments);
+      }
+
+      return updateDocument;
+    }(),
+    createDocument: function () {
+      var _createDocument = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                throw new Error('Not implemented.');
+
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      function createDocument() {
+        return _createDocument.apply(this, arguments);
+      }
+
+      return createDocument;
+    }()
+  },
+  renderProps: {}
+});

package/dist/esm/context/embedded-document.js

@@ -0,0 +1,375 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import { Component } from 'react';
+import styled from 'styled-components';
+import { Context } from './context';
+import { getProvider } from '../provider';
+import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
+export var akEditorFullPageMaxWidth = 680;
+var Content = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: 24px;\n  height: 100%;\n  width: 100%;\n  max-width: ", "px;\n  padding-top: 50px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  padding-bottom: 55px;\n\n  & > * {\n    padding: 0 32px;\n  }\n"])), akEditorFullPageMaxWidth + akEditorGutterPadding * 2);
+
+var EmbeddedDocument = /*#__PURE__*/function (_Component) {
+  _inherits(EmbeddedDocument, _Component);
+
+  var _super = _createSuper(EmbeddedDocument);
+
+  function EmbeddedDocument(props) {
+    var _this;
+
+    _classCallCheck(this, EmbeddedDocument);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "getDocumentByObjectId", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(objectId, language) {
+        var doc;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this.setState({
+                  isLoading: true
+                });
+
+                _context.next = 3;
+                return _this.provider.getDocumentByObjectId(objectId, language);
+
+              case 3:
+                doc = _context.sent;
+
+                _this.setDocumentState(doc);
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x, _x2) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+
+    _defineProperty(_assertThisInitialized(_this), "getDocument", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(documentId, language) {
+        var doc;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _this.setState({
+                  isLoading: true
+                });
+
+                _context2.next = 3;
+                return _this.provider.getDocument(documentId, language);
+
+              case 3:
+                doc = _context2.sent;
+
+                _this.setDocumentState(doc);
+
+              case 5:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function (_x3, _x4) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+
+    _defineProperty(_assertThisInitialized(_this), "setDocumentMode", /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(mode) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _this.setState({
+                  mode: mode
+                });
+
+              case 1:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      }));
+
+      return function (_x5) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+
+    _defineProperty(_assertThisInitialized(_this), "updateDocument", /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(body) {
+        var _ref5, documentId, objectId, language, doc;
+
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _ref5 = _this.state.doc || _this.props, documentId = _ref5.documentId, objectId = _ref5.objectId, language = _ref5.language;
+
+                if (documentId) {
+                  _context4.next = 3;
+                  break;
+                }
+
+                return _context4.abrupt("return", _this.createDocument(body));
+
+              case 3:
+                _context4.next = 5;
+                return _this.provider.updateDocument(documentId, JSON.stringify(body), objectId, '', language);
+
+              case 5:
+                doc = _context4.sent;
+
+                if (!doc) {
+                  _context4.next = 11;
+                  break;
+                }
+
+                _this.setState({
+                  doc: doc,
+                  mode: 'view'
+                });
+
+                return _context4.abrupt("return", doc);
+
+              case 11:
+                _this.setState({
+                  hasError: true,
+                  mode: 'view'
+                });
+
+                throw new Error('Failed to update document');
+
+              case 13:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      }));
+
+      return function (_x6) {
+        return _ref4.apply(this, arguments);
+      };
+    }());
+
+    _defineProperty(_assertThisInitialized(_this), "createDocument", /*#__PURE__*/function () {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(body) {
+        var _this$props, objectId, language, doc;
+
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                _this$props = _this.props, objectId = _this$props.objectId, language = _this$props.language;
+                _context5.next = 3;
+                return _this.provider.createDocument(JSON.stringify(body), objectId, '', language);
+
+              case 3:
+                doc = _context5.sent;
+
+                if (!doc) {
+                  _context5.next = 9;
+                  break;
+                }
+
+                _this.setState({
+                  doc: doc,
+                  mode: 'view'
+                });
+
+                return _context5.abrupt("return", doc);
+
+              case 9:
+                _this.setState({
+                  hasError: true,
+                  mode: 'view'
+                });
+
+                throw new Error('Failed to create document');
+
+              case 11:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5);
+      }));
+
+      return function (_x7) {
+        return _ref6.apply(this, arguments);
+      };
+    }());
+
+    _defineProperty(_assertThisInitialized(_this), "setDocumentState", function (doc) {
+      if (doc) {
+        _this.setState({
+          isLoading: false,
+          doc: doc
+        });
+      } else {
+        _this.setState({
+          isLoading: false,
+          mode: 'edit'
+        });
+      }
+    });
+
+    _this.actions = {
+      getDocument: _this.getDocument,
+      setDocumentMode: _this.setDocumentMode,
+      updateDocument: _this.updateDocument,
+      createDocument: _this.createDocument,
+      getDocumentByObjectId: _this.getDocumentByObjectId
+    };
+    _this.provider = getProvider(props);
+    _this.state = {
+      mode: props.mode || 'view',
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(EmbeddedDocument, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+        var _this$props2, documentId, language, objectId;
+
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                _this$props2 = this.props, documentId = _this$props2.documentId, language = _this$props2.language, objectId = _this$props2.objectId;
+
+                if (!documentId) {
+                  _context6.next = 6;
+                  break;
+                }
+
+                _context6.next = 4;
+                return this.getDocument(documentId, language);
+
+              case 4:
+                _context6.next = 8;
+                break;
+
+              case 6:
+                _context6.next = 8;
+                return this.getDocumentByObjectId(objectId, language);
+
+              case 8:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6, this);
+      }));
+
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
+  }, {
+    key: "renderToolbar",
+    value:
+    /**
+     * Toolbar will only be rendered here if we're in "view"-mode.
+     *
+     * In all other modes, the toolbar rendering will be triggered
+     * by the Document-component.
+     */
+    function renderToolbar() {
+      var mode = this.state.mode;
+      var renderToolbar = this.props.renderToolbar;
+
+      if (mode !== 'view' || !renderToolbar) {
+        return;
+      }
+
+      return renderToolbar(mode);
+    }
+    /**
+     * Title will only be rendered here if we're in "view"-mode.
+     *
+     * In all other modes, the title rendering will be triggered
+     * by the Document-component.
+     */
+
+  }, {
+    key: "renderTitle",
+    value: function renderTitle() {
+      var _this$state = this.state,
+          mode = _this$state.mode,
+          doc = _this$state.doc;
+      var renderTitle = this.props.renderTitle;
+
+      if (mode !== 'view' || !renderTitle) {
+        return;
+      }
+
+      return renderTitle(mode, doc);
+    }
+  }, {
+    key: "renderContent",
+    value: function renderContent() {
+      var mode = this.state.mode;
+
+      if (mode === 'view') {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderToolbar(), /*#__PURE__*/React.createElement(Content, null, this.renderTitle(), this.props.children));
+      }
+
+      return this.props.children;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          renderTitle = _this$props3.renderTitle,
+          renderToolbar = _this$props3.renderToolbar;
+      return /*#__PURE__*/React.createElement(Context.Provider, {
+        value: {
+          value: this.state,
+          actions: this.actions,
+          renderProps: {
+            renderTitle: renderTitle,
+            renderToolbar: renderToolbar
+          }
+        }
+      }, this.renderContent());
+    }
+  }]);
+
+  return EmbeddedDocument;
+}(Component);
+
+export { EmbeddedDocument as default };