@atlaskit/renderer 105.1.0 → 105.1.2

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

@@ -1,70 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TableProcessor = exports.TableContainer = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@atlaskit/editor-common/styles");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _types = require("@atlaskit/editor-common/types");
-
 var _style = require("../../ui/Renderer/style");
-
 var _tableCell = require("./tableCell");
-
 var _SmartCardStorage = require("../../ui/SmartCardStorage");
-
 var _sticky = require("./table/sticky");
-
 var _table = require("./table/table");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var orderChildren = function orderChildren(children, tableNode, smartCardStorage, tableOrderStatus) {
   if (!tableOrderStatus || tableOrderStatus.order === _types.SortOrder.NO_ORDER) {
     return children;
   }
-
   var order = tableOrderStatus.order,
-      columnIndex = tableOrderStatus.columnIndex;
+    columnIndex = tableOrderStatus.columnIndex;
   var compareNodesInOrder = (0, _utils.createCompareNodes)({
     getInlineCardTextFromStore: function getInlineCardTextFromStore(attrs) {
       var _ref = attrs,
-          url = _ref.url;
-
+        url = _ref.url;
       if (!url) {
         return null;
       }
-
       return smartCardStorage.get(url) || null;
     }
   }, order);
@@ -79,16 +53,13 @@ var orderChildren = function orderChildren(children, tableNode, smartCardStorage
   var sortedTable = tableArrayWithChildren.sort(function (rowA, rowB) {
     return compareNodesInOrder(rowA.rowNodes[columnIndex], rowB.rowNodes[columnIndex]);
   });
-
   if (headerRow) {
     sortedTable.unshift(headerRow);
   }
-
   return sortedTable.map(function (elem) {
     return elem.rowReact;
   });
 };
-
 var hasRowspan = function hasRowspan(row) {
   var hasRowspan = false;
   row.forEach(function (cell) {
@@ -96,19 +67,15 @@ var hasRowspan = function hasRowspan(row) {
   });
   return hasRowspan;
 };
-
 var getRefTop = function getRefTop(refElement) {
   return Math.round(refElement.getBoundingClientRect().top);
 };
-
 var shouldHeaderStick = function shouldHeaderStick(scrollTop, tableTop, tableBottom, rowHeight) {
   return tableTop <= scrollTop && !(tableBottom - rowHeight <= scrollTop);
 };
-
 var shouldHeaderPinBottom = function shouldHeaderPinBottom(scrollTop, tableBottom, rowHeight) {
   return tableBottom - rowHeight <= scrollTop && !(tableBottom < scrollTop);
 };
-
 var addSortableColumn = function addSortableColumn(rows, tableOrderStatus, onSorting) {
   return _react.default.Children.map(rows, function (row, index) {
     if (index === 0) {
@@ -117,53 +84,39 @@ var addSortableColumn = function addSortableColumn(rows, tableOrderStatus, onSor
         onSorting: onSorting
       });
     }
-
     return row;
   });
 };
-
 var isHeaderRowEnabled = function isHeaderRowEnabled(rows) {
   if (!rows.length) {
     return false;
   }
-
   var children = rows[0].props.children;
-
   if (!children.length) {
     return false;
   }
-
   if (children.length === 1) {
     return children[0].type === _tableCell.TableHeader;
   }
-
   return children.every(function (node) {
     return node.type === _tableCell.TableHeader;
   });
 };
-
 var tableCanBeSticky = function tableCanBeSticky(node, children) {
   return isHeaderRowEnabled(children) && node && node.firstChild && !hasRowspan(node.firstChild);
 };
-
 var canUseLinelength = function canUseLinelength(appearance) {
   return appearance === 'full-page' || appearance === 'mobile';
 };
-
 var TableContainer = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(TableContainer, _React$Component);
-
   var _super = _createSuper(TableContainer);
-
   function TableContainer() {
     var _this;
-
     (0, _classCallCheck2.default)(this, TableContainer);
-
     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));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       stickyMode: 'none'
@@ -177,7 +130,6 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
       if (_this.overflowParent) {
         _this.overflowParent.removeEventListener('scroll', _this.onScroll);
       }
-
       if (_this.nextFrame) {
         cancelAnimationFrame(_this.nextFrame);
       }
@@ -190,31 +142,25 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateSticky", function () {
       var tableElem = _this.tableRef.current;
       var refElem = _this.stickyHeaderRef.current;
-
       if (!tableElem || !refElem) {
         return;
       }
-
       var scrollTop = _this.getScrollTop() + _sticky.tableStickyPadding;
-
       var tableTop = getRefTop(tableElem);
       var tableBottom = tableTop + tableElem.clientHeight;
       var shouldSticky = shouldHeaderStick(scrollTop, tableTop, tableBottom, refElem.clientHeight);
       var shouldPin = shouldHeaderPinBottom(scrollTop, tableBottom, refElem.clientHeight);
       var stickyMode = 'none';
-
       if (shouldPin) {
         stickyMode = 'pin-bottom';
       } else if (shouldSticky) {
         stickyMode = 'stick';
       }
-
       if (_this.state.stickyMode !== stickyMode) {
         _this.setState({
           stickyMode: stickyMode
         });
       }
-
       _this.nextFrame = undefined;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onScroll", function () {
@@ -226,7 +172,6 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
       if (!_this.wrapperRef.current || !_this.stickyWrapperRef.current) {
         return;
       }
-
       _this.stickyWrapperRef.current.scrollLeft = _this.wrapperRef.current.scrollLeft;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "grabFirstRowRef", function (children) {
@@ -236,13 +181,11 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
             innerRef: _this.stickyHeaderRef
           });
         }
-
         return child;
       });
     });
     return _this;
   }
-
   (0, _createClass2.default)(TableContainer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -260,14 +203,14 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
       } else if (!this.props.stickyHeaders && this.overflowParent) {
         this.overflowParent.removeEventListener('scroll', this.onScroll);
         this.overflowParent = null;
-      } // offsetTop might have changed, re-position sticky header
-
+      }
 
+      // offsetTop might have changed, re-position sticky header
       if (this.props.stickyHeaders !== prevProps.stickyHeaders) {
         this.updateSticky();
-      } // sync horizontal scroll in floating div when toggling modes
-
+      }
 
+      // sync horizontal scroll in floating div when toggling modes
       if (prevState.stickyMode !== this.state.stickyMode) {
         this.onWrapperScrolled();
       }
@@ -278,7 +221,6 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
       if (!this.tableRef.current || !this.stickyHeaderRef.current) {
         return;
       }
-
       return this.tableRef.current.offsetHeight - this.stickyHeaderRef.current.offsetHeight + _styles.tableMarginTop - _sticky.tableStickyPadding;
     }
   }, {
@@ -287,10 +229,8 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
       switch (this.state.stickyMode) {
         case 'pin-bottom':
           return this.pinTop;
-
         case 'stick':
           return this.props.stickyHeaders && this.props.stickyHeaders.offsetTop;
-
         default:
           return undefined;
       }
@@ -304,26 +244,22 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          isNumberColumnEnabled = _this$props.isNumberColumnEnabled,
-          layout = _this$props.layout,
-          renderWidth = _this$props.renderWidth,
-          columnWidths = _this$props.columnWidths,
-          stickyHeaders = _this$props.stickyHeaders,
-          tableNode = _this$props.tableNode;
+        isNumberColumnEnabled = _this$props.isNumberColumnEnabled,
+        layout = _this$props.layout,
+        renderWidth = _this$props.renderWidth,
+        columnWidths = _this$props.columnWidths,
+        stickyHeaders = _this$props.stickyHeaders,
+        tableNode = _this$props.tableNode;
       var stickyMode = this.state.stickyMode;
       var tableWidth = (0, _styles.calcTableWidth)(layout, renderWidth, false);
       var lineLength = _editorSharedStyles.akEditorDefaultLayoutWidth;
       var left;
-
       if (canUseLinelength(this.props.rendererAppearance) && tableWidth !== 'inherit') {
         var tableWidthPx = Number(tableWidth.substring(0, tableWidth.length - 2));
         left = lineLength / 2 - tableWidthPx / 2;
       }
-
       var wrapperWidth = this.wrapperRef.current ? this.wrapperRef.current.clientWidth : 0;
-
       var children = _react.default.Children.toArray(this.props.children);
-
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, stickyHeaders && tableCanBeSticky(tableNode, children) && /*#__PURE__*/_react.default.createElement(_sticky.StickyTable, {
         isNumberColumnEnabled: isNumberColumnEnabled,
         tableWidth: tableWidth,
@@ -361,38 +297,29 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
   }]);
   return TableContainer;
 }(_react.default.Component);
-
 exports.TableContainer = TableContainer;
-
 var TableProcessor = /*#__PURE__*/function (_React$Component2) {
   (0, _inherits2.default)(TableProcessor, _React$Component2);
-
   var _super2 = _createSuper(TableProcessor);
-
   function TableProcessor() {
     var _this2;
-
     (0, _classCallCheck2.default)(this, TableProcessor);
-
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "state", {
       tableOrderStatus: undefined
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "addSortableColumn", function (childrenArray) {
       var _this2$props = _this2.props,
-          tableNode = _this2$props.tableNode,
-          allowColumnSorting = _this2$props.allowColumnSorting,
-          smartCardStorage = _this2$props.smartCardStorage;
+        tableNode = _this2$props.tableNode,
+        allowColumnSorting = _this2$props.allowColumnSorting,
+        smartCardStorage = _this2$props.smartCardStorage;
       var tableOrderStatus = _this2.state.tableOrderStatus;
-
       if (allowColumnSorting && isHeaderRowEnabled(childrenArray) && tableNode && !(0, _utils.hasMergedCell)(tableNode)) {
         return addSortableColumn(orderChildren(childrenArray, tableNode, smartCardStorage, tableOrderStatus), tableOrderStatus, _this2.changeSortOrder);
       }
-
       return childrenArray;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "changeSortOrder", function (columnIndex, sortOrder) {
@@ -415,55 +342,45 @@ var TableProcessor = /*#__PURE__*/function (_React$Component2) {
     });
     return _this2;
   }
-
   (0, _createClass2.default)(TableProcessor, [{
     key: "render",
     value: function render() {
       var children = this.props.children;
-
       if (!children) {
         return null;
       }
-
       var childrenArray = _react.default.Children.toArray(children);
-
       var orderedChildren = (0, _utils.compose)(this.addNumberColumnIndexes, this.addSortableColumn)(childrenArray);
       return /*#__PURE__*/_react.default.createElement(TableContainer, this.props, orderedChildren);
-    } // adds sortable + re-orders children
+    }
 
+    // adds sortable + re-orders children
   }]);
   return TableProcessor;
 }(_react.default.Component);
-
 exports.TableProcessor = TableProcessor;
 var TableWithShadows = (0, _ui.overflowShadow)(TableProcessor, {
   overflowSelector: ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER),
   useShadowObserver: true
 });
-
 var TableWithWidth = function TableWithWidth(props) {
   return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
     var _props$columnWidths;
-
     var width = _ref2.width;
     var renderWidth = props.rendererAppearance === 'full-page' ? width - _style.FullPagePadding * 2 : width;
     var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;
     }, 0)) || 0;
-
     if (colWidthsSum) {
       return /*#__PURE__*/_react.default.createElement(TableWithShadows, (0, _extends2.default)({
         renderWidth: renderWidth
       }, props));
-    } // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
-
-
+    }
+    // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
     return /*#__PURE__*/_react.default.createElement(TableProcessor, (0, _extends2.default)({
       renderWidth: renderWidth
     }, props));
   });
 };
-
 var _default = (0, _SmartCardStorage.withSmartCardStorage)(TableWithWidth);
-
 exports.default = _default;

package/dist/cjs/react/nodes/tableCell.js

@@ -1,144 +1,102 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withSortableColumn = exports.TableHeader = exports.TableCell = void 0;
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _types = require("@atlaskit/editor-common/types");
-
 var _SortingIcon = _interopRequireDefault(require("../../ui/SortingIcon"));
-
 var _events = require("../../analytics/events");
-
 var _analytics = require("@atlaskit/editor-common/analytics");
-
 var _consts = require("../../consts");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _messages = require("../../messages");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var IgnoreSorting = ['LABEL', 'INPUT'];
-
 var nextStatusOrder = function nextStatusOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _types.SortOrder.NO_ORDER:
       return _types.SortOrder.ASC;
-
     case _types.SortOrder.ASC:
       return _types.SortOrder.DESC;
-
     case _types.SortOrder.DESC:
       return _types.SortOrder.NO_ORDER;
   }
-
   return _types.SortOrder.NO_ORDER;
 };
-
 var getSortOrderLabel = function getSortOrderLabel(intl, currentSortOrder) {
   var noneSortingLabel = _messages.tableCellMessages.noneSortingLabel,
-      ascSortingLabel = _messages.tableCellMessages.ascSortingLabel,
-      descSortingLabel = _messages.tableCellMessages.descSortingLabel;
-
+    ascSortingLabel = _messages.tableCellMessages.ascSortingLabel,
+    descSortingLabel = _messages.tableCellMessages.descSortingLabel;
   switch (currentSortOrder) {
     case _types.SortOrder.NO_ORDER:
       return intl.formatMessage(noneSortingLabel);
-
     case _types.SortOrder.ASC:
       return intl.formatMessage(ascSortingLabel);
-
     case _types.SortOrder.DESC:
       return intl.formatMessage(descSortingLabel);
-
     default:
       return intl.formatMessage(noneSortingLabel);
   }
 };
-
 var getDataAttributes = function getDataAttributes(colwidth) {
   var attrs = {};
-
   if (colwidth) {
     attrs['data-colwidth'] = colwidth.join(',');
   }
-
   return attrs;
 };
-
 var getStyle = function getStyle(background, colGroupWidth, offsetTop) {
   var style = {};
-
-  if (background && // ignore setting inline styles if ds neutral token is detected
+  if (background &&
+  // ignore setting inline styles if ds neutral token is detected
   !background.includes('--ds-background-neutral')) {
     style.backgroundColor = background;
   }
-
   if (colGroupWidth) {
     style.width = colGroupWidth;
     style.minWidth = colGroupWidth;
   }
-
   if (offsetTop !== undefined) {
     style.top = offsetTop;
   }
-
   return style;
 };
-
 var withCellProps = function withCellProps(WrapperComponent) {
   return /*#__PURE__*/function (_React$Component) {
     (0, _inherits2.default)(WithCellProps, _React$Component);
-
     var _super = _createSuper(WithCellProps);
-
     function WithCellProps() {
       (0, _classCallCheck2.default)(this, WithCellProps);
       return _super.apply(this, arguments);
     }
-
     (0, _createClass2.default)(WithCellProps, [{
       key: "render",
       value: function render() {
         var _this$props = this.props,
-            children = _this$props.children,
-            className = _this$props.className,
-            onClick = _this$props.onClick,
-            colwidth = _this$props.colwidth,
-            colGroupWidth = _this$props.colGroupWidth,
-            rowspan = _this$props.rowspan,
-            colspan = _this$props.colspan,
-            background = _this$props.background,
-            offsetTop = _this$props.offsetTop,
-            ariaSort = _this$props.ariaSort;
+          children = _this$props.children,
+          className = _this$props.className,
+          onClick = _this$props.onClick,
+          colwidth = _this$props.colwidth,
+          colGroupWidth = _this$props.colGroupWidth,
+          rowspan = _this$props.rowspan,
+          colspan = _this$props.colspan,
+          background = _this$props.background,
+          offsetTop = _this$props.offsetTop,
+          ariaSort = _this$props.ariaSort;
         var colorName = background ? _adfSchema.tableBackgroundColorPalette.get(background) : '';
         return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({
           rowSpan: rowspan,
@@ -155,36 +113,30 @@ var withCellProps = function withCellProps(WrapperComponent) {
     return WithCellProps;
   }(_react.default.Component);
 };
-
 var withSortableColumn = function withSortableColumn(WrapperComponent) {
   var WithSortableColumn = /*#__PURE__*/function (_React$Component2) {
     (0, _inherits2.default)(WithSortableColumn, _React$Component2);
-
     var _super2 = _createSuper(WithSortableColumn);
-
     function WithSortableColumn(props) {
       var _this;
-
       (0, _classCallCheck2.default)(this, WithSortableColumn);
       _this = _super2.call(this, props);
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyPress", function (event) {
         var keys = [' ', 'Enter', 'Spacebar'];
         var _ref = event.target,
-            tagName = _ref.tagName; // trigger sorting if space or enter are clicked but not when in an input field (template variables)
-
+          tagName = _ref.tagName;
+        // trigger sorting if space or enter are clicked but not when in an input field (template variables)
         if (keys.includes(event.key) && !IgnoreSorting.includes(tagName)) {
           event.preventDefault();
-
           _this.sort();
         }
       });
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sort", function () {
         var _this$props2 = _this.props,
-            fireAnalyticsEvent = _this$props2.fireAnalyticsEvent,
-            onSorting = _this$props2.onSorting,
-            columnIndex = _this$props2.columnIndex,
-            sortOrdered = _this$props2.sortOrdered;
-
+          fireAnalyticsEvent = _this$props2.fireAnalyticsEvent,
+          onSorting = _this$props2.onSorting,
+          columnIndex = _this$props2.columnIndex,
+          sortOrdered = _this$props2.sortOrdered;
         if (onSorting && columnIndex != null) {
           var sortOrder = nextStatusOrder(sortOrdered);
           onSorting(columnIndex, sortOrder);
@@ -213,23 +165,20 @@ var withSortableColumn = function withSortableColumn(WrapperComponent) {
       });
       return _this;
     }
-
     (0, _createClass2.default)(WithSortableColumn, [{
       key: "render",
       value: function render() {
         var _this$props3 = this.props,
-            allowColumnSorting = _this$props3.allowColumnSorting,
-            onSorting = _this$props3.onSorting,
-            children = _this$props3.children,
-            sortOrdered = _this$props3.sortOrdered,
-            isHeaderRow = _this$props3.isHeaderRow,
-            intl = _this$props3.intl;
+          allowColumnSorting = _this$props3.allowColumnSorting,
+          onSorting = _this$props3.onSorting,
+          children = _this$props3.children,
+          sortOrdered = _this$props3.sortOrdered,
+          isHeaderRow = _this$props3.isHeaderRow,
+          intl = _this$props3.intl;
         var sortOrderedClassName = sortOrdered === _types.SortOrder.NO_ORDER ? _consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
-
         if (!allowColumnSorting || !isHeaderRow) {
           return /*#__PURE__*/_react.default.createElement(WrapperComponent, this.props);
         }
-
         return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({}, this.props, {
           className: _consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
           ariaSort: getSortOrderLabel(intl, sortOrdered)
@@ -247,10 +196,8 @@ var withSortableColumn = function withSortableColumn(WrapperComponent) {
     }]);
     return WithSortableColumn;
   }(_react.default.Component);
-
   return (0, _reactIntlNext.injectIntl)(WithSortableColumn);
 };
-
 exports.withSortableColumn = withSortableColumn;
 var TableHeader = (0, _utils.compose)(withSortableColumn, withCellProps)('th');
 exports.TableHeader = TableHeader;