@atlaskit/renderer 108.15.19 → 108.15.21

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 108.15.21
+
+### Patch Changes
+
+- [#43083](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43083) [`5fab3712542`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5fab3712542) - Add data attribute to table in renderer for width
+- Updated dependencies
+
+## 108.15.20
+
+### Patch Changes
+
+- [#43014](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43014) [`f021d31543e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f021d31543e) - create useFileState hook versions of header and itemviewer, create list-v2, refactor MediaFileStateError to media-client-react
+- [#42702](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42702) [`79e5ed8fac7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79e5ed8fac7) - ED-19543 remove unused FF check
+- [#43014](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43014) [`761551f78ab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/761551f78ab) - Implement useFileState hook on Media Viewer under Version 2
+- Updated dependencies
+
 ## 108.15.19
 
 ### Patch Changes

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

@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _mediaCommon = require("@atlaskit/media-common");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _style = require("../../../ui/Renderer/style");
@@ -70,8 +69,6 @@ var MediaSingle = function MediaSingle(props) {
     widthType = props.widthType,
     _props$allowCaptions = props.allowCaptions,
     allowCaptions = _props$allowCaptions === void 0 ? false : _props$allowCaptions;
-  var isCaptionsFlaggedOn = (0, _mediaCommon.getMediaFeatureFlag)('captions', featureFlags);
-  var showCaptions = allowCaptions ? allowCaptions : isCaptionsFlaggedOn;
   var _React$useState = _react.default.useState({
       width: 0,
       height: 0
@@ -183,7 +180,7 @@ var MediaSingle = function MediaSingle(props) {
         widthType: widthType
       },
       fullWidthMode: isFullWidth
-    }, (0, _react2.jsx)(_react.Fragment, null, mediaComponent), showCaptions && caption);
+    }, (0, _react2.jsx)(_react.Fragment, null, mediaComponent), allowCaptions && caption);
   };
   return (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref3) {
     var width = _ref3.width;

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.Table = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _colgroup = require("./colgroup");
+var _nodeWidth = require("@atlaskit/editor-common/node-width");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
   var innerRef = _ref.innerRef,
     isNumberColumnEnabled = _ref.isNumberColumnEnabled,
@@ -17,9 +19,11 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     tableNode = _ref.tableNode,
     rendererAppearance = _ref.rendererAppearance,
     isInsideOfBlockNode = _ref.isInsideOfBlockNode;
+  var tableWidth = tableNode ? (0, _nodeWidth.getTableContainerWidth)(tableNode) : _editorSharedStyles.akEditorDefaultLayoutWidth;
   return /*#__PURE__*/_react.default.createElement("table", {
     "data-testid": "renderer-table",
     "data-number-column": isNumberColumnEnabled,
+    "data-table-width": tableWidth,
     ref: innerRef
   }, /*#__PURE__*/_react.default.createElement(_colgroup.Colgroup, {
     columnWidths: columnWidths,

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.19";
+var packageVersion = "108.15.21";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

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

@@ -3,7 +3,6 @@
 import { default as React, Fragment } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { MediaSingle as UIMediaSingle, WidthConsumer } from '@atlaskit/editor-common/ui';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { FullPagePadding } from '../../../ui/Renderer/style';
@@ -59,8 +58,6 @@ const MediaSingle = props => {
     widthType,
     allowCaptions = false
   } = props;
-  const isCaptionsFlaggedOn = getMediaFeatureFlag('captions', featureFlags);
-  const showCaptions = allowCaptions ? allowCaptions : isCaptionsFlaggedOn;
   const [externalImageDimensions, setExternalImageDimensions] = React.useState({
     width: 0,
     height: 0
@@ -169,7 +166,7 @@ const MediaSingle = props => {
         widthType
       },
       fullWidthMode: isFullWidth
-    }, jsx(Fragment, null, mediaComponent), showCaptions && caption);
+    }, jsx(Fragment, null, mediaComponent), allowCaptions && caption);
   };
   return jsx(WidthConsumer, null, ({
     width

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

@@ -1,5 +1,7 @@
 import React from 'react';
 import { Colgroup } from './colgroup';
+import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 export const Table = /*#__PURE__*/React.memo(({
   innerRef,
   isNumberColumnEnabled,
@@ -11,9 +13,11 @@ export const Table = /*#__PURE__*/React.memo(({
   rendererAppearance,
   isInsideOfBlockNode
 }) => {
+  const tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
   return /*#__PURE__*/React.createElement("table", {
     "data-testid": "renderer-table",
     "data-number-column": isNumberColumnEnabled,
+    "data-table-width": tableWidth,
     ref: innerRef
   }, /*#__PURE__*/React.createElement(Colgroup, {
     columnWidths: columnWidths,

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.19";
+const packageVersion = "108.15.21";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

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

@@ -4,7 +4,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { default as React, Fragment } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { MediaSingle as UIMediaSingle, WidthConsumer } from '@atlaskit/editor-common/ui';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { FullPagePadding } from '../../../ui/Renderer/style';
@@ -60,8 +59,6 @@ var MediaSingle = function MediaSingle(props) {
     widthType = props.widthType,
     _props$allowCaptions = props.allowCaptions,
     allowCaptions = _props$allowCaptions === void 0 ? false : _props$allowCaptions;
-  var isCaptionsFlaggedOn = getMediaFeatureFlag('captions', featureFlags);
-  var showCaptions = allowCaptions ? allowCaptions : isCaptionsFlaggedOn;
   var _React$useState = React.useState({
       width: 0,
       height: 0
@@ -173,7 +170,7 @@ var MediaSingle = function MediaSingle(props) {
         widthType: widthType
       },
       fullWidthMode: isFullWidth
-    }, jsx(Fragment, null, mediaComponent), showCaptions && caption);
+    }, jsx(Fragment, null, mediaComponent), allowCaptions && caption);
   };
   return jsx(WidthConsumer, null, function (_ref3) {
     var width = _ref3.width;

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

@@ -1,5 +1,7 @@
 import React from 'react';
 import { Colgroup } from './colgroup';
+import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 export var Table = /*#__PURE__*/React.memo(function (_ref) {
   var innerRef = _ref.innerRef,
     isNumberColumnEnabled = _ref.isNumberColumnEnabled,
@@ -10,9 +12,11 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     tableNode = _ref.tableNode,
     rendererAppearance = _ref.rendererAppearance,
     isInsideOfBlockNode = _ref.isInsideOfBlockNode;
+  var tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
   return /*#__PURE__*/React.createElement("table", {
     "data-testid": "renderer-table",
     "data-number-column": isNumberColumnEnabled,
+    "data-table-width": tableWidth,
     ref: innerRef
   }, /*#__PURE__*/React.createElement(Colgroup, {
     columnWidths: columnWidths,

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.19";
+var packageVersion = "108.15.21";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.15.19",
+  "version": "108.15.21",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,23 +29,23 @@
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.14.0",
+    "@atlaskit/button": "^16.16.0",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/editor-common": "^76.18.0",
+    "@atlaskit/editor-common": "^76.20.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@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.15.0",
-    "@atlaskit/media-card": "^77.3.0",
+    "@atlaskit/link-datasource": "^1.16.0",
+    "@atlaskit/media-card": "^77.4.0",
     "@atlaskit/media-client": "^25.0.0",
-    "@atlaskit/media-client-react": "^1.3.0",
-    "@atlaskit/media-common": "^10.0.0",
+    "@atlaskit/media-client-react": "^1.4.0",
+    "@atlaskit/media-common": "^11.0.0",
     "@atlaskit/media-filmstrip": "^47.0.0",
     "@atlaskit/media-ui": "^25.0.0",
-    "@atlaskit/media-viewer": "^48.1.0",
+    "@atlaskit/media-viewer": "^48.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/smart-card": "^26.42.0",
     "@atlaskit/status": "^1.4.0",
@@ -124,6 +124,10 @@
     },
     "platform.editor.table.increase-shadow-visibility_lh89r": {
       "type": "boolean"
+    },
+    "platform.media-experience.media-viewer-v2_hgsii": {
+      "type": "boolean",
+      "referenceOnly": "true"
     }
   }
 }