@atlaskit/renderer 149.0.3 → 149.0.5

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

@@ -9,9 +9,9 @@ exports.colWidthSum = exports.Colgroup = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
-var _styles = require("@atlaskit/editor-common/styles");
-var _ui = require("@atlaskit/editor-common/ui");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _table = require("@atlaskit/editor-common/styles/table");
+var _WidthProvider = require("@atlaskit/editor-common/WidthProvider");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _rendererContext = require("../../../renderer-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -41,13 +41,13 @@ var fixColumnWidth = function fixColumnWidth(_ref) {
   // We scale up the columns to meet the minimum of the table layout.
   if (zeroWidthColumnsCount === 0 && scaleDownPercent) {
     var scaled = Math.floor((1 - scaleDownPercent) * columnWidth);
-    return skipMinWidth ? scaled : Math.max(scaled, _styles.tableCellMinWidth);
+    return skipMinWidth ? scaled : Math.max(scaled, _table.tableCellMinWidth);
   }
-  var adjusted = columnWidth - _styles.tableCellBorderWidth;
+  var adjusted = columnWidth - _table.tableCellBorderWidth;
   if (skipMinWidth) {
     return adjusted;
   }
-  return Math.max(adjusted, zeroWidthColumnsCount ? _editorSharedStyles.akEditorTableLegacyCellMinWidth : _styles.tableCellMinWidth);
+  return Math.max(adjusted, zeroWidthColumnsCount ? _constants.akEditorTableLegacyCellMinWidth : _table.tableCellMinWidth);
 };
 var calcScalePercent = function calcScalePercent(_ref2) {
   var renderWidth = _ref2.renderWidth,
@@ -57,7 +57,7 @@ var calcScalePercent = function calcScalePercent(_ref2) {
   var noNumColumnScalePercent = renderWidth / tableWidth;
   // when numbered column is enabled, we need to calculate the scale percent without the akEditorTableNumberColumnWidth
   // As numbered column width is not scaled down
-  var numColumnScalePercent = (renderWidth - _editorSharedStyles.akEditorTableNumberColumnWidth) / (tableWidth - _editorSharedStyles.akEditorTableNumberColumnWidth);
+  var numColumnScalePercent = (renderWidth - _constants.akEditorTableNumberColumnWidth) / (tableWidth - _constants.akEditorTableNumberColumnWidth);
   var diffPercent = 1 - noNumColumnScalePercent;
   return diffPercent < maxScale ? isNumberColumnEnabled ? 1 - numColumnScalePercent : diffPercent : maxScale;
 };
@@ -71,7 +71,7 @@ var colWidthSum = exports.colWidthSum = function colWidthSum(columnWidths) {
  * Returns the data-column available width: total width minus the fixed number column if enabled.
  */
 var getDataColumnWidth = function getDataColumnWidth(totalWidth, isNumberColumnEnabled) {
-  return isNumberColumnEnabled ? totalWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : totalWidth;
+  return isNumberColumnEnabled ? totalWidth - _constants.akEditorTableNumberColumnWidth : totalWidth;
 };
 
 /**
@@ -85,15 +85,15 @@ var scaleColumnsToWidth = function scaleColumnsToWidth(columnWidths, availableWi
   }, 0);
   var scaleFactor = availableWidth / rawTotalWidth;
   var scaledWidths = columnWidths.map(function (colWidth) {
-    return Math.max(Math.floor(colWidth * scaleFactor), _styles.tableCellMinWidth);
+    return Math.max(Math.floor(colWidth * scaleFactor), _table.tableCellMinWidth);
   });
   var totalScaled = scaledWidths.reduce(function (sum, w) {
     return sum + w;
   }, 0);
   var diff = availableWidth - totalScaled;
-  if (diff !== 0 && Math.abs(diff) < _styles.tableCellMinWidth) {
+  if (diff !== 0 && Math.abs(diff) < _table.tableCellMinWidth) {
     for (var i = 0; i < scaledWidths.length; i++) {
-      if (scaledWidths[i] + diff > _styles.tableCellMinWidth) {
+      if (scaledWidths[i] + diff > _table.tableCellMinWidth) {
         scaledWidths[i] += diff;
         break;
       }
@@ -142,7 +142,7 @@ var renderSyncBlockColgroup = function renderSyncBlockColgroup(_ref3) {
   // WidthObserver has measured the real container, which would skip this branch and produce
   // column widths scaled to the full viewport.
   if (renderWidthProp <= 0) {
-    var fullTableWidth = isNumberColumnEnabled ? rawTotalWidth + _editorSharedStyles.akEditorTableNumberColumnWidth : rawTotalWidth;
+    var fullTableWidth = isNumberColumnEnabled ? rawTotalWidth + _constants.akEditorTableNumberColumnWidth : rawTotalWidth;
     return columnWidths.map(function (colWidth) {
       return {
         width: "".concat(colWidth / fullTableWidth * 100, "%")
@@ -161,7 +161,7 @@ var renderSyncBlockColgroup = function renderSyncBlockColgroup(_ref3) {
   if (availableWidth >= rawTotalWidth) {
     return columnWidths.map(function (colWidth) {
       return {
-        width: "".concat(Math.max(colWidth - _styles.tableCellBorderWidth, _styles.tableCellMinWidth), "px")
+        width: "".concat(Math.max(colWidth - _table.tableCellBorderWidth, _table.tableCellMinWidth), "px")
       };
     });
   }
@@ -218,7 +218,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested && !isNumberColumnEnabled ? renderWidth : (0, _nodeWidth.getTableContainerWidth)(tableNode);
   if (allowTableResizing && !isInsideOfBlockNode && !isInsideOfTable && !isinsideMultiBodiedExtension && !tableColumnResized) {
     // when no columns are resized, each column should have equal width, equals to tableWidth / noOfColumns
-    var _tableWidth = (isNumberColumnEnabled ? tableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
+    var _tableWidth = (isNumberColumnEnabled ? tableContainerWidth - _constants.akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
     var defaultColumnWidth = _tableWidth / noOfColumns;
     targetWidths = new Array(noOfColumns).fill(defaultColumnWidth);
   } else if (!tableColumnResized) {
@@ -234,8 +234,8 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   // when table resized and number column is enabled, we need to scale down the table in render
   if (forceScaleForNumColumn) {
     var calculatedTableContainerWidth = rendererAppearance === 'comment' ? sumOfColumns : tableContainerWidth;
-    var scalePercentage = +((calculatedTableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth) / calculatedTableContainerWidth);
-    var targetMaxWidth = calculatedTableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth;
+    var scalePercentage = +((calculatedTableContainerWidth - _constants.akEditorTableNumberColumnWidth) / calculatedTableContainerWidth);
+    var targetMaxWidth = calculatedTableContainerWidth - _constants.akEditorTableNumberColumnWidth;
     var totalWidthAfterScale = 0;
     var newScaledTargetWidths = columnWidths.map(function (width) {
       // we need to scale each column UP, to ensure total width of table matches table container
@@ -246,10 +246,10 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     });
     var diff = targetMaxWidth - totalWidthAfterScale;
     targetWidths = newScaledTargetWidths;
-    if (diff > 0 || diff < 0 && Math.abs(diff) < _styles.tableCellMinWidth) {
+    if (diff > 0 || diff < 0 && Math.abs(diff) < _table.tableCellMinWidth) {
       var updated = false;
       targetWidths = targetWidths.map(function (width) {
-        if (!updated && width + diff > _styles.tableCellMinWidth) {
+        if (!updated && width + diff > _table.tableCellMinWidth) {
           updated = true;
           width += diff;
         }
@@ -261,7 +261,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
 
   // @see ED-6056
   var maxTableWidth = renderWidth < tableContainerWidth ? renderWidth : tableContainerWidth;
-  var tableWidth = isNumberColumnEnabled ? _editorSharedStyles.akEditorTableNumberColumnWidth : 0;
+  var tableWidth = isNumberColumnEnabled ? _constants.akEditorTableNumberColumnWidth : 0;
   var minTableWidth = tableWidth;
   var zeroWidthColumnsCount = 0;
   targetWidths.forEach(function (width) {
@@ -270,7 +270,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     } else {
       zeroWidthColumnsCount += 1;
     }
-    minTableWidth += Math.ceil(width) || _editorSharedStyles.akEditorTableLegacyCellMinWidth;
+    minTableWidth += Math.ceil(width) || _constants.akEditorTableLegacyCellMinWidth;
   });
   var cellMinWidth = 0;
   var scaleDownPercent = 0;
@@ -282,7 +282,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   if (zeroWidthColumnsCount > 0) {
     if (minTableWidth > maxTableWidth) {
       var minWidth = Math.ceil((maxTableWidth - tableWidth) / zeroWidthColumnsCount);
-      cellMinWidth = minWidth < _editorSharedStyles.akEditorTableLegacyCellMinWidth ? _editorSharedStyles.akEditorTableLegacyCellMinWidth : minWidth;
+      cellMinWidth = minWidth < _constants.akEditorTableLegacyCellMinWidth ? _constants.akEditorTableLegacyCellMinWidth : minWidth;
     }
   }
   // scaling down
@@ -306,7 +306,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     var sumFixedColumnWidths = colWidthSum(fixedColWidths);
     return fixedColWidths.map(function (colWidth) {
       var width = Math.max(colWidth, cellMinWidth);
-      if (colWidth > _editorSharedStyles.akEditorTableCellMinWidth) {
+      if (colWidth > _constants.akEditorTableCellMinWidth) {
         // To make sure the numbered column isn't scaled, use
         // percentages for the other columns.
         // Calculate the percentage based on the sum of the fixed column widths
@@ -343,7 +343,7 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
     nestedRendererType = _useRendererContext.nestedRendererType;
   var columnWidths = props.columnWidths,
     isNumberColumnEnabled = props.isNumberColumnEnabled;
-  var _useContext = (0, _react.useContext)(_ui.WidthContext),
+  var _useContext = (0, _react.useContext)(_WidthProvider.WidthContext),
     contextWidth = _useContext.width;
   if (!columnWidths) {
     return null;
@@ -377,7 +377,7 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
   return /*#__PURE__*/_react.default.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/_react.default.createElement("col", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     style: {
-      width: _editorSharedStyles.akEditorTableNumberColumnWidth
+      width: _constants.akEditorTableNumberColumnWidth
     },
     "data-test-id": 'num'
   }), colStyles.map(function (style, idx) {

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

@@ -12,7 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _injectProps = require("../../utils/inject-props");
 var _table = require("./table");
@@ -82,7 +82,7 @@ var FixedTableDiv = function FixedTableDiv(props) {
   if (allowTableResizing) {
     stickyHeaderZIndex = 13;
   } else {
-    stickyHeaderZIndex = _editorSharedStyles.akEditorStickyHeaderZIndex;
+    stickyHeaderZIndex = _constants.akEditorStickyHeaderZIndex;
   }
   var attrs = {
     mode: mode

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

@@ -8,11 +8,11 @@ exports.Table = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
-var _table = require("@atlaskit/editor-common/table");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _contentMode = require("@atlaskit/editor-common/table/content-mode");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _colgroup = require("./colgroup");
-var _contentMode = require("./content-mode");
+var _contentMode2 = require("./content-mode");
 var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _tableNode$attrs;
   var innerRef = _ref.innerRef,
@@ -33,7 +33,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
     _ref$allowFixedColumn = _ref.allowFixedColumnWidthOption,
     allowFixedColumnWidthOption = _ref$allowFixedColumn === void 0 ? false : _ref$allowFixedColumn;
-  var tableWidth = tableNode ? (0, _nodeWidth.getTableContainerWidth)(tableNode) : _editorSharedStyles.akEditorDefaultLayoutWidth;
+  var tableWidth = tableNode ? (0, _nodeWidth.getTableContainerWidth)(tableNode) : _constants.akEditorDefaultLayoutWidth;
   var tableColumnWidths = columnWidths;
   if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
     tableWidth = 'inherit';
@@ -45,9 +45,9 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
   }
   var tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
   var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
-  var isContentMode = (0, _table.isTableInContentMode)({
+  var isContentMode = (0, _contentMode.isTableInContentMode)({
     tableNode: tableNode,
-    isSupported: (0, _contentMode.isContentModeSupported)({
+    isSupported: (0, _contentMode2.isContentModeSupported)({
       allowTableResizing: allowTableResizing,
       rendererAppearance: rendererAppearance
     }),

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

@@ -15,12 +15,15 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
+var _OverflowShadow = _interopRequireDefault(require("@atlaskit/editor-common/OverflowShadow"));
 var _styles = require("@atlaskit/editor-common/styles");
-var _table = require("@atlaskit/editor-common/table");
+var _table = require("@atlaskit/editor-common/styles/table");
+var _contentMode = require("@atlaskit/editor-common/table/content-mode");
 var _types = require("@atlaskit/editor-common/types");
-var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _compareNodes = require("@atlaskit/editor-common/utils/compareNodes");
+var _compose = require("@atlaskit/editor-common/utils/compose");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -29,7 +32,7 @@ var _rendererContext = require("../../renderer-context");
 var _style = require("../../ui/Renderer/style");
 var _SmartCardStorage = require("../../ui/SmartCardStorage");
 var _appearance = require("../utils/appearance");
-var _contentMode = require("./table/content-mode");
+var _contentMode2 = require("./table/content-mode");
 var _sticky = require("./table/sticky");
 var _table2 = require("./table/table");
 var _tableCell = require("./tableCell");
@@ -70,7 +73,7 @@ var orderChildren = exports.orderChildren = function orderChildren(children, tab
   }
   var order = tableOrderStatus.order,
     columnIndex = tableOrderStatus.columnIndex;
-  var compareNodesInOrder = (0, _utils.createCompareNodes)({
+  var compareNodesInOrder = (0, _compareNodes.createCompareNodes)({
     getInlineCardTextFromStore: function getInlineCardTextFromStore(attrs) {
       var _ref = attrs,
         url = _ref.url;
@@ -553,7 +556,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       if (!this.tableRef.current || !this.stickyHeaderRef.current) {
         return;
       }
-      return this.tableRef.current.offsetHeight - this.stickyHeaderRef.current.offsetHeight + _styles.tableMarginTop - _sticky.tableStickyPadding;
+      return this.tableRef.current.offsetHeight - this.stickyHeaderRef.current.offsetHeight + _table.tableMarginTop - _sticky.tableStickyPadding;
     }
 
     /**
@@ -615,7 +618,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         isPresentational = _this$props.isPresentational,
         allowFixedColumnWidthOption = _this$props.allowFixedColumnWidthOption;
       var stickyMode = this.state.stickyMode;
-      var lineLengthFixedWidth = _editorSharedStyles.akEditorDefaultLayoutWidth;
+      var lineLengthFixedWidth = _constants.akEditorDefaultLayoutWidth;
       var updatedLayout;
       var fullPageRendererWidthCSS = (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
         exposure: true
@@ -623,9 +626,9 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       var renderWidthCSS = rendererAppearance === 'full-page' ? fullPageRendererWidthCSS : "100cqw";
       var calcDefaultLayoutWidthByAppearance = function calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode) {
         if (rendererAppearance === 'max' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
-          return "min(".concat(_editorSharedStyles.akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+          return "min(".concat(_constants.akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
         } else if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
-          return "min(".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+          return "min(".concat(_constants.akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
         } else if (rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           return renderWidthCSS;
         } else {
@@ -638,8 +641,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
 
       // Logic for table alignment in renderer
       var isTableAlignStart = tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment;
-      var fullWidthLineLengthCSS = "min(".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
-      var maxWidthLineLengthCSS = "min(".concat(_editorSharedStyles.akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+      var fullWidthLineLengthCSS = "min(".concat(_constants.akEditorFullWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
+      var maxWidthLineLengthCSS = "min(".concat(_constants.akEditorMaxWidthLayoutWidth, "px, ").concat(renderWidthCSS, ")");
       var isCommentAppearanceAndTableAlignmentEnabled = (0, _appearance.isCommentAppearance)(rendererAppearance) && allowTableAlignment;
       var lineLengthCSS = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLengthCSS : (0, _appearance.isMaxWidthAppearance)(rendererAppearance) ? maxWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
       var tableWidthNew = (0, _nodeWidth.getTableContainerWidth)(tableNode);
@@ -683,7 +686,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
 
         // !NOTE: it a table resized to 760 is copied from 'full-page' editor and pasted in comment editor
         // where (allowTableResizing && !allowTableAlignment), the table will loose 760px width.
-        finalTableContainerWidth = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width && (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width) !== _editorSharedStyles.akEditorDefaultLayoutWidth ? "calc(".concat(tableWidthCSS, ")") : 'inherit';
+        finalTableContainerWidth = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width && (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width) !== _constants.akEditorDefaultLayoutWidth ? "calc(".concat(tableWidthCSS, ")") : 'inherit';
       }
       if (rendererAppearance === 'comment' && allowTableResizing && allowTableAlignment) {
         // If table alignment is enabled and layout is not 'align-start' or 'center', we are loading a table that was
@@ -691,9 +694,9 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         // instead of 760 that was set on tableNode when the table had been published.
         finalTableContainerWidth = ((tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'align-start' || (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'center') && tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? "calc(".concat(tableWidthCSS, ")") : 'inherit';
       }
-      var isContentModeTable = (0, _table.isTableInContentMode)({
+      var isContentModeTable = (0, _contentMode.isTableInContentMode)({
         tableNode: tableNode,
-        isSupported: (0, _contentMode.isContentModeSupported)({
+        isSupported: (0, _contentMode2.isContentModeSupported)({
           allowTableResizing: allowTableResizing,
           rendererAppearance: rendererAppearance
         }),
@@ -981,7 +984,7 @@ var TableProcessorWithContainerStyles = exports.TableProcessorWithContainerStyle
       }
       var childrenArray = _react.default.Children.toArray(children);
       var childrenWithTableEdgeProps = (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? addTableCellEdgePropsThroughWrappers(childrenArray, tableNode, isNumberColumnEnabled) : childrenArray;
-      var orderedChildren = (0, _utils.compose)(this.addNumberColumnIndexes, this.addSortableColumn
+      var orderedChildren = (0, _compose.compose)(this.addNumberColumnIndexes, this.addSortableColumn
       // @ts-expect-error TS2345: Argument of type '(ReactChild | ReactFragment | ReactPortal)[]' is not assignable to parameter of type 'ReactElement<any, string | JSXElementConstructor<any>>[]'
       )(childrenWithTableEdgeProps);
       return /*#__PURE__*/_react.default.createElement(TableContainer, {
@@ -1010,7 +1013,7 @@ var TableProcessorWithContainerStyles = exports.TableProcessorWithContainerStyle
     }
   }]);
 }(_react.default.Component); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-var TableWithShadowsAndContainerStyles = (0, _ui.overflowShadow)(TableProcessorWithContainerStyles, {
+var TableWithShadowsAndContainerStyles = (0, _OverflowShadow.default)(TableProcessorWithContainerStyles, {
   /**
    * The :scope is in reference to table container and we are selecting only
    * direct children that match the table node wrapper selector, not their

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

@@ -10,10 +10,10 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _getDarkModeLchColor = require("@atlaskit/adf-schema/get-dark-mode-lch-color");
 var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _table = require("@atlaskit/editor-common/table");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _SortingIcon = _interopRequireDefault(require("@atlaskit/editor-common/table/SortingIcon"));
 var _types = require("@atlaskit/editor-common/types");
-var _editorPalette = require("@atlaskit/editor-palette");
+var _background = require("@atlaskit/editor-palette/background");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
@@ -120,7 +120,7 @@ var getStyle = function getStyle(_ref) {
      * See the following document for more details on this behaviour
      * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
      */
-    var tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteRawValue)(background);
+    var tokenColor = (0, _background.hexToEditorBackgroundPaletteRawValue)(background);
     if (tokenColor) {
       style.backgroundColor = tokenColor;
     } else if (
@@ -238,7 +238,7 @@ var withSortableColumn = exports.withSortableColumn = function withSortableColum
     }, children, /*#__PURE__*/_react.default.createElement("figure", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
-    }, /*#__PURE__*/_react.default.createElement(_table.SortingIcon, {
+    }, /*#__PURE__*/_react.default.createElement(_SortingIcon.default, {
       isSortingAllowed: !!onSorting,
       sortOrdered: sortOrdered,
       onClick: sort,
@@ -265,25 +265,25 @@ var withSortableColumn = exports.withSortableColumn = function withSortableColum
         var sortOrder = nextStatusOrder(sortOrdered);
         onSorting(columnIndex, sortOrder);
         fireAnalyticsEvent && fireAnalyticsEvent({
-          action: _analytics.ACTION.SORT_COLUMN,
-          actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+          action: _enums.ACTION.SORT_COLUMN,
+          actionSubject: _enums.ACTION_SUBJECT.TABLE,
           attributes: {
             platform: _events.PLATFORM.WEB,
             mode: _events.MODE.RENDERER,
             columnIndex: columnIndex,
             sortOrder: sortOrder
           },
-          eventType: _analytics.EVENT_TYPE.TRACK
+          eventType: _enums.EVENT_TYPE.TRACK
         });
       } else {
         fireAnalyticsEvent && fireAnalyticsEvent({
-          action: _analytics.ACTION.SORT_COLUMN_NOT_ALLOWED,
-          actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+          action: _enums.ACTION.SORT_COLUMN_NOT_ALLOWED,
+          actionSubject: _enums.ACTION_SUBJECT.TABLE,
           attributes: {
             platform: _events.PLATFORM.WEB,
             mode: _events.MODE.RENDERER
           },
-          eventType: _analytics.EVENT_TYPE.TRACK
+          eventType: _enums.EVENT_TYPE.TRACK
         });
       }
     }

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

@@ -15,7 +15,8 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _FabricElementsAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext");
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+var _providerFactory = _interopRequireDefault(require("@atlaskit/editor-common/provider-factory/provider-factory"));
+var _withProviders = require("@atlaskit/editor-common/provider-factory/with-providers");
 var _TaskItemsFormatContext = require("../../ui/TaskItemsFormatContext/TaskItemsFormatContext");
 var _taskItemWithProviders = _interopRequireDefault(require("./task-item-with-providers"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -72,7 +73,7 @@ var TaskItem = exports.default = /*#__PURE__*/function (_PureComponent) {
         }, children);
       })));
     });
-    _this.providerFactory = props.providers || new _providerFactory.ProviderFactory();
+    _this.providerFactory = props.providers || new _providerFactory.default();
     return _this;
   }
   (0, _inherits2.default)(TaskItem, _PureComponent);
@@ -88,7 +89,7 @@ var TaskItem = exports.default = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
+      return /*#__PURE__*/_react.default.createElement(_withProviders.WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['taskDecisionProvider', 'contextIdentifierProvider'],

package/dist/cjs/react/utils/EditorMediaClientProvider.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.EditorMediaClientProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+var _context = require("@atlaskit/editor-common/provider-factory/context");
 var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
 var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
@@ -27,8 +27,8 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     mediaClientConfig = _useState2[0],
     setMediaClientConfig = _useState2[1];
-  var providerFactory = (0, _providerFactory.useProviderFactory)();
-  var mediaProvider = (0, _providerFactory.useProviderLayout)('mediaProvider');
+  var providerFactory = (0, _context.useProviderFactory)();
+  var mediaProvider = (0, _context.useProviderLayout)('mediaProvider');
 
   /**
    * Whether this renderer has its own media provider and should never inherit

package/dist/cjs/react/utils/use-select-all-trap.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSelectAllTrap = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _analyticsContext = _interopRequireDefault(require("../../analytics/analyticsContext"));
 var _elementSelection = require("./element-selection");
 // Ignored via go/ees005
@@ -33,17 +33,17 @@ var useSelectAllTrap = exports.useSelectAllTrap = function useSelectAllTrap() {
     var isInput = (_e$target = e.target) === null || _e$target === void 0 || (_e$target$matches = _e$target.matches) === null || _e$target$matches === void 0 ? void 0 : _e$target$matches.call(_e$target, 'input');
     if (elementSelection.eq(caught.current) || isInput) {
       fireAnalyticsEvent({
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        action: _analytics.ACTION.SELECT_ALL_ESCAPED,
-        actionSubject: _analytics.ACTION_SUBJECT.RENDERER
+        eventType: _enums.EVENT_TYPE.TRACK,
+        action: _enums.ACTION.SELECT_ALL_ESCAPED,
+        actionSubject: _enums.ACTION_SUBJECT.RENDERER
       });
       return;
     }
     if (elementSelection.inside(el) || elementSelection.type === 'None' && clicked.current) {
       fireAnalyticsEvent({
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        action: _analytics.ACTION.SELECT_ALL_CAUGHT,
-        actionSubject: _analytics.ACTION_SUBJECT.RENDERER
+        eventType: _enums.EVENT_TYPE.TRACK,
+        action: _enums.ACTION.SELECT_ALL_CAUGHT,
+        actionSubject: _enums.ACTION_SUBJECT.RENDERER
       });
       e.preventDefault();
       caught.current = elementSelection.select(el);