@atlaskit/renderer 105.1.1 → 106.0.0

package/dist/es2019/react/nodes/index.js

@@ -21,116 +21,97 @@ import TableRow from './tableRow';
 import UnknownBlock from './unknownBlock';
 import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
 const WindowedCodeBlock = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_WindowedCodeBlock" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_WindowedCodeBlock" */
   './codeBlock/windowedCodeBlock').then(mod => mod.default),
   loading: () => null
 });
 const CodeBlock = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_CodeBlock" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_CodeBlock" */
   './codeBlock/codeBlock').then(mod => mod.default),
   loading: () => null
 });
 const TaskList = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_TaskList" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_TaskList" */
   './taskList').then(mod => mod.default),
   loading: () => null
 });
 const TaskItem = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_TaskItem" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_TaskItem" */
   './taskItem').then(mod => mod.default),
   loading: () => null
 });
 const DecisionList = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_DecisionList" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_DecisionList" */
   './decisionList').then(mod => mod.default),
   loading: () => null
 });
 const DecisionItem = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_DecisionItem" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_DecisionItem" */
   './decisionItem').then(mod => mod.default),
   loading: () => null
 });
 const Date = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_Date" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_Date" */
   './date').then(mod => mod.default),
   loading: () => null
 });
 const Status = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_Status" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_Status" */
   './status').then(mod => mod.default),
   loading: () => null
 });
 const Emoji = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_Emoji" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_Emoji" */
   './emoji').then(mod => mod.default),
   loading: () => null
 });
 const Panel = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_Panel" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_Panel" */
   './panel').then(mod => mod.default),
   loading: () => null
 });
 const EmbedCard = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_EmbedCard" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_EmbedCard" */
   './embedCard').then(mod => mod.default),
   loading: () => null
 });
 const InlineCard = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_InlineCard" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_InlineCard" */
   './inlineCard').then(mod => mod.default),
   loading: () => null
 });
 const BlockCard = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_BlockCard" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_BlockCard" */
   './blockCard').then(mod => mod.default),
   loading: () => null
 });
 const Media = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_Media" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_Media" */
   './media').then(mod => mod.default),
   loading: () => null
 });
 const MediaGroup = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_MediaGroup" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_MediaGroup" */
   './mediaGroup').then(mod => mod.default),
   loading: () => null
 });
 const MediaInline = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_MediaInline" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_MediaInline" */
   './mediaInline').then(mod => mod.default),
   loading: () => null
 });
 const MediaSingle = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_MediaSingle" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_MediaSingle" */
   './mediaSingle').then(mod => mod.default),
   loading: () => null
 });
 const Mention = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_Mention" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_Mention" */
   './mention').then(mod => mod.default),
   loading: () => null
 });
 const Expand = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_renderer-node_Expand" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_Expand" */
   '../../ui/Expand').then(mod => mod.default),
   loading: () => null
 });
@@ -181,22 +162,20 @@ export const toReact = (node, flags, nodeComponents) => {
   if (node.type.name === 'doc' && (flags === null || flags === void 0 ? void 0 : flags.allowSelectAllTrap) === true) {
     return DocWithSelectAllTrap;
   }
-
   if (node.type.name === 'codeBlock') {
     if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
       return WindowedCodeBlock;
     }
-
     return CodeBlock;
-  } // Allowing custom components to override those provided in nodeToReact
-
+  }
 
-  const nodes = { ...nodeToReact,
+  // Allowing custom components to override those provided in nodeToReact
+  const nodes = {
+    ...nodeToReact,
     ...nodeComponents
   };
   return nodes[node.type.name];
 };
-
 /*
  *  Wraps adjacent textnodes in a textWrapper
  *
@@ -244,9 +223,9 @@ export const mergeTextNodes = nodes => {
     if (!isText(current.type.name)) {
       acc.push(current);
       return acc;
-    } // Append node to previous node, if it was a text wrapper
-
+    }
 
+    // Append node to previous node, if it was a text wrapper
     if (acc.length > 0 && isTextWrapper(acc[acc.length - 1])) {
       const textWrapper = acc[acc.length - 1];
       textWrapper.content.push(current);
@@ -260,7 +239,6 @@ export const mergeTextNodes = nodes => {
         nodeSize: current.nodeSize
       });
     }
-
     return acc;
   }, []);
 };
@@ -274,57 +252,46 @@ export function isTextNode(node) {
   return node.type.name === 'text';
 }
 const whitespaceRegex = /^\s*$/;
+
 /**
  * Detects whether a fragment contains a single paragraph node
  * whose content satisfies the condition for an emoji block
  */
-
 export const isEmojiDoc = doc => {
   if (doc.childCount !== 1) {
     return false;
   }
-
   const parentNodes = [];
   doc.forEach(child => parentNodes.push(child));
   const node = parentNodes[0];
   return node.type.name === 'paragraph' && isEmojiBlock(node.content);
 };
-
 const isEmojiBlock = pnode => {
-  const content = []; // Optimisation for long documents - worst case block will be space-emoji-space
-
+  const content = [];
+  // Optimisation for long documents - worst case block will be space-emoji-space
   if (pnode.childCount > 7) {
     return false;
   }
-
   pnode.forEach(child => content.push(child));
   let emojiCount = 0;
-
   for (let i = 0; i < content.length; ++i) {
     const node = content[i];
-
     switch (node.type.name) {
       case 'text':
         if (node.text && !node.text.match(whitespaceRegex)) {
           return false;
         }
-
         continue;
-
       case 'emoji':
         if (++emojiCount > 3) {
           return false;
         }
-
         continue;
-
       default:
         // Only text and emoji nodes are allowed
         return false;
     }
   }
-
   return emojiCount > 0;
 };
-
 export { Blockquote, BodiedExtension, BulletList, BlockCard, Caption, CodeBlock, WindowedCodeBlock, Date, DecisionItem, DecisionList, Doc, DocWithSelectAllTrap, Emoji, Extension, Expand, HardBreak, Heading, ListItem, InlineCard, InlineExtension, LayoutSection, LayoutColumn, Media, MediaGroup, MediaInline, MediaSingle, Mention, OrderedList, Panel, Paragraph, Placeholder, Rule, Status, TaskItem, TaskList, Table, TableCell, TableRow, UnknownBlock, EmbedCard };

package/dist/es2019/react/nodes/inline.js

@@ -4,10 +4,8 @@ export default function Inline(props) {
     children
   } = props;
   const childCount = React.Children.toArray(children).length;
-
   if (!childCount) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0");
   }
-
   return children;
 }

package/dist/es2019/react/nodes/inlineCard.js

@@ -7,7 +7,6 @@ import { CardErrorBoundary } from './fallback';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
 import { useFeatureFlags } from '../../use-feature-flags';
-
 const InlineCard = props => {
   const {
     url,
@@ -28,7 +27,6 @@ const InlineCard = props => {
     showAuthTooltip,
     ssr
   } = smartLinks || {};
-
   if (ssr && url) {
     return /*#__PURE__*/React.createElement(CardSSR, {
       appearance: "inline",
@@ -36,7 +34,6 @@ const InlineCard = props => {
       showAuthTooltip: showAuthTooltip
     });
   }
-
   return /*#__PURE__*/React.createElement("span", {
     "data-inline-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,
@@ -52,10 +49,8 @@ const InlineCard = props => {
       if (!data.url || !data.title) {
         return;
       }
-
       props.smartCardStorage.set(data.url, data.title);
     }
   }))));
 };
-
 export default withSmartCardStorage(InlineCard);

package/dist/es2019/react/nodes/inlineExtension.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ExtensionRenderer from '../../ui/ExtensionRenderer';
-
 const InlineExtension = props => {
   const {
     text
@@ -18,13 +17,11 @@ const InlineExtension = props => {
       }
     } catch (e) {
       /** We don't want this error to block renderer */
-
       /** We keep rendering the default content */
-    } // Always return default content if anything goes wrong
-
+    }
 
+    // Always return default content if anything goes wrong
     return /*#__PURE__*/React.createElement("span", null, text || 'inlineExtension');
   });
 };
-
 export default InlineExtension;

package/dist/es2019/react/nodes/media.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { PureComponent } from 'react';
@@ -14,7 +13,6 @@ import { MODE, PLATFORM } from '../../analytics/events';
 export default class Media extends PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "renderCard", (providers = {}) => {
       const {
         mediaProvider,
@@ -51,14 +49,12 @@ export default class Media extends PureComponent {
         css: mediaLinkStyle
       }, mediaComponent) : mediaComponent;
     });
-
     _defineProperty(this, "handleMediaLinkClick", event => {
       const {
         fireAnalyticsEvent,
         isLinkMark,
         marks
       } = this.props;
-
       if (fireAnalyticsEvent) {
         fireAnalyticsEvent({
           action: ACTION.VISITED,
@@ -71,32 +67,26 @@ export default class Media extends PureComponent {
           }
         });
       }
-
       const linkMark = this.props.marks.find(this.props.isLinkMark);
       const linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
       const handler = getEventHandler(this.props.eventHandlers, 'link');
-
       if (handler) {
         const linkMark = marks.find(isLinkMark);
         handler(event, linkMark && linkHref);
       }
     });
   }
-
   render() {
     const {
       providers
     } = this.props;
-
     if (!providers) {
       return this.renderCard();
     }
-
     return jsx(WithProviders, {
       providers: ['mediaProvider', 'contextIdentifierProvider'],
       providerFactory: providers,
       renderNode: this.renderCard
     });
   }
-
 }

package/dist/es2019/react/nodes/mediaGroup.js

@@ -6,18 +6,15 @@ import { FilmstripView } from '@atlaskit/media-filmstrip';
 export default class MediaGroup extends PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       animate: false,
       offset: 0
     });
-
     _defineProperty(this, "handleSize", ({
       offset
     }) => this.setState({
       offset
     }));
-
     _defineProperty(this, "handleScroll", ({
       animate,
       offset
@@ -25,7 +22,6 @@ export default class MediaGroup extends PureComponent {
       animate,
       offset
     }));
-
     _defineProperty(this, "onMediaClick", (cardClickHandler, child, surroundingItems) => (event, analyticsEvent) => {
       const surroundings = {
         collectionName: child.props.collection,
@@ -34,35 +30,28 @@ export default class MediaGroup extends PureComponent {
       cardClickHandler(event, surroundings, analyticsEvent);
     });
   }
-
   render() {
     const numChildren = React.Children.count(this.props.children);
     let content;
-
     if (numChildren === 1) {
       const card = React.Children.toArray(this.props.children)[0];
-
       switch (card.props.type) {
         case 'file':
           content = this.renderSingleFile(card);
           break;
-
         case 'link':
           content = null;
           break;
-
         default:
           content = this.renderSingleLink(card);
       }
     } else {
       content = this.renderStrip();
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: "MediaGroup"
     }, content);
   }
-
   renderSingleFile(child) {
     return /*#__PURE__*/React.cloneElement(child, {
       resizeMode: 'stretchy-fit',
@@ -72,20 +61,19 @@ export default class MediaGroup extends PureComponent {
       enableDownloadButton: this.props.enableDownloadButton
     });
   }
-
   renderSingleLink(child) {
     return /*#__PURE__*/React.cloneElement(child, {
       appearance: 'auto',
       featureFlags: this.props.featureFlags
     });
   }
-
   cloneFileCard(child, surroundingItems) {
     const cardClickHandler = this.props && this.props.eventHandlers && this.props.eventHandlers.media && this.props.eventHandlers.media.onClick;
     const onClick = cardClickHandler ? this.onMediaClick(cardClickHandler, child, surroundingItems) : undefined;
     return /*#__PURE__*/React.cloneElement(child, {
       useInlinePlayer: false,
-      eventHandlers: { ...child.props.eventHandlers,
+      eventHandlers: {
+        ...child.props.eventHandlers,
         media: {
           onClick
         }
@@ -94,7 +82,6 @@ export default class MediaGroup extends PureComponent {
       enableDownloadButton: this.props.enableDownloadButton
     });
   }
-
   renderStrip() {
     const {
       children
@@ -111,14 +98,11 @@ export default class MediaGroup extends PureComponent {
       onScroll: this.handleScroll
     }, React.Children.map(children, rawChild => {
       const child = rawChild;
-
       switch (child.props.type) {
         case 'file':
           return this.cloneFileCard(child, surroundingItems);
-
         case 'link':
           return null;
-
         default:
           return /*#__PURE__*/React.cloneElement(child, {
             featureFlags: this.props.featureFlags,
@@ -127,7 +111,6 @@ export default class MediaGroup extends PureComponent {
       }
     }));
   }
-
   mapMediaPropsToIdentifier({
     id,
     type,
@@ -142,10 +125,8 @@ export default class MediaGroup extends PureComponent {
           occurrenceKey,
           collectionName: collection
         };
-
       case 'link':
         return undefined;
-
       case 'external':
         return {
           id: id,
@@ -155,5 +136,4 @@ export default class MediaGroup extends PureComponent {
         };
     }
   }
-
 }

package/dist/es2019/react/nodes/mediaInline.js

@@ -13,33 +13,29 @@ export const RenderMediaInline = props => {
   useEffect(() => {
     updateViewMediaClientConfigState(mediaProvider);
   }, [mediaProvider]);
-
   const updateViewMediaClientConfigState = async mediaProvider => {
     if (mediaProvider) {
       const mediaClientConfig = await mediaProvider;
       setViewMediaClientConfigState(mediaClientConfig.viewMediaClientConfig);
     }
   };
+
   /*
    * Only show the loading view if the media provider is not ready
    * prevents calling the media API before the provider is ready
    */
-
-
   if (!viewMediaClientConfigState) {
     return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
       message: "",
       isSelected: false
     });
   }
-
   return /*#__PURE__*/React.createElement(MediaInlineCard, {
     identifier: props.identifier,
     shouldOpenMediaViewer: true,
     mediaClientConfig: viewMediaClientConfigState
   });
 };
-
 const MediaInline = props => {
   const {
     collection,
@@ -67,13 +63,11 @@ const MediaInline = props => {
       const {
         mediaProvider
       } = providers;
-
       if (!mediaProvider) {
         return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
           message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file)
         });
       }
-
       return /*#__PURE__*/React.createElement(RenderMediaInline, {
         identifier: identifier,
         mediaProvider: mediaProvider
@@ -81,5 +75,4 @@ const MediaInline = props => {
     }
   }));
 };
-
 export default injectIntl(MediaInline);