@atlaskit/renderer 105.1.0 → 105.1.2

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Caption } from '@atlaskit/editor-common/ui';
-
 const RenderCaption = ({
   children,
   dataAttributes
@@ -10,5 +9,4 @@ const RenderCaption = ({
     dataAttributes: dataAttributes
   }, children);
 };
-
 export default RenderCaption;

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

@@ -5,7 +5,6 @@ import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { CodeBlock as AkCodeBlock } from '@atlaskit/code';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import CodeBlockContainer from './components/codeBlockContainer';
-
 function CodeBlock(props) {
   const {
     text,
@@ -26,5 +25,4 @@ function CodeBlock(props) {
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }));
 }
-
 export default injectIntl(CodeBlock);

package/dist/es2019/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import { jsx, css } from '@emotion/react';
 import { overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { N20, DN50 } from '@atlaskit/theme/colors';
@@ -6,7 +7,6 @@ import { themed } from '@atlaskit/theme/components';
 import { fontSize, gridSize } from '@atlaskit/theme/constants';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import CopyButton from '../../codeBlockCopyButton';
-
 const codeBlockStyleOverrides = props => css`
     tab-size: 4;
     background-color: ${themed({
@@ -29,7 +29,6 @@ const codeBlockStyleOverrides = props => css`
       background-position: 0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0, 0 0;
     }
   `;
-
 const CodeBlockContainer = ({
   text,
   className,
@@ -43,5 +42,4 @@ const CodeBlockContainer = ({
     content: text
   }) : null, children);
 };
-
 export default CodeBlockContainer;

package/dist/es2019/react/nodes/codeBlock/windowedCodeBlock.js

@@ -7,14 +7,10 @@ import { useInViewport } from '../../hooks/use-in-viewport';
 import { useBidiWarnings } from '../../hooks/use-bidi-warnings';
 import LightWeightCodeBlock from './components/lightWeightCodeBlock';
 import CodeBlockContainer from './components/codeBlockContainer';
-const LazyAkCodeBlock = /*#__PURE__*/lazy(async () => import(
-/* webpackChunkName: "@atlaskit-internal_renderer-codeBlock" */
+const LazyAkCodeBlock = /*#__PURE__*/lazy(async () => import( /* webpackChunkName: "@atlaskit-internal_renderer-codeBlock" */
 '@atlaskit/code/block'));
-
 const joinWithSpaces = (...strs) => strs.join(' ');
-
 const MemoizedLightWeightCodeBlock = /*#__PURE__*/memo(LightWeightCodeBlock);
-
 const WindowedCodeBlock = ({
   text,
   language,
@@ -51,5 +47,4 @@ const WindowedCodeBlock = ({
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   })))) : memoizedLightWeightCodeBlock;
 };
-
 export default WindowedCodeBlock;

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

@@ -49,19 +49,16 @@ const copyButtonWrapperStyles = css`
     background-color: ${`var(--ds-surface-overlay-hovered, ${N700})`};
   }
 `;
-
 const CopyButton = ({
   content,
   intl
 }) => {
   const [tooltip, setTooltip] = useState(intl.formatMessage(codeBlockCopyButtonMessages.copyCodeToClipboard));
   const [className, setClassName] = useState('copy-to-clipboard');
-
   const onMouseLeave = () => {
     setTooltip(intl.formatMessage(codeBlockCopyButtonMessages.copyCodeToClipboard));
     setClassName('copy-to-clipboard');
   };
-
   return jsx("span", {
     css: copyButtonWrapperStyles
   }, jsx(Tooltip, {
@@ -86,5 +83,4 @@ const CopyButton = ({
     }
   }))));
 };
-
 export default injectIntl(CopyButton);

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

@@ -5,7 +5,6 @@ import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
 import { injectIntl } from 'react-intl-next';
 import { useTaskItemsFormatContext } from '../../ui/TaskItemsFormatContext';
-
 class Date extends PureComponent {
   render() {
     const {
@@ -22,22 +21,16 @@ class Date extends PureComponent {
       "data-timestamp": timestamp
     }, parentIsIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl)));
   }
-
 }
-
 export const DateComponent = injectIntl(Date);
-
 function DateWithFormatContext(props) {
   const [isChecked] = useTaskItemsFormatContext();
   let parentIsIncompleteTask = props.parentIsIncompleteTask;
-
   if (typeof isChecked !== 'undefined') {
     parentIsIncompleteTask = !isChecked;
   }
-
   return /*#__PURE__*/React.createElement(DateComponent, _extends({}, props, {
     parentIsIncompleteTask: parentIsIncompleteTask
   }));
 }
-
 export default DateWithFormatContext;

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

@@ -6,12 +6,9 @@ export default class DecisionList extends PureComponent {
     const {
       children
     } = this.props;
-
     if (Children.count(children) === 0) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement(AkDecisionList, null, children);
   }
-
 }

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { useMemo, useContext, useState, useRef } from 'react';
@@ -53,63 +52,56 @@ export default function EmbedCard(props) {
   };
   const [liveHeight, setLiveHeight] = useState(null);
   const [aspectRatio, setAspectRatio] = useState();
-  const height = liveHeight || props.originalHeight; // We start with height and width defined with default values
+  const height = liveHeight || props.originalHeight;
 
+  // We start with height and width defined with default values
   let originalHeight = DEFAULT_EMBED_CARD_HEIGHT;
-  let originalWidth = DEFAULT_EMBED_CARD_WIDTH; // Then can override height and width with values from ADF if available
+  let originalWidth = DEFAULT_EMBED_CARD_WIDTH;
 
+  // Then can override height and width with values from ADF if available
   if (props.originalHeight && props.originalWidth) {
     originalHeight = props.originalHeight;
     originalWidth = props.originalWidth;
-  } // Then we can override it with aspectRatio that is comming from iframely via `resolve()`
-
+  }
 
+  // Then we can override it with aspectRatio that is comming from iframely via `resolve()`
   if (aspectRatio) {
     originalHeight = 1;
     originalWidth = aspectRatio;
-  } // And finally if iframe sends live `height` events we use that as most precise measure.
-
+  }
 
+  // And finally if iframe sends live `height` events we use that as most precise measure.
   const isHeightOnlyMode = !(props.originalHeight && props.originalWidth) || liveHeight;
-
   if (height && isHeightOnlyMode) {
     originalHeight = height;
     originalWidth = undefined;
   }
-
   const padding = rendererAppearance === 'full-page' ? FullPagePadding * 2 : 0;
   const [hasPreview, setPreviewAvailableState] = useState(true);
   const cardContext = useContext(SmartCardContext);
-
   const onResolve = ({
     aspectRatio: resolvedAspectRatio
   }) => {
     const hasPreviewOnResolve = !!(cardContext && url && cardContext.extractors.getPreview(url, platform));
-
     if (!hasPreviewOnResolve) {
       setPreviewAvailableState(false);
     }
-
     setAspectRatio(resolvedAspectRatio);
   };
-
   return jsx(WidthConsumer, null, ({
     width: containerWidth,
     breakpoint
   }) => {
     let nonFullWidthSize = containerWidth;
     const isFullWidth = rendererAppearance === 'full-width';
-
     if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
       const isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= akEditorDefaultLayoutWidth;
-
       if (isContainerSizeGreaterThanMaxFullPageWidth) {
         nonFullWidthSize = akEditorDefaultLayoutWidth;
       } else {
         nonFullWidthSize = containerWidth - padding;
       }
     }
-
     const lineLength = isFullWidth ? Math.min(akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
     const uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? uIMediaSingleLayoutStyles : '';
     return jsx(CardErrorBoundary, _extends({

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

@@ -21,5 +21,4 @@ export default class EmojiItem extends PureComponent {
       resourceConfig: resourceConfig
     });
   }
-
 }

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

@@ -5,8 +5,9 @@ import { overflowShadow, WidthConsumer } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { RendererCssClassName } from '../../consts';
 export const renderExtension = (content, layout, options = {}, removeOverflow) => {
-  const overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : ''; // by default, we assume the extension is at top level, (direct child of doc node)
+  const overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
 
+  // by default, we assume the extension is at top level, (direct child of doc node)
   const {
     isTopLevel = true
   } = options || {};
@@ -24,7 +25,6 @@ export const renderExtension = (content, layout, options = {}, removeOverflow) =
     className: overflowContainerClass
   }, content)));
 };
-
 const Extension = props => {
   const {
     text,
@@ -49,11 +49,10 @@ const Extension = 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 renderExtension(text || 'extension', layout, {
       isTopLevel: path.length < 1,
       handleRef,
@@ -61,7 +60,6 @@ const Extension = props => {
     });
   });
 };
-
 export default overflowShadow(Extension, {
   overflowSelector: `.${RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER}`
 });

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

@@ -3,30 +3,25 @@ import React from 'react';
 export class CardErrorBoundary extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       isError: false
     });
-
     _defineProperty(this, "onClickFallback", e => {
       const {
         onClick,
         url
       } = this.props;
       e.preventDefault();
-
       if (onClick) {
         onClick(e, url);
       }
     });
   }
-
   render() {
     if (this.state.isError) {
       const {
         url
       } = this.props;
-
       if (url) {
         return /*#__PURE__*/React.createElement("a", {
           href: url,
@@ -39,14 +34,11 @@ export class CardErrorBoundary extends React.PureComponent {
         return /*#__PURE__*/React.createElement(UnsupportedComponent, null);
       }
     }
-
     return this.props.children;
   }
-
   componentDidCatch(_error) {
     this.setState({
       isError: true
     });
   }
-
 }

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

@@ -1,5 +1,4 @@
 import React from 'react';
-
 const HardBreak = ({
   forceNewLine = false
 }) => {
@@ -11,8 +10,6 @@ const HardBreak = ({
   if (forceNewLine) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
   }
-
   return /*#__PURE__*/React.createElement("br", null);
 };
-
 export default HardBreak;

package/dist/es2019/react/nodes/heading-anchor.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -29,16 +28,13 @@ const copyAnchorButtonStyles = css`
   cursor: pointer;
   right: 0;
 `;
-
 class HeadingAnchor extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       tooltipMessage: '',
       isClicked: false
     });
-
     _defineProperty(this, "setTooltipState", (message, isClicked = false) => {
       this.setState({
         // TODO: ED-14403 investigate why this does not translate
@@ -46,21 +42,18 @@ class HeadingAnchor extends React.PureComponent {
         isClicked
       });
     });
-
     _defineProperty(this, "getCopyAriaLabel", () => {
       const {
         copyAriaLabel
       } = headingAnchorLinkMessages;
       return this.props.intl.formatMessage(copyAriaLabel);
     });
-
     _defineProperty(this, "copyToClipboard", async event => {
       const {
         copiedHeadingLinkToClipboard,
         failedToCopyHeadingLink
       } = headingAnchorLinkMessages;
       event.stopPropagation();
-
       try {
         await this.props.onCopyText();
         this.setTooltipState(copiedHeadingLinkToClipboard, true);
@@ -68,11 +61,9 @@ class HeadingAnchor extends React.PureComponent {
         this.setTooltipState(failedToCopyHeadingLink);
       }
     });
-
     _defineProperty(this, "resetMessage", () => {
       this.setTooltipState(headingAnchorLinkMessages.copyHeadingLinkToClipboard);
     });
-
     _defineProperty(this, "renderAnchorButton", () => {
       return jsx("button", {
         css: copyAnchorButtonStyles,
@@ -86,16 +77,13 @@ class HeadingAnchor extends React.PureComponent {
       }));
     });
   }
-
   componentDidMount() {
     this.resetMessage();
   }
-
   render() {
     const {
       tooltipMessage
     } = this.state;
-
     if (tooltipMessage) {
       // We set the key to the message to ensure it remounts when the message
       // changes, so that it correctly repositions.
@@ -108,10 +96,7 @@ class HeadingAnchor extends React.PureComponent {
         key: tooltipMessage
       }, this.renderAnchorButton());
     }
-
     return this.renderAnchorButton();
   }
-
 }
-
 export default injectIntl(HeadingAnchor);

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

@@ -4,21 +4,17 @@ import HeadingAnchor from './heading-anchor';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import AnalyticsContext from '../../analytics/analyticsContext';
 import { copyTextToClipboard } from '../utils/clipboard';
-
 const getCurrentUrlWithHash = (hash = '') => {
   const url = new URL(window.location.href);
   url.hash = encodeURIComponent(hash);
   return url.href;
 };
-
 function hasRightAlignmentMark(marks) {
   if (!marks || !marks.length) {
     return false;
   }
-
   return marks.some(mark => mark.type.name === 'alignment' && mark.attrs.align === 'end');
 }
-
 function WrapChildTextInSpan(children) {
   // We wrap the text in a span so that we can apply CSS pseudo elements
   // to each text node within the heading element.
@@ -26,7 +22,6 @@ function WrapChildTextInSpan(children) {
     return typeof child === 'string' && !/^\s*$/.test(child) ? /*#__PURE__*/React.createElement("span", null, child) : child;
   });
 }
-
 function Heading(props) {
   const {
     headingId,
@@ -58,5 +53,4 @@ function Heading(props) {
     }
   }))));
 }
-
 export default Heading;