@atlaskit/renderer 105.1.0 → 105.1.2

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

@@ -3,35 +3,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 { PureComponent } from 'react';
 import { Mention } from '@atlaskit/editor-common/mention';
-
 var MentionItem = /*#__PURE__*/function (_PureComponent) {
   _inherits(MentionItem, _PureComponent);
-
   var _super = _createSuper(MentionItem);
-
   function MentionItem() {
     _classCallCheck(this, MentionItem);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(MentionItem, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          eventHandlers = _this$props.eventHandlers,
-          id = _this$props.id,
-          providers = _this$props.providers,
-          text = _this$props.text,
-          accessLevel = _this$props.accessLevel;
+        eventHandlers = _this$props.eventHandlers,
+        id = _this$props.id,
+        providers = _this$props.providers,
+        text = _this$props.text,
+        accessLevel = _this$props.accessLevel;
       return /*#__PURE__*/React.createElement(Mention, {
         id: id,
         text: text,
@@ -41,8 +33,6 @@ var MentionItem = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-
   return MentionItem;
 }(PureComponent);
-
 export { MentionItem as default };

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

@@ -8,24 +8,19 @@ import { useFeatureFlags } from '../../use-feature-flags';
 export default function OrderedList(props) {
   var featureFlags = useFeatureFlags();
   var extraProps = {};
-
   if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
     var _props$content;
-
     var 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/esm/react/nodes/panel.js

@@ -1,11 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject, _templateObject2;
-
 var _excluded = ["backgroundColor", "hasIcon"];
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -13,23 +10,20 @@ 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';
-
 var PanelStyled = function PanelStyled(_ref) {
   var backgroundColor = _ref.backgroundColor,
-      hasIcon = _ref.hasIcon,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    hasIcon = _ref.hasIcon,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = function styles(theme) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &.", " {\n      ", "\n\n      &[data-panel-type=", "] {\n        ", "\n      }\n    }\n  "])), PanelSharedCssClassName.prefix, panelSharedStylesWithoutPrefix({
       theme: theme
     }), PanelType.CUSTOM, hasIcon ? '' : 'padding-left: 12px;');
   };
-
   if (props['data-panel-type'] === PanelType.CUSTOM && backgroundColor) {
     styles = function styles(theme) {
       var customStyle = themed({
@@ -43,12 +37,10 @@ var PanelStyled = function PanelStyled(_ref) {
       }), PanelType.CUSTOM, customStyle, hasIcon ? '' : 'padding-left: 12px;');
     };
   }
-
   return jsx("div", _extends({
     css: styles
   }, props), props.children);
 };
-
 PanelStyled.displayName = 'PanelStyled';
 var panelIcons = {
   info: PanelInfoIcon,
@@ -59,20 +51,18 @@ var panelIcons = {
   error: PanelErrorIcon,
   custom: EmojiIcon
 };
-
 var Panel = function Panel(props) {
   var allowCustomPanels = props.allowCustomPanels,
-      type = props.panelType,
-      panelColor = props.panelColor,
-      panelIcon = props.panelIcon,
-      panelIconId = props.panelIconId,
-      panelIconText = props.panelIconText,
-      providers = props.providers,
-      children = props.children; // only allow custom panel type if flag is set
+    type = props.panelType,
+    panelColor = props.panelColor,
+    panelIcon = props.panelIcon,
+    panelIconId = props.panelIconId,
+    panelIconText = props.panelIconText,
+    providers = props.providers,
+    children = props.children;
+  // only allow custom panel type if flag is set
   // otherwise fall back to info if custom panel is given
-
   var panelType = allowCustomPanels ? type : type === PanelType.CUSTOM ? PanelType.INFO : type;
-
   var getIcon = function getIcon() {
     if (panelType === PanelType.CUSTOM) {
       if (panelIcon && providers) {
@@ -83,18 +73,14 @@ var Panel = function Panel(props) {
           providers: providers
         });
       }
-
       return null;
     }
-
     var Icon = panelIcons[panelType];
     return jsx(Icon, {
       label: "Panel ".concat(panelType)
     });
   };
-
   var icon = getIcon();
-
   var renderIcon = function renderIcon() {
     if (icon) {
       return jsx("div", {
@@ -102,7 +88,6 @@ var Panel = function Panel(props) {
       }, icon);
     }
   };
-
   return jsx(PanelStyled, {
     className: PanelSharedCssClassName.prefix,
     "data-panel-type": panelType,
@@ -116,5 +101,4 @@ var Panel = function Panel(props) {
     className: PanelSharedCssClassName.content
   }, children));
 };
-
 export default Panel;

package/dist/esm/react/nodes/paragraph.js

@@ -2,6 +2,6 @@ import React from 'react';
 import Inline from './inline';
 export default function Paragraph(_ref) {
   var children = _ref.children,
-      dataAttributes = _ref.dataAttributes;
+    dataAttributes = _ref.dataAttributes;
   return /*#__PURE__*/React.createElement("p", dataAttributes, /*#__PURE__*/React.createElement(Inline, null, children));
 }

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

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

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

@@ -3,34 +3,26 @@ 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 { PureComponent } from 'react';
 import { Status as AkStatus } from '@atlaskit/status/element';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
-
 var Status = /*#__PURE__*/function (_PureComponent) {
   _inherits(Status, _PureComponent);
-
   var _super = _createSuper(Status);
-
   function Status() {
     _classCallCheck(this, Status);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Status, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          text = _this$props.text,
-          color = _this$props.color,
-          localId = _this$props.localId;
+        text = _this$props.text,
+        color = _this$props.color,
+        localId = _this$props.localId;
       return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
         data: {
           userContext: 'document'
@@ -43,8 +35,6 @@ var Status = /*#__PURE__*/function (_PureComponent) {
       }));
     }
   }]);
-
   return Status;
 }(PureComponent);
-
 export { Status as default };

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

@@ -1,58 +1,51 @@
 import React from 'react';
 import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth, akEditorWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorTableLegacyCellMinWidth, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-
 var getTableLayoutWidth = function getTableLayoutWidth(layout, opts) {
   switch (layout) {
     case 'full-width':
       return akEditorFullWidthLayoutWidth;
-
     case 'wide':
       return akEditorWideLayoutWidth;
-
     default:
       return akEditorDefaultLayoutWidth;
   }
 };
-
 var isTableResized = function isTableResized(columnWidths) {
   var filteredWidths = columnWidths.filter(function (width) {
     return width !== 0;
   });
   return !!filteredWidths.length;
 };
-
 var fixColumnWidth = function 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 var Colgroup = function Colgroup(props) {
   var columnWidths = props.columnWidths,
-      layout = props.layout,
-      isNumberColumnEnabled = props.isNumberColumnEnabled,
-      renderWidth = props.renderWidth;
-
+    layout = props.layout,
+    isNumberColumnEnabled = props.isNumberColumnEnabled,
+    renderWidth = props.renderWidth;
   if (!columnWidths || !isTableResized(columnWidths)) {
     return null;
-  } // @see ED-6056
-
+  }
 
+  // @see ED-6056
   var layoutWidth = getTableLayoutWidth(layout, {
     containerWidth: renderWidth
   });
-  var maxTableWidth = renderWidth < layoutWidth ? renderWidth : layoutWidth; // If table has a layout of default, it is confined by the defined column width.
+  var 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);
   }
-
   var tableWidth = isNumberColumnEnabled ? akEditorTableNumberColumnWidth : 0;
   var minTableWidth = tableWidth;
   var zeroWidthColumnsCount = 0;
@@ -62,18 +55,16 @@ export var Colgroup = function Colgroup(props) {
     } else {
       zeroWidthColumnsCount += 1;
     }
-
     minTableWidth += Math.ceil(width) || akEditorTableLegacyCellMinWidth;
   });
-  var cellMinWidth = 0; // fixes migration tables with zero-width columns
-
+  var cellMinWidth = 0;
+  // fixes migration tables with zero-width columns
   if (zeroWidthColumnsCount > 0) {
     if (minTableWidth > maxTableWidth) {
       var 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/esm/react/nodes/table/sticky.js

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -18,16 +16,16 @@ var modeSpecficStyles = {
   none: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: none;\n  "]))),
   stick: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: fixed;\n  "]))),
   'pin-bottom': css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: absolute;\n  "])))
-}; // TODO: Quality ticket: https://product-fabric.atlassian.net/browse/DSP-4123
+};
 
+// TODO: Quality ticket: https://product-fabric.atlassian.net/browse/DSP-4123
 var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  width: ", "px;\n  z-index: ", ";\n  &\n    .", ",\n    &\n    .", "\n    > table {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  border-top: ", "px solid\n    ", ";\n  background: ", ";\n  box-shadow: ", ";\n\n  div[data-expanded='false'] & {\n    display: none;\n  }\n\n  &\n    .", ".right-shadow::after,\n    &\n    .", ".left-shadow::before {\n    top: 0px;\n    height: 100%;\n  }\n"])), typeof top === 'number' && "top: ".concat(top, "px;"), width, akEditorStickyHeaderZIndex, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableStickyPadding, "var(--ds-surface, white)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overflow, ".concat("0 6px 4px -4px ".concat(N40A), ")"), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
 };
-
 export var FixedTableDiv = function FixedTableDiv(props) {
   var top = props.top,
-      wrapperWidth = props.wrapperWidth,
-      mode = props.mode;
+    wrapperWidth = props.wrapperWidth,
+    mode = props.mode;
   var fixedTableCss = [fixedTableDivStaticStyles(top, wrapperWidth), modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode]];
   var attrs = {
     mode: mode
@@ -39,18 +37,18 @@ export var FixedTableDiv = function FixedTableDiv(props) {
 };
 export var StickyTable = function StickyTable(_ref) {
   var top = _ref.top,
-      left = _ref.left,
-      mode = _ref.mode,
-      shadowClassNames = _ref.shadowClassNames,
-      innerRef = _ref.innerRef,
-      wrapperWidth = _ref.wrapperWidth,
-      tableWidth = _ref.tableWidth,
-      isNumberColumnEnabled = _ref.isNumberColumnEnabled,
-      layout = _ref.layout,
-      children = _ref.children,
-      columnWidths = _ref.columnWidths,
-      renderWidth = _ref.renderWidth,
-      rowHeight = _ref.rowHeight;
+    left = _ref.left,
+    mode = _ref.mode,
+    shadowClassNames = _ref.shadowClassNames,
+    innerRef = _ref.innerRef,
+    wrapperWidth = _ref.wrapperWidth,
+    tableWidth = _ref.tableWidth,
+    isNumberColumnEnabled = _ref.isNumberColumnEnabled,
+    layout = _ref.layout,
+    children = _ref.children,
+    columnWidths = _ref.columnWidths,
+    renderWidth = _ref.renderWidth,
+    rowHeight = _ref.rowHeight;
   return jsx("div", {
     css: {
       left: left && left < 0 ? left : undefined,
@@ -89,37 +87,30 @@ export var StickyTable = function StickyTable(_ref) {
     invisible: true
   }))))));
 };
+
 /**
  * Traverse DOM Tree upwards looking for table parents with "overflow: scroll".
  */
-
 function findHorizontalOverflowScrollParent(table) {
   var 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.
     var style = window.getComputedStyle(parent);
-
     if (style.overflow === 'scroll' || style.overflowY === 'scroll') {
       return parent;
     }
   }
-
   return null;
 }
-
 export var OverflowParent = /*#__PURE__*/function () {
   function OverflowParent(ref) {
     _classCallCheck(this, OverflowParent);
-
     this.ref = ref;
     this.ref = ref;
   }
-
   _createClass(OverflowParent, [{
     key: "isElement",
     get: function get() {
@@ -131,29 +122,24 @@ export var OverflowParent = /*#__PURE__*/function () {
       if (this.ref instanceof HTMLElement) {
         return this.ref.getBoundingClientRect().top;
       }
-
       return 0;
     }
   }, {
     key: "addEventListener",
     value: function addEventListener(type, cb) {
       var _this$ref;
-
       for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
         args[_key - 2] = arguments[_key];
       }
-
       (_this$ref = this.ref).addEventListener.apply(_this$ref, [type, cb].concat(args));
     }
   }, {
     key: "removeEventListener",
     value: function removeEventListener(type, cb) {
       var _this$ref2;
-
       for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
         args[_key2 - 2] = arguments[_key2];
       }
-
       (_this$ref2 = this.ref).removeEventListener.apply(_this$ref2, [type, cb].concat(args));
     }
   }], [{
@@ -162,6 +148,5 @@ export var OverflowParent = /*#__PURE__*/function () {
       return new OverflowParent(findHorizontalOverflowScrollParent(el) || window);
     }
   }]);
-
   return OverflowParent;
 }();

package/dist/esm/react/nodes/table/table.js

@@ -2,11 +2,11 @@ import React from 'react';
 import { Colgroup } from './colgroup';
 export var Table = /*#__PURE__*/React.memo(function (_ref) {
   var innerRef = _ref.innerRef,
-      isNumberColumnEnabled = _ref.isNumberColumnEnabled,
-      columnWidths = _ref.columnWidths,
-      layout = _ref.layout,
-      renderWidth = _ref.renderWidth,
-      children = _ref.children;
+    isNumberColumnEnabled = _ref.isNumberColumnEnabled,
+    columnWidths = _ref.columnWidths,
+    layout = _ref.layout,
+    renderWidth = _ref.renderWidth,
+    children = _ref.children;
   return /*#__PURE__*/React.createElement("table", {
     "data-number-column": isNumberColumnEnabled,
     ref: innerRef