@atlaskit/renderer 105.1.1 → 105.1.2

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

@@ -10,40 +10,34 @@ import { useObservedWidth } from '../../hooks/use-observed-width';
 import { uiMediaSingleBaseStyles, uiMediaSingleLayoutStyles } from './styles';
 const DEFAULT_WIDTH = 250;
 const DEFAULT_HEIGHT = 200;
-
 const isMediaElement = media => {
   if (!media) {
     return false;
   }
-
   const {
     nodeType,
     type
-  } = media.props || {}; // Use this to perform a rough check
-  // better than assume the first item in children is media
+  } = media.props || {};
 
+  // Use this to perform a rough check
+  // better than assume the first item in children is media
   return nodeType === 'media' || ['external', 'file', 'link'].indexOf(type) >= 0;
 };
-
 const checkForMediaElement = children => {
   const [media] = React.Children.toArray(children);
-
   if (media && !isMediaElement(media) && media.props.children) {
     return checkForMediaElement(media.props.children);
   }
-
   return media;
-}; // returns the existing container width if available (non SSR mode), otherwise
-// we return a default width value
-
+};
 
+// returns the existing container width if available (non SSR mode), otherwise
+// we return a default width value
 export const getMediaContainerWidth = (currentContainerWidth, layout) => {
   return !currentContainerWidth && layout !== 'full-width' && layout !== 'wide' ? akEditorDefaultLayoutWidth : currentContainerWidth;
 };
-
 const MediaSingle = props => {
   var _ref$current;
-
   const {
     rendererAppearance,
     featureFlags,
@@ -73,49 +67,41 @@ const MediaSingle = props => {
   } = useObservedWidth((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentElement, observedWidthFlag);
   let media;
   const [node, caption] = React.Children.toArray(children);
-
   if (!isMediaElement(node)) {
     const mediaElement = checkForMediaElement(node.props.children);
-
     if (!mediaElement) {
       return node;
     }
-
     media = mediaElement;
   } else {
     media = node;
   }
-
   let {
     width = DEFAULT_WIDTH,
     height = DEFAULT_HEIGHT,
     type
   } = media.props;
-
   if (type === 'external') {
     const {
       width: stateWidth,
       height: stateHeight
     } = externalImageDimensions;
-
     if (width === null) {
       width = stateWidth || DEFAULT_WIDTH;
     }
-
     if (height === null) {
       height = stateHeight || DEFAULT_HEIGHT;
     }
   }
-
   if (width === null) {
     width = DEFAULT_WIDTH;
     height = DEFAULT_HEIGHT;
-  } // TODO: put appearance-based padding into theme instead
+  }
 
+  // TODO: put appearance-based padding into theme instead
 
   const padding = rendererAppearance === 'full-page' ? FullPagePadding * 2 : 0;
   const isFullWidth = rendererAppearance === 'full-width';
-
   const calcDimensions = (mediaContainerWidth, mediaBreakpoint) => {
     const containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
     const maxWidth = containerWidth;
@@ -125,17 +111,14 @@ const MediaSingle = props => {
       height: `${maxHeight}px`
     };
     let nonFullWidthSize = containerWidth;
-
     if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
       const isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= akEditorDefaultLayoutWidth;
-
       if (isContainerSizeGreaterThanMaxFullPageWidth) {
         nonFullWidthSize = akEditorDefaultLayoutWidth;
       } else {
         nonFullWidthSize = containerWidth - padding;
       }
     }
-
     const minWidth = Math.min(akEditorFullWidthLayoutWidth, containerWidth - padding);
     const lineLength = isFullWidth ? minWidth : nonFullWidthSize;
     return {
@@ -144,12 +127,10 @@ const MediaSingle = props => {
       containerWidth
     };
   };
-
   const originalDimensions = {
     height,
     width
   };
-
   const renderMediaSingle = (renderWidth, mediaBreakpoint) => {
     const {
       cardDimensions,
@@ -177,7 +158,6 @@ const MediaSingle = props => {
       fullWidthMode: isFullWidth
     }, jsx(Fragment, null, mediaComponent), isCaptionsFlaggedOn && caption);
   };
-
   return observedWidthFlag ? renderMediaSingle(observedWidth || document.body.offsetWidth) : jsx(WidthConsumer, null, ({
     width,
     breakpoint
@@ -185,5 +165,4 @@ const MediaSingle = props => {
     return renderMediaSingle(width, breakpoint);
   });
 };
-
 export default injectIntl(MediaSingle);

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

@@ -18,5 +18,4 @@ export default class MentionItem extends PureComponent {
       eventHandlers: eventHandlers && eventHandlers.mention
     });
   }
-
 }

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

@@ -8,24 +8,19 @@ import { useFeatureFlags } from '../../use-feature-flags';
 export default function OrderedList(props) {
   const featureFlags = useFeatureFlags();
   let extraProps = {};
-
   if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
     var _props$content;
-
     const itemCounterDigitsSize = getItemCounterDigitsSize({
       order: props.order,
       itemsCount: props === null || props === void 0 ? void 0 : (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
     });
-
     if (itemCounterDigitsSize) {
       extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
     }
-
     if (props.order !== undefined) {
       extraProps.start = resolveOrder(props.order);
     }
   }
-
   return /*#__PURE__*/React.createElement("ol", _extends({
     className: orderedListSelector.substr(1),
     "data-indent-level": props.path ? getListIndentLevel(props.path) : 1,

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -7,12 +6,11 @@ import TipIcon from '@atlaskit/icon/glyph/editor/hint';
 import { PanelType } from '@atlaskit/adf-schema';
 import { getPanelBackgroundDarkModeColors, panelSharedStylesWithoutPrefix, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
-import EmojiItem from './emoji'; // AFP-2532 TODO: Fix automatic suppressions below
+import EmojiItem from './emoji';
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { themed } from '@atlaskit/theme';
 import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
-
 const PanelStyled = ({
   backgroundColor,
   hasIcon,
@@ -29,7 +27,6 @@ const PanelStyled = ({
       }
     }
   `;
-
   if (props['data-panel-type'] === PanelType.CUSTOM && backgroundColor) {
     styles = theme => {
       const customStyle = themed({
@@ -52,12 +49,10 @@ const PanelStyled = ({
       `;
     };
   }
-
   return jsx("div", _extends({
     css: styles
   }, props), props.children);
 };
-
 PanelStyled.displayName = 'PanelStyled';
 const panelIcons = {
   info: PanelInfoIcon,
@@ -68,7 +63,6 @@ const panelIcons = {
   error: PanelErrorIcon,
   custom: EmojiIcon
 };
-
 const Panel = props => {
   const {
     allowCustomPanels,
@@ -79,11 +73,10 @@ const Panel = props => {
     panelIconText,
     providers,
     children
-  } = props; // only allow custom panel type if flag is set
+  } = props;
+  // only allow custom panel type if flag is set
   // otherwise fall back to info if custom panel is given
-
   const panelType = allowCustomPanels ? type : type === PanelType.CUSTOM ? PanelType.INFO : type;
-
   const getIcon = () => {
     if (panelType === PanelType.CUSTOM) {
       if (panelIcon && providers) {
@@ -94,18 +87,14 @@ const Panel = props => {
           providers: providers
         });
       }
-
       return null;
     }
-
     const Icon = panelIcons[panelType];
     return jsx(Icon, {
       label: `Panel ${panelType}`
     });
   };
-
   const icon = getIcon();
-
   const renderIcon = () => {
     if (icon) {
       return jsx("div", {
@@ -113,7 +102,6 @@ const Panel = props => {
       }, icon);
     }
   };
-
   return jsx(PanelStyled, {
     className: PanelSharedCssClassName.prefix,
     "data-panel-type": panelType,
@@ -127,5 +115,4 @@ const Panel = props => {
     className: PanelSharedCssClassName.content
   }, children));
 };
-
 export default Panel;

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

@@ -5,6 +5,5 @@ export default function Placeholder(props) {
       "data-placeholder": `${props.text}`
     }, props.text);
   }
-
   return /*#__PURE__*/React.createElement("span", null);
 }

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

@@ -20,5 +20,4 @@ export default class Status extends PureComponent {
       role: "presentation"
     }));
   }
-
 }

package/dist/es2019/react/nodes/table/colgroup.js

@@ -1,34 +1,28 @@
 import React from 'react';
 import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth, akEditorWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorTableLegacyCellMinWidth, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-
 const getTableLayoutWidth = (layout, opts) => {
   switch (layout) {
     case 'full-width':
       return akEditorFullWidthLayoutWidth;
-
     case 'wide':
       return akEditorWideLayoutWidth;
-
     default:
       return akEditorDefaultLayoutWidth;
   }
 };
-
 const isTableResized = columnWidths => {
   const filteredWidths = columnWidths.filter(width => width !== 0);
   return !!filteredWidths.length;
 };
-
 const fixColumnWidth = (columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount) => {
   if (columnWidth === 0) {
     return columnWidth;
   }
-
-  return Math.max( // We need to take tableCellBorderWidth, to avoid unneccesary overflow.
+  return Math.max(
+  // We need to take tableCellBorderWidth, to avoid unneccesary overflow.
   columnWidth - tableCellBorderWidth, zeroWidthColumnsCount ? akEditorTableLegacyCellMinWidth : tableCellMinWidth);
 };
-
 export const Colgroup = props => {
   let {
     columnWidths,
@@ -36,23 +30,22 @@ export const Colgroup = props => {
     isNumberColumnEnabled,
     renderWidth
   } = props;
-
   if (!columnWidths || !isTableResized(columnWidths)) {
     return null;
-  } // @see ED-6056
-
+  }
 
+  // @see ED-6056
   const layoutWidth = getTableLayoutWidth(layout, {
     containerWidth: renderWidth
   });
-  const maxTableWidth = renderWidth < layoutWidth ? renderWidth : layoutWidth; // If table has a layout of default, it is confined by the defined column width.
+  const maxTableWidth = renderWidth < layoutWidth ? renderWidth : layoutWidth;
+
+  // If table has a layout of default, it is confined by the defined column width.
   // renderWidth is better used for breakout tables.
   // @see ED-6737
-
   if (layout === 'default') {
     renderWidth = Math.min(renderWidth, layoutWidth);
   }
-
   let tableWidth = isNumberColumnEnabled ? akEditorTableNumberColumnWidth : 0;
   let minTableWidth = tableWidth;
   let zeroWidthColumnsCount = 0;
@@ -62,18 +55,16 @@ export const Colgroup = props => {
     } else {
       zeroWidthColumnsCount += 1;
     }
-
     minTableWidth += Math.ceil(width) || akEditorTableLegacyCellMinWidth;
   });
-  let cellMinWidth = 0; // fixes migration tables with zero-width columns
-
+  let cellMinWidth = 0;
+  // fixes migration tables with zero-width columns
   if (zeroWidthColumnsCount > 0) {
     if (minTableWidth > maxTableWidth) {
       const minWidth = Math.ceil((maxTableWidth - tableWidth) / zeroWidthColumnsCount);
       cellMinWidth = minWidth < akEditorTableLegacyCellMinWidth ? akEditorTableLegacyCellMinWidth : minWidth;
     }
   }
-
   return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.createElement("col", {
     style: {
       width: akEditorTableNumberColumnWidth

package/dist/es2019/react/nodes/table/sticky.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -19,8 +18,9 @@ const modeSpecficStyles = {
   'pin-bottom': css`
     position: absolute;
   `
-}; // TODO: Quality ticket: https://product-fabric.atlassian.net/browse/DSP-4123
+};
 
+// TODO: Quality ticket: https://product-fabric.atlassian.net/browse/DSP-4123
 const fixedTableDivStaticStyles = (top, width) => css`
   ${typeof top === 'number' && `top: ${top}px;`}
   width: ${width}px;
@@ -51,7 +51,6 @@ const fixedTableDivStaticStyles = (top, width) => css`
     height: 100%;
   }
 `;
-
 export const FixedTableDiv = props => {
   const {
     top,
@@ -120,57 +119,45 @@ export const StickyTable = ({
     invisible: true
   }))))));
 };
+
 /**
  * Traverse DOM Tree upwards looking for table parents with "overflow: scroll".
  */
-
 function findHorizontalOverflowScrollParent(table) {
   let parent = table;
-
   if (!parent) {
     return null;
   }
-
   while (parent = parent.parentElement) {
     // IE11 on Window 8 doesn't show styles from CSS when accessing through element.style property.
     const style = window.getComputedStyle(parent);
-
     if (style.overflow === 'scroll' || style.overflowY === 'scroll') {
       return parent;
     }
   }
-
   return null;
 }
-
 export class OverflowParent {
   constructor(ref) {
     this.ref = ref;
     this.ref = ref;
   }
-
   static fromElement(el) {
     return new OverflowParent(findHorizontalOverflowScrollParent(el) || window);
   }
-
   get isElement() {
     return this.ref instanceof HTMLElement;
   }
-
   get top() {
     if (this.ref instanceof HTMLElement) {
       return this.ref.getBoundingClientRect().top;
     }
-
     return 0;
   }
-
   addEventListener(type, cb, ...args) {
     this.ref.addEventListener(type, cb, ...args);
   }
-
   removeEventListener(type, cb, ...args) {
     this.ref.removeEventListener(type, cb, ...args);
   }
-
 }