@atlaskit/embedded-document 0.7.29

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

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _consumer = require("../consumers/consumer");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var WithDocumentActions = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(WithDocumentActions, _PureComponent);
+
+  var _super = _createSuper(WithDocumentActions);
+
+  function WithDocumentActions() {
+    var _this;
+
+    (0, _classCallCheck2.default)(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));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "actionsMapper", function (actions) {
+      return {
+        createDocument: function createDocument(value) {
+          return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+            return _regenerator.default.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 (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+            return _regenerator.default.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 (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+            return _regenerator.default.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 (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+            return _regenerator.default.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;
+  }
+
+  (0, _createClass2.default)(WithDocumentActions, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_consumer.Consumer, {
+        actionsMapper: this.actionsMapper
+      }, this.props.render);
+    }
+  }]);
+  return WithDocumentActions;
+}(_react.PureComponent);
+
+exports.default = WithDocumentActions;

package/dist/cjs/context/context.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Context = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = require("react");
+
+var noop = function noop() {};
+
+var Context = /*#__PURE__*/(0, _react.createContext)({
+  value: {},
+  actions: {
+    getDocument: noop,
+    getDocumentByObjectId: noop,
+    setDocumentMode: noop,
+    updateDocument: function () {
+      var _updateDocument = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        return _regenerator.default.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 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+        return _regenerator.default.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: {}
+});
+exports.Context = Context;

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

@@ -0,0 +1,396 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.akEditorFullPageMaxWidth = void 0;
+
+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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _context7 = require("./context");
+
+var _provider = require("../provider");
+
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+
+var _templateObject;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var akEditorFullPageMaxWidth = 680;
+exports.akEditorFullPageMaxWidth = akEditorFullPageMaxWidth;
+
+var Content = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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 + _editorSharedStyles.akEditorGutterPadding * 2);
+
+var EmbeddedDocument = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(EmbeddedDocument, _Component);
+
+  var _super = _createSuper(EmbeddedDocument);
+
+  function EmbeddedDocument(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, EmbeddedDocument);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getDocumentByObjectId", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(objectId, language) {
+        var doc;
+        return _regenerator.default.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);
+      };
+    }());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getDocument", /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(documentId, language) {
+        var doc;
+        return _regenerator.default.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);
+      };
+    }());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setDocumentMode", /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(mode) {
+        return _regenerator.default.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);
+      };
+    }());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateDocument", /*#__PURE__*/function () {
+      var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(body) {
+        var _ref5, documentId, objectId, language, doc;
+
+        return _regenerator.default.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);
+      };
+    }());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createDocument", /*#__PURE__*/function () {
+      var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(body) {
+        var _this$props, objectId, language, doc;
+
+        return _regenerator.default.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);
+      };
+    }());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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 = (0, _provider.getProvider)(props);
+    _this.state = {
+      mode: props.mode || 'view',
+      isLoading: true
+    };
+    return _this;
+  }
+
+  (0, _createClass2.default)(EmbeddedDocument, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+        var _this$props2, documentId, language, objectId;
+
+        return _regenerator.default.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.default.createElement(_react.default.Fragment, null, this.renderToolbar(), /*#__PURE__*/_react.default.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.default.createElement(_context7.Context.Provider, {
+        value: {
+          value: this.state,
+          actions: this.actions,
+          renderProps: {
+            renderTitle: renderTitle,
+            renderToolbar: renderToolbar
+          }
+        }
+      }, this.renderContent());
+    }
+  }]);
+  return EmbeddedDocument;
+}(_react.Component);
+
+exports.default = EmbeddedDocument;