@atlaskit/embedded-document 0.8.11 → 0.8.13

package/dist/es2019/consumers/consumer.js

@@ -5,46 +5,36 @@ import { Context } from '../context/context';
 export class Consumer extends PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "getPropsFromActions", actions => {
       const {
         actionsMapper
       } = this.props;
-
       if (actionsMapper) {
         if (!this.previousActions || !this.propsFromActions || this.previousActions !== actions) {
           this.propsFromActions = actionsMapper(actions);
         }
       }
-
       this.previousActions = actions;
       return this.propsFromActions;
     });
-
     _defineProperty(this, "getPropsFromState", state => {
       const {
         stateMapper
       } = this.props;
-
       if (stateMapper) {
         return stateMapper(state);
       }
-
       return undefined;
     });
-
     _defineProperty(this, "getRenderProps", renderProps => {
       const {
         renderPropsMapper
       } = this.props;
-
       if (renderPropsMapper) {
         return renderPropsMapper(renderProps);
       }
-
       return undefined;
     });
-
     _defineProperty(this, "renderChildren", ({
       actions,
       value,
@@ -54,9 +44,7 @@ export class Consumer extends PureComponent {
       return this.props.children(props);
     });
   }
-
   render() {
     return /*#__PURE__*/React.createElement(Context.Consumer, null, this.renderChildren);
   }
-
 }

package/dist/es2019/consumers/document-body.js

@@ -7,11 +7,9 @@ import { default as Document } from '../components/document';
 export default class DocumentBody extends PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "renderChild", props => {
       return /*#__PURE__*/React.createElement(Document, _extends({}, this.props, props));
     });
-
     _defineProperty(this, "stateMapper", state => {
       const {
         doc,
@@ -26,7 +24,6 @@ export default class DocumentBody extends PureComponent {
         mode
       };
     });
-
     _defineProperty(this, "renderPropsMapper", renderProps => {
       const {
         renderTitle,
@@ -38,12 +35,10 @@ export default class DocumentBody extends PureComponent {
       };
     });
   }
-
   render() {
     return /*#__PURE__*/React.createElement(Consumer, {
       stateMapper: this.stateMapper,
       renderPropsMapper: this.renderPropsMapper
     }, this.renderChild);
   }
-
 }

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

@@ -5,31 +5,24 @@ import { Consumer } from '../consumers/consumer';
 export default class WithDocumentActions extends PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "actionsMapper", actions => ({
       async createDocument(value) {
         return actions.createDocument(value);
       },
-
       async editDocument() {
         actions.setDocumentMode('edit');
       },
-
       async updateDocument(value) {
         return actions.updateDocument(value);
       },
-
       async cancelEdit() {
         actions.setDocumentMode('view');
       }
-
     }));
   }
-
   render() {
     return /*#__PURE__*/React.createElement(Consumer, {
       actionsMapper: this.actionsMapper
     }, this.props.render);
   }
-
 }

package/dist/es2019/context/context.js

@@ -1,7 +1,5 @@
 import { createContext } from 'react';
-
 const noop = () => {};
-
 export const Context = /*#__PURE__*/createContext({
   value: {},
   actions: {

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

@@ -25,7 +25,6 @@ const Content = styled.div`
 export default class EmbeddedDocument extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "getDocumentByObjectId", async (objectId, language) => {
       this.setState({
         isLoading: true
@@ -33,7 +32,6 @@ export default class EmbeddedDocument extends Component {
       const doc = await this.provider.getDocumentByObjectId(objectId, language);
       this.setDocumentState(doc);
     });
-
     _defineProperty(this, "getDocument", async (documentId, language) => {
       this.setState({
         isLoading: true
@@ -41,26 +39,21 @@ export default class EmbeddedDocument extends Component {
       const doc = await this.provider.getDocument(documentId, language);
       this.setDocumentState(doc);
     });
-
     _defineProperty(this, "setDocumentMode", async mode => {
       this.setState({
         mode
       });
     });
-
     _defineProperty(this, "updateDocument", async body => {
       const {
         documentId,
         objectId,
         language
       } = this.state.doc || this.props;
-
       if (!documentId) {
         return this.createDocument(body);
       }
-
       const doc = await this.provider.updateDocument(documentId, JSON.stringify(body), objectId, '', language);
-
       if (doc) {
         this.setState({
           doc,
@@ -75,14 +68,12 @@ export default class EmbeddedDocument extends Component {
         throw new Error('Failed to update document');
       }
     });
-
     _defineProperty(this, "createDocument", async body => {
       const {
         objectId,
         language
       } = this.props;
       const doc = await this.provider.createDocument(JSON.stringify(body), objectId, '', language);
-
       if (doc) {
         this.setState({
           doc,
@@ -97,7 +88,6 @@ export default class EmbeddedDocument extends Component {
         throw new Error('Failed to create document');
       }
     });
-
     _defineProperty(this, "setDocumentState", doc => {
       if (doc) {
         this.setState({
@@ -111,7 +101,6 @@ export default class EmbeddedDocument extends Component {
         });
       }
     });
-
     this.actions = {
       getDocument: this.getDocument,
       setDocumentMode: this.setDocumentMode,
@@ -125,21 +114,18 @@ export default class EmbeddedDocument extends Component {
       isLoading: true
     };
   }
-
   async componentDidMount() {
     const {
       documentId,
       language,
       objectId
     } = this.props;
-
     if (documentId) {
       await this.getDocument(documentId, language);
     } else {
       await this.getDocumentByObjectId(objectId, language);
     }
   }
-
   /**
    * Toolbar will only be rendered here if we're in "view"-mode.
    *
@@ -153,21 +139,18 @@ export default class EmbeddedDocument extends Component {
     const {
       renderToolbar
     } = this.props;
-
     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.
    */
-
-
   renderTitle() {
     const {
       mode,
@@ -176,26 +159,20 @@ export default class EmbeddedDocument extends Component {
     const {
       renderTitle
     } = this.props;
-
     if (mode !== 'view' || !renderTitle) {
       return;
     }
-
     return renderTitle(mode, doc);
   }
-
   renderContent() {
     const {
       mode
     } = this.state;
-
     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;
   }
-
   render() {
     const {
       renderTitle,
@@ -212,5 +189,4 @@ export default class EmbeddedDocument extends Component {
       }
     }, this.renderContent());
   }
-
 }

package/dist/es2019/provider/index.js

@@ -7,12 +7,10 @@ export const getProvider = ({
   if (provider) {
     return provider;
   }
-
   if (url) {
     return new ServiceProvider({
       url
     });
   }
-
   throw new Error('Missing provider');
 };

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

@@ -1,16 +1,13 @@
 import { utils } from '@atlaskit/util-service-support';
-
 function queryBuilder(data) {
   return Object.keys(data).map(key => {
     return [key, data[key]].map(encodeURIComponent).join('=');
   }).join('&');
 }
-
 export default class ServiceProvider {
   constructor(config) {
     this.config = config;
   }
-
   async getDocument(documentId, language) {
     try {
       const document = await utils.requestService(this.config, {
@@ -23,7 +20,6 @@ export default class ServiceProvider {
       return null;
     }
   }
-
   async getDocumentByObjectId(objectId, language) {
     try {
       const queryString = queryBuilder({
@@ -35,11 +31,9 @@ export default class ServiceProvider {
       const documents = await utils.requestService(this.config, {
         path: `document?${queryString}`
       });
-
       if (documents && documents.length) {
         return documents[0].language[language || 'default'].versions[0];
       }
-
       return null;
     } catch (err) {
       // eslint-disable-next-line no-console
@@ -47,7 +41,6 @@ export default class ServiceProvider {
       return null;
     }
   }
-
   async updateDocument(documentId, body, objectId, title, language) {
     try {
       const document = await utils.requestService(this.config, {
@@ -72,7 +65,6 @@ export default class ServiceProvider {
       return null;
     }
   }
-
   async createDocument(body, objectId, title, language) {
     try {
       const document = await utils.requestService(this.config, {
@@ -97,5 +89,4 @@ export default class ServiceProvider {
       return null;
     }
   }
-
 }

package/dist/es2019/version.json

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

package/dist/esm/components/document.js

@@ -4,36 +4,27 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 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 { Editor, EditorContext, WithEditorActions } from '@atlaskit/editor-core';
 import { ReactRenderer } from '@atlaskit/renderer';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 var emptyDoc = '{ "type": "doc", "version": 1, "content": [] }';
-
 var Document = /*#__PURE__*/function (_Component) {
   _inherits(Document, _Component);
-
   var _super = _createSuper(Document);
-
   function Document() {
     _classCallCheck(this, Document);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Document, [{
     key: "renderToolbar",
     value: function renderToolbar() {
       var _this$props = this.props,
-          mode = _this$props.mode,
-          renderToolbar = _this$props.renderToolbar;
-
+        mode = _this$props.mode,
+        renderToolbar = _this$props.renderToolbar;
       if (renderToolbar) {
         return /*#__PURE__*/React.createElement(WithEditorActions, {
           render: function render(actions) {
@@ -41,34 +32,29 @@ var Document = /*#__PURE__*/function (_Component) {
           }
         });
       }
-
       return;
     }
   }, {
     key: "renderTitle",
     value: function renderTitle() {
       var _this$props2 = this.props,
-          renderTitle = _this$props2.renderTitle,
-          mode = _this$props2.mode,
-          doc = _this$props2.doc;
-
+        renderTitle = _this$props2.renderTitle,
+        mode = _this$props2.mode,
+        doc = _this$props2.doc;
       if (renderTitle) {
         return renderTitle(mode, doc);
       }
-
       return;
     }
   }, {
     key: "renderEditor",
     value: function renderEditor() {
       var _this$props3 = this.props,
-          doc = _this$props3.doc,
-          editorProps = _this$props3.editorProps;
-
+        doc = _this$props3.doc,
+        editorProps = _this$props3.editorProps;
       var _ref = doc || {},
-          _ref$body = _ref.body,
-          body = _ref$body === void 0 ? emptyDoc : _ref$body;
-
+        _ref$body = _ref.body,
+        body = _ref$body === void 0 ? emptyDoc : _ref$body;
       return /*#__PURE__*/React.createElement(EditorContext, null, /*#__PURE__*/React.createElement(Editor, _extends({
         appearance: "full-page",
         placeholder: "Write something...",
@@ -81,47 +67,39 @@ var Document = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props4 = this.props,
-          doc = _this$props4.doc,
-          isLoading = _this$props4.isLoading,
-          hasError = _this$props4.hasError,
-          mode = _this$props4.mode,
-          editorProps = _this$props4.editorProps,
-          rendererProps = _this$props4.rendererProps;
-
+        doc = _this$props4.doc,
+        isLoading = _this$props4.isLoading,
+        hasError = _this$props4.hasError,
+        mode = _this$props4.mode,
+        editorProps = _this$props4.editorProps,
+        rendererProps = _this$props4.rendererProps;
       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:
           var _ref2 = doc || {},
-              _ref2$body = _ref2.body,
-              body = _ref2$body === void 0 ? emptyDoc : _ref2$body;
-
+            _ref2$body = _ref2.body,
+            body = _ref2$body === void 0 ? emptyDoc : _ref2$body;
           var dataProviders;
-
           if (editorProps) {
             var mentionProvider = editorProps.mentionProvider,
-                emojiProvider = editorProps.emojiProvider,
-                media = editorProps.media;
+              emojiProvider = editorProps.emojiProvider,
+              media = editorProps.media;
             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)
@@ -129,8 +107,6 @@ var Document = /*#__PURE__*/function (_Component) {
       }
     }
   }]);
-
   return Document;
 }(Component);
-
 export { Document as default };

package/dist/esm/components/toolbar.js

@@ -1,8 +1,6 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import ButtonGroup from '@atlaskit/button/button-group';
@@ -12,7 +10,7 @@ import WithDocumentActions from '../consumers/with-document-actions';
 var Toolbar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0 20px;\n  height: 80px;\n"])));
 export default (function (props) {
   var mode = props.mode,
-      editorActions = props.editorActions;
+    editorActions = props.editorActions;
   return /*#__PURE__*/React.createElement(WithDocumentActions, {
     render: function render(actions) {
       switch (mode) {
@@ -28,21 +26,17 @@ export default (function (props) {
                     case 0:
                       _context.next = 2;
                       return editorActions.getValue();
-
                     case 2:
                       value = _context.sent;
                       _context.prev = 3;
                       _context.next = 6;
                       return mode === 'create' ? actions.createDocument(value) : actions.updateDocument(value);
-
                     case 6:
                       _context.next = 10;
                       break;
-
                     case 8:
                       _context.prev = 8;
                       _context.t0 = _context["catch"](3);
-
                     case 10:
                     case "end":
                       return _context.stop();
@@ -56,7 +50,6 @@ export default (function (props) {
               return actions.cancelEdit();
             }
           }, "Close"));
-
         default:
           return /*#__PURE__*/React.createElement(Toolbar, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
             appearance: "primary",

package/dist/esm/consumers/consumer.js

@@ -5,80 +5,59 @@ 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 { Context } from '../context/context';
 export var Consumer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Consumer, _PureComponent);
-
   var _super = _createSuper(Consumer);
-
   function Consumer() {
     var _this;
-
     _classCallCheck(this, Consumer);
-
     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), "getPropsFromActions", function (actions) {
       var actionsMapper = _this.props.actionsMapper;
-
       if (actionsMapper) {
         if (!_this.previousActions || !_this.propsFromActions || _this.previousActions !== actions) {
           _this.propsFromActions = actionsMapper(actions);
         }
       }
-
       _this.previousActions = actions;
       return _this.propsFromActions;
     });
-
     _defineProperty(_assertThisInitialized(_this), "getPropsFromState", function (state) {
       var stateMapper = _this.props.stateMapper;
-
       if (stateMapper) {
         return stateMapper(state);
       }
-
       return undefined;
     });
-
     _defineProperty(_assertThisInitialized(_this), "getRenderProps", function (renderProps) {
       var renderPropsMapper = _this.props.renderPropsMapper;
-
       if (renderPropsMapper) {
         return renderPropsMapper(renderProps);
       }
-
       return undefined;
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderChildren", function (_ref) {
       var actions = _ref.actions,
-          value = _ref.value,
-          renderProps = _ref.renderProps;
+        value = _ref.value,
+        renderProps = _ref.renderProps;
       var props = Object.assign({}, _this.getPropsFromState(value), _this.getPropsFromActions(actions), _this.getRenderProps(renderProps));
       return _this.props.children(props);
     });
-
     return _this;
   }
-
   _createClass(Consumer, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(Context.Consumer, null, this.renderChildren);
     }
   }]);
-
   return Consumer;
 }(PureComponent);