@atlaskit/renderer 108.15.12 → 108.15.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/react/nodes/embedCard.js +7 -3
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/cjs/ui/Renderer/style.js +1 -1
  5. package/dist/es2019/react/nodes/embedCard.js +7 -3
  6. package/dist/es2019/ui/Renderer/index.js +1 -1
  7. package/dist/es2019/ui/Renderer/style.js +2 -2
  8. package/dist/esm/react/nodes/embedCard.js +7 -3
  9. package/dist/esm/ui/Renderer/index.js +1 -1
  10. package/dist/esm/ui/Renderer/style.js +1 -1
  11. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 108.15.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [#41531](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41531) [`7301110e9d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7301110e9d4) - [ux] remove force width in editor table container to fix right shadow
8
+
9
+ ## 108.15.13
10
+
11
+ ### Patch Changes
12
+
13
+ - [#41521](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41521) [`3787f4e37c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3787f4e37c7) - Fix smart link embed url display veritically on ssr when the renderer is full width.
14
+
3
15
  ## 108.15.12
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/react/nodes/embedCard.js CHANGED
@@ -103,10 +103,14 @@ function EmbedCard(props) {
103
103
  return (0, _react.jsx)(_analyticsNext.AnalyticsContext, {
104
104
  data: analyticsData
105
105
  }, (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref2) {
106
- var containerWidth = _ref2.width,
107
- breakpoint = _ref2.breakpoint;
108
- var nonFullWidthSize = containerWidth;
106
+ var documentWidth = _ref2.width;
109
107
  var isFullWidth = rendererAppearance === 'full-width';
108
+ var containerWidth = documentWidth;
109
+ if (smartLinks !== null && smartLinks !== void 0 && smartLinks.ssr && !containerWidth) {
110
+ // EDM-8114: When we are rendering on SSR, we have no idea what the width is.
111
+ containerWidth = isFullWidth ? _editorSharedStyles.akEditorFullWidthLayoutWidth : _editorSharedStyles.akEditorDefaultLayoutWidth;
112
+ }
113
+ var nonFullWidthSize = containerWidth;
110
114
  if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
111
115
  var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= _editorSharedStyles.akEditorDefaultLayoutWidth;
112
116
  if (isContainerSizeGreaterThanMaxFullPageWidth) {
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -53,7 +53,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
53
53
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
54
54
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
55
55
  var packageName = "@atlaskit/renderer";
56
- var packageVersion = "108.15.12";
56
+ var packageVersion = "108.15.14";
57
57
  var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
58
58
  (0, _inherits2.default)(Renderer, _PureComponent);
59
59
  var _super = _createSuper(Renderer);
package/dist/cjs/ui/Renderer/style.js CHANGED
@@ -110,7 +110,7 @@ var fullWidthStyles = function fullWidthStyles(_ref5) {
110
110
  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 ");
111
111
  };
112
112
  var breakoutWidthStyle = function breakoutWidthStyle() {
113
- return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n *:not([data-mark-type='fragment'])\n .", " {\n width: 100% !important;\n left: 0 !important;\n }\n\n [data-mark-type='fragment'] * .", " {\n width: 100% !important;\n left: 0 !important;\n }\n "])), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER);
113
+ 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);
114
114
  };
115
115
  var getShadowOverrides = function getShadowOverrides() {
116
116
  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/react/nodes/embedCard.js CHANGED
@@ -101,11 +101,15 @@ export default function EmbedCard(props) {
101
101
  return jsx(AnalyticsContext, {
102
102
  data: analyticsData
103
103
  }, jsx(WidthConsumer, null, ({
104
- width: containerWidth,
105
- breakpoint
104
+ width: documentWidth
106
105
  }) => {
107
- let nonFullWidthSize = containerWidth;
108
106
  const isFullWidth = rendererAppearance === 'full-width';
107
+ let containerWidth = documentWidth;
108
+ if (smartLinks !== null && smartLinks !== void 0 && smartLinks.ssr && !containerWidth) {
109
+ // EDM-8114: When we are rendering on SSR, we have no idea what the width is.
110
+ containerWidth = isFullWidth ? akEditorFullWidthLayoutWidth : akEditorDefaultLayoutWidth;
111
+ }
112
+ let nonFullWidthSize = containerWidth;
109
113
  if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
110
114
  const isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= akEditorDefaultLayoutWidth;
111
115
  if (isContainerSizeGreaterThanMaxFullPageWidth) {
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
35
35
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
36
36
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
37
37
  const packageName = "@atlaskit/renderer";
38
- const packageVersion = "108.15.12";
38
+ const packageVersion = "108.15.14";
39
39
  export class Renderer extends PureComponent {
40
40
  constructor(props) {
41
41
  super(props);
package/dist/es2019/ui/Renderer/style.js CHANGED
@@ -347,12 +347,12 @@ const breakoutWidthStyle = () => {
347
347
  return css`
348
348
  *:not([data-mark-type='fragment'])
349
349
  .${TableSharedCssClassName.TABLE_CONTAINER} {
350
- width: 100% !important;
350
+ width: 100%;
351
351
  left: 0 !important;
352
352
  }
353
353
 
354
354
  [data-mark-type='fragment'] * .${TableSharedCssClassName.TABLE_CONTAINER} {
355
- width: 100% !important;
355
+ width: 100%;
356
356
  left: 0 !important;
357
357
  }
358
358
  `;
package/dist/esm/react/nodes/embedCard.js CHANGED
@@ -96,10 +96,14 @@ export default function EmbedCard(props) {
96
96
  return jsx(AnalyticsContext, {
97
97
  data: analyticsData
98
98
  }, jsx(WidthConsumer, null, function (_ref2) {
99
- var containerWidth = _ref2.width,
100
- breakpoint = _ref2.breakpoint;
101
- var nonFullWidthSize = containerWidth;
99
+ var documentWidth = _ref2.width;
102
100
  var isFullWidth = rendererAppearance === 'full-width';
101
+ var containerWidth = documentWidth;
102
+ if (smartLinks !== null && smartLinks !== void 0 && smartLinks.ssr && !containerWidth) {
103
+ // EDM-8114: When we are rendering on SSR, we have no idea what the width is.
104
+ containerWidth = isFullWidth ? akEditorFullWidthLayoutWidth : akEditorDefaultLayoutWidth;
105
+ }
106
+ var nonFullWidthSize = containerWidth;
103
107
  if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
104
108
  var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= akEditorDefaultLayoutWidth;
105
109
  if (isContainerSizeGreaterThanMaxFullPageWidth) {
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
45
45
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
46
46
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
47
47
  var packageName = "@atlaskit/renderer";
48
- var packageVersion = "108.15.12";
48
+ var packageVersion = "108.15.14";
49
49
  export var Renderer = /*#__PURE__*/function (_PureComponent) {
50
50
  _inherits(Renderer, _PureComponent);
51
51
  var _super = _createSuper(Renderer);
package/dist/esm/ui/Renderer/style.js CHANGED
@@ -101,7 +101,7 @@ var fullWidthStyles = function fullWidthStyles(_ref5) {
101
101
  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 ");
102
102
  };
103
103
  var breakoutWidthStyle = function breakoutWidthStyle() {
104
- return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n *:not([data-mark-type='fragment'])\n .", " {\n width: 100% !important;\n left: 0 !important;\n }\n\n [data-mark-type='fragment'] * .", " {\n width: 100% !important;\n left: 0 !important;\n }\n "])), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
104
+ 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);
105
105
  };
106
106
  var getShadowOverrides = function getShadowOverrides() {
107
107
  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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "108.15.12",
3
+ "version": "108.15.14",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
31
31
  "@atlaskit/analytics-next": "^9.1.0",
32
32
  "@atlaskit/button": "^16.10.0",
33
33
  "@atlaskit/code": "^14.6.0",
34
- "@atlaskit/editor-common": "^76.10.0",
34
+ "@atlaskit/editor-common": "^76.11.0",
35
35
  "@atlaskit/editor-json-transformer": "^8.10.0",
36
36
  "@atlaskit/editor-palette": "1.5.1",
37
37
  "@atlaskit/editor-prosemirror": "1.1.0",
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/media-ui": "^25.0.0",
47
47
  "@atlaskit/media-viewer": "^48.1.0",
48
48
  "@atlaskit/platform-feature-flags": "^0.2.0",
49
- "@atlaskit/smart-card": "^26.34.0",
49
+ "@atlaskit/smart-card": "^26.35.0",
50
50
  "@atlaskit/status": "^1.4.0",
51
51
  "@atlaskit/task-decision": "^17.9.0",
52
52
  "@atlaskit/theme": "^12.6.0",
@@ -69,7 +69,7 @@
69
69
  "devDependencies": {
70
70
  "@af/visual-regression": "*",
71
71
  "@atlaskit/analytics-gas-types": "^5.1.0",
72
- "@atlaskit/css-reset": "^6.5.0",
72
+ "@atlaskit/css-reset": "^6.6.0",
73
73
  "@atlaskit/link-provider": "^1.6.0",
74
74
  "@atlaskit/link-test-helpers": "^6.1.0",
75
75
  "@atlaskit/media-core": "^34.1.0",