@atlaskit/renderer 108.15.15 → 108.15.16

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/renderer
 
+## 108.15.16
+
+### Patch Changes
+
+- [#41659](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41659) [`a0c97a19dba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a0c97a19dba) - Remove unused utils and depreciated exports in mediaClient.
+- [#42195](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42195) [`09876d718cc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/09876d718cc) - add back important styles to nested table, fixes table in expand width issue
+- Updated dependencies
+
 ## 108.15.15
 
 ### Patch Changes

package/dist/cjs/i18n/tr.js

@@ -27,6 +27,6 @@ var _default = exports.default = {
   'fabric.editor.tableHeader.sorting.asc': 'Artan biçimde sıralama uygulandı',
   'fabric.editor.tableHeader.sorting.default': 'Sütunu sırala',
   'fabric.editor.tableHeader.sorting.desc': 'Azalan biçimde sıralama uygulandı',
-  'fabric.editor.tableHeader.sorting.invalid': 'Birleştirilmiş hücre içeren bir tabloyu sıralayamazsınız',
+  'fabric.editor.tableHeader.sorting.invalid': 'Birleştirilmiş hücreler içeren bir tabloyu sıralayamazsınız',
   'fabric.editor.tableHeader.sorting.no': 'Sütuna sıralama uygulanmadı'
 };

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

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaUi = require("@atlaskit/media-ui");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _mediaClient = require("@atlaskit/media-client");
+var _mediaClientReact = require("@atlaskit/media-client-react");
 var _MediaCard = require("../../ui/MediaCard");
 var _reactIntlNext = require("react-intl-next");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -74,7 +74,7 @@ var RenderMediaInline = exports.RenderMediaInline = function RenderMediaInline(_
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            mediaClient = (0, _mediaClient.getMediaClient)(mediaClientConfig);
+            mediaClient = (0, _mediaClientReact.getMediaClient)(mediaClientConfig);
             options = {
               collectionName: collectionName
             };

package/dist/cjs/ui/MediaCard.js

@@ -18,7 +18,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _traverse = require("@atlaskit/adf-utils/traverse");
 var _mediaCard = require("@atlaskit/media-card");
-var _mediaClient = require("@atlaskit/media-client");
+var _mediaClientReact = require("@atlaskit/media-client-react");
 var _utils = require("@atlaskit/editor-common/utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -73,7 +73,7 @@ var MediaCardInternal = exports.MediaCardInternal = /*#__PURE__*/function (_Comp
           while (1) switch (_context.prev = _context.next) {
             case 0:
               collectionName = _this.props.collection;
-              mediaClient = (0, _mediaClient.getMediaClient)(mediaClientConfig);
+              mediaClient = (0, _mediaClientReact.getMediaClient)(mediaClientConfig);
               options = {
                 collectionName: collectionName
               };

package/dist/cjs/ui/Renderer/index.js

@@ -53,7 +53,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.15.15";
+var packageVersion = "108.15.16";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/cjs/ui/Renderer/style.js

@@ -110,7 +110,7 @@ var fullWidthStyles = function fullWidthStyles(_ref5) {
   return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    max-width: ", "px;\n    margin: 0 auto;\n\n    .fabric-editor-breakout-mark,\n    .ak-renderer-extension {\n      width: 100% !important;\n    }\n\n    ", "\n  "])), _editorSharedStyles.akEditorFullWidthLayoutWidth, (0, _table.isTableResizingEnabled)(appearance) ? '' : "\n      .pm-table-container {\n        width: 100% !important;\n      }\n    ");
 };
 var breakoutWidthStyle = function breakoutWidthStyle() {
-  return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n    *:not([data-mark-type='fragment'])\n      .", " {\n      width: 100%;\n      left: 0 !important;\n    }\n\n    [data-mark-type='fragment'] * .", " {\n      width: 100%;\n      left: 0 !important;\n    }\n  "])), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER);
+  return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n    *:not([data-mark-type='fragment'])\n      .", " {\n      // TODO - improve inline style logic on table container so important styles aren't required here\n      width: 100% !important;\n      left: 0 !important;\n    }\n\n    [data-mark-type='fragment'] * .", " {\n      // TODO - improve inline style logic on table container so important styles aren't required here\n      width: 100% !important;\n      left: 0 !important;\n    }\n  "])), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER);
 };
 var getShadowOverrides = function getShadowOverrides() {
   return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.increase-shadow-visibility_lh89r') ? (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n        /** Shadow overrides */\n        &.", "::after,\n          &.", "::before {\n          width: ", "px;\n          background: linear-gradient(\n              to left,\n              transparent 0,\n              ", " 140%\n            ),\n            linear-gradient(\n              to right,\n              ", " 0px,\n              transparent 1px\n            );\n        }\n\n        &.", "::after {\n          background: linear-gradient(\n              to right,\n              transparent 0,\n              ", " 140%\n            ),\n            linear-gradient(\n              to left,\n              ", " 0px,\n              transparent 1px\n            );\n          left: calc(100% - ", "px);\n        }\n      "])), _ui.shadowClassNames.RIGHT_SHADOW, _ui.shadowClassNames.LEFT_SHADOW, tableShadowWidth, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", _ui.shadowClassNames.RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", tableShadowWidth) : '';

package/dist/es2019/i18n/tr.js

@@ -21,6 +21,6 @@ export default {
   'fabric.editor.tableHeader.sorting.asc': 'Artan biçimde sıralama uygulandı',
   'fabric.editor.tableHeader.sorting.default': 'Sütunu sırala',
   'fabric.editor.tableHeader.sorting.desc': 'Azalan biçimde sıralama uygulandı',
-  'fabric.editor.tableHeader.sorting.invalid': 'Birleştirilmiş hücre içeren bir tabloyu sıralayamazsınız',
+  'fabric.editor.tableHeader.sorting.invalid': 'Birleştirilmiş hücreler içeren bir tabloyu sıralayamazsınız',
   'fabric.editor.tableHeader.sorting.no': 'Sütuna sıralama uygulanmadı'
 };

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

@@ -3,7 +3,7 @@ import React, { useEffect, useState, useCallback } from 'react';
 import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaInlineCardErroredView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { getMediaClient } from '@atlaskit/media-client';
+import { getMediaClient } from '@atlaskit/media-client-react';
 import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 import { createIntl, injectIntl } from 'react-intl-next';
 export const RenderMediaInline = ({

package/dist/es2019/ui/MediaCard.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
-import { getMediaClient } from '@atlaskit/media-client';
+import { getMediaClient } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
 export const mediaIdentifierMap = new Map();
 export const getListOfIdentifiersFromDoc = doc => {

package/dist/es2019/ui/Renderer/index.js

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.15.15";
+const packageVersion = "108.15.16";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/es2019/ui/Renderer/style.js

@@ -347,12 +347,14 @@ const breakoutWidthStyle = () => {
   return css`
     *:not([data-mark-type='fragment'])
       .${TableSharedCssClassName.TABLE_CONTAINER} {
-      width: 100%;
+      // TODO - improve inline style logic on table container so important styles aren't required here
+      width: 100% !important;
       left: 0 !important;
     }
 
     [data-mark-type='fragment'] * .${TableSharedCssClassName.TABLE_CONTAINER} {
-      width: 100%;
+      // TODO - improve inline style logic on table container so important styles aren't required here
+      width: 100% !important;
       left: 0 !important;
     }
   `;

package/dist/esm/i18n/tr.js

@@ -21,6 +21,6 @@ export default {
   'fabric.editor.tableHeader.sorting.asc': 'Artan biçimde sıralama uygulandı',
   'fabric.editor.tableHeader.sorting.default': 'Sütunu sırala',
   'fabric.editor.tableHeader.sorting.desc': 'Azalan biçimde sıralama uygulandı',
-  'fabric.editor.tableHeader.sorting.invalid': 'Birleştirilmiş hücre içeren bir tabloyu sıralayamazsınız',
+  'fabric.editor.tableHeader.sorting.invalid': 'Birleştirilmiş hücreler içeren bir tabloyu sıralayamazsınız',
   'fabric.editor.tableHeader.sorting.no': 'Sütuna sıralama uygulanmadı'
 };

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

@@ -9,7 +9,7 @@ import React, { useEffect, useState, useCallback } from 'react';
 import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaInlineCardErroredView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { getMediaClient } from '@atlaskit/media-client';
+import { getMediaClient } from '@atlaskit/media-client-react';
 import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 import { createIntl, injectIntl } from 'react-intl-next';
 export var RenderMediaInline = function RenderMediaInline(_ref) {

package/dist/esm/ui/MediaCard.js

@@ -14,7 +14,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React, { Component } from 'react';
 import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
-import { getMediaClient } from '@atlaskit/media-client';
+import { getMediaClient } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
 export var mediaIdentifierMap = new Map();
 export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {

package/dist/esm/ui/Renderer/index.js

@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.15.15";
+var packageVersion = "108.15.16";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/esm/ui/Renderer/style.js

@@ -101,7 +101,7 @@ var fullWidthStyles = function fullWidthStyles(_ref5) {
   return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    max-width: ", "px;\n    margin: 0 auto;\n\n    .fabric-editor-breakout-mark,\n    .ak-renderer-extension {\n      width: 100% !important;\n    }\n\n    ", "\n  "])), akEditorFullWidthLayoutWidth, isTableResizingEnabled(appearance) ? '' : "\n      .pm-table-container {\n        width: 100% !important;\n      }\n    ");
 };
 var breakoutWidthStyle = function breakoutWidthStyle() {
-  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    *:not([data-mark-type='fragment'])\n      .", " {\n      width: 100%;\n      left: 0 !important;\n    }\n\n    [data-mark-type='fragment'] * .", " {\n      width: 100%;\n      left: 0 !important;\n    }\n  "])), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    *:not([data-mark-type='fragment'])\n      .", " {\n      // TODO - improve inline style logic on table container so important styles aren't required here\n      width: 100% !important;\n      left: 0 !important;\n    }\n\n    [data-mark-type='fragment'] * .", " {\n      // TODO - improve inline style logic on table container so important styles aren't required here\n      width: 100% !important;\n      left: 0 !important;\n    }\n  "])), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
 };
 var getShadowOverrides = function getShadowOverrides() {
   return getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        /** Shadow overrides */\n        &.", "::after,\n          &.", "::before {\n          width: ", "px;\n          background: linear-gradient(\n              to left,\n              transparent 0,\n              ", " 140%\n            ),\n            linear-gradient(\n              to right,\n              ", " 0px,\n              transparent 1px\n            );\n        }\n\n        &.", "::after {\n          background: linear-gradient(\n              to right,\n              transparent 0,\n              ", " 140%\n            ),\n            linear-gradient(\n              to left,\n              ", " 0px,\n              transparent 1px\n            );\n          left: calc(100% - ", "px);\n        }\n      "])), shadowClassNames.RIGHT_SHADOW, shadowClassNames.LEFT_SHADOW, tableShadowWidth, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", shadowClassNames.RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", tableShadowWidth) : '';

package/dist/types/react/nodes/mediaInline.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { FileIdentifier } from '@atlaskit/media-client';
-import { MediaProvider, ClipboardAttrs } from '../../ui/MediaCard';
-import { IntlShape, WrappedComponentProps } from 'react-intl-next';
+import type { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { FileIdentifier } from '@atlaskit/media-client';
+import type { MediaProvider, ClipboardAttrs } from '../../ui/MediaCard';
+import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-import { RendererAppearance } from '../../ui/Renderer/types';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { RendererContext } from '../types';
+import type { RendererAppearance } from '../../ui/Renderer/types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { RendererContext } from '../types';
 type MediaInlineProviders = {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;

package/dist/types-ts4.5/react/nodes/mediaInline.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { FileIdentifier } from '@atlaskit/media-client';
-import { MediaProvider, ClipboardAttrs } from '../../ui/MediaCard';
-import { IntlShape, WrappedComponentProps } from 'react-intl-next';
+import type { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { FileIdentifier } from '@atlaskit/media-client';
+import type { MediaProvider, ClipboardAttrs } from '../../ui/MediaCard';
+import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-import { RendererAppearance } from '../../ui/Renderer/types';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { RendererContext } from '../types';
+import type { RendererAppearance } from '../../ui/Renderer/types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { RendererContext } from '../types';
 type MediaInlineProviders = {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.15.15",
+  "version": "108.15.16",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,22 +31,23 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/button": "^16.11.0",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/editor-common": "^76.13.0",
+    "@atlaskit/editor-common": "^76.15.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/emoji": "^67.5.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/link-datasource": "^1.9.0",
+    "@atlaskit/link-datasource": "^1.10.0",
     "@atlaskit/media-card": "^77.2.0",
-    "@atlaskit/media-client": "^24.0.0",
+    "@atlaskit/media-client": "^25.0.0",
+    "@atlaskit/media-client-react": "^1.3.0",
     "@atlaskit/media-common": "^9.0.0",
     "@atlaskit/media-filmstrip": "^47.0.0",
     "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/media-viewer": "^48.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/smart-card": "^26.37.0",
+    "@atlaskit/smart-card": "^26.39.0",
     "@atlaskit/status": "^1.4.0",
     "@atlaskit/task-decision": "^17.9.0",
     "@atlaskit/theme": "^12.6.0",
@@ -71,7 +72,7 @@
     "@atlaskit/analytics-gas-types": "^5.1.0",
     "@atlaskit/css-reset": "^6.6.0",
     "@atlaskit/link-provider": "^1.6.0",
-    "@atlaskit/link-test-helpers": "^6.1.0",
+    "@atlaskit/link-test-helpers": "^6.2.0",
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",