@atlaskit/renderer 106.0.2 → 107.1.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 107.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`9a25538e0ef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a25538e0ef) - [ux] ED-16723 Custom panel background color is tokensied. More details at https://hello.atlassian.net/wiki/spaces/DST/pages/2382075153/Draft+Custom+panel+background+color+is+tokenised
8
+ - [`9d84c21338b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d84c21338b) - Renderer link mark updated by LinkUrl from the smart-card package with a built-in link safety validation
9
+
10
+ ### Patch Changes
11
+
12
+ - [`c3eba8c788d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c3eba8c788d) - Updates Media Card input data object
13
+ - Updated dependencies
14
+
15
+ ## 107.0.0
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 106.0.2
4
22
 
5
23
  ### Patch Changes
@@ -14,6 +14,7 @@ var _colors = require("@atlaskit/theme/colors");
14
14
  var _utils = require("../../utils");
15
15
  var _events = require("../../analytics/events");
16
16
  var _analytics = require("@atlaskit/editor-common/analytics");
17
+ var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
17
18
  var _templateObject;
18
19
  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); }
19
20
  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; }
@@ -37,7 +38,7 @@ function Link(props) {
37
38
  if (isMediaLink) {
38
39
  return (0, _react2.jsx)(_react.Fragment, null, props.children);
39
40
  }
40
- return (0, _react2.jsx)("a", (0, _extends2.default)({
41
+ return (0, _react2.jsx)(_linkUrl.default, (0, _extends2.default)({
41
42
  css: anchorStyles,
42
43
  onClick: function onClick(e) {
43
44
  if (fireAnalyticsEvent) {
@@ -13,6 +13,7 @@ var _react2 = require("@emotion/react");
13
13
  var _hint = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/hint"));
14
14
  var _adfSchema = require("@atlaskit/adf-schema");
15
15
  var _panel = require("@atlaskit/editor-common/panel");
16
+ var _editorPalette = require("@atlaskit/editor-palette");
16
17
  var _emoji = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/emoji"));
17
18
  var _emoji2 = _interopRequireDefault(require("./emoji"));
18
19
  var _theme = require("@atlaskit/theme");
@@ -30,9 +31,10 @@ var PanelStyled = function PanelStyled(_ref) {
30
31
  };
31
32
  if (props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && backgroundColor) {
32
33
  styles = function styles(theme) {
34
+ var tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor);
33
35
  var customStyle = (0, _theme.themed)({
34
36
  dark: _panel.getPanelBackgroundDarkModeColors,
35
- light: "background-color: ".concat(backgroundColor, ";")
37
+ light: "background-color: ".concat(tokenColor || backgroundColor, ";")
36
38
  })({
37
39
  theme: theme
38
40
  });
@@ -244,9 +244,7 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
244
244
  resizeMode: resizeMode,
245
245
  disableOverlay: disableOverlay,
246
246
  shouldOpenMediaViewer: shouldOpenMediaViewer,
247
- mediaViewerDataSource: {
248
- list: Array.from(mediaIdentifierMap.values())
249
- },
247
+ mediaViewerItems: Array.from(mediaIdentifierMap.values()),
250
248
  featureFlags: featureFlags,
251
249
  ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
252
250
  });
@@ -328,9 +326,7 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
328
326
  disableOverlay: disableOverlay,
329
327
  useInlinePlayer: isInlinePlayer,
330
328
  shouldOpenMediaViewer: shouldOpenMediaViewer,
331
- mediaViewerDataSource: {
332
- list: Array.from(mediaIdentifierMap.values())
333
- },
329
+ mediaViewerItems: Array.from(mediaIdentifierMap.values()),
334
330
  featureFlags: featureFlags,
335
331
  shouldEnableDownloadButton: shouldEnableDownloadButton,
336
332
  ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
55
55
  var DEGRADED_SEVERITY_THRESHOLD = 3000;
56
56
  exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
57
57
  var packageName = "@atlaskit/renderer";
58
- var packageVersion = "106.0.2";
58
+ var packageVersion = "107.1.0";
59
59
  var Renderer = /*#__PURE__*/function (_PureComponent) {
60
60
  (0, _inherits2.default)(Renderer, _PureComponent);
61
61
  var _super = _createSuper(Renderer);
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "106.0.2",
3
+ "version": "107.1.0",
4
4
  "sideEffects": false
5
5
  }
@@ -6,6 +6,7 @@ import { B400, B300, B500 } from '@atlaskit/theme/colors';
6
6
  import { getEventHandler } from '../../utils';
7
7
  import { PLATFORM, MODE } from '../../analytics/events';
8
8
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
9
+ import LinkUrl from '@atlaskit/smart-card/link-url';
9
10
  const anchorStyles = css`
10
11
  color: ${`var(--ds-link, ${B400})`};
11
12
 
@@ -39,7 +40,7 @@ export default function Link(props) {
39
40
  if (isMediaLink) {
40
41
  return jsx(Fragment, null, props.children);
41
42
  }
42
- return jsx("a", _extends({
43
+ return jsx(LinkUrl, _extends({
43
44
  css: anchorStyles,
44
45
  onClick: e => {
45
46
  if (fireAnalyticsEvent) {
@@ -5,6 +5,7 @@ import { css, jsx } from '@emotion/react';
5
5
  import TipIcon from '@atlaskit/icon/glyph/editor/hint';
6
6
  import { PanelType } from '@atlaskit/adf-schema';
7
7
  import { getPanelBackgroundDarkModeColors, panelSharedStylesWithoutPrefix, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
8
+ import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
8
9
  import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
9
10
  import EmojiItem from './emoji';
10
11
  // AFP-2532 TODO: Fix automatic suppressions below
@@ -29,9 +30,10 @@ const PanelStyled = ({
29
30
  `;
30
31
  if (props['data-panel-type'] === PanelType.CUSTOM && backgroundColor) {
31
32
  styles = theme => {
33
+ const tokenColor = hexToEditorBackgroundPaletteColor(backgroundColor);
32
34
  const customStyle = themed({
33
35
  dark: getPanelBackgroundDarkModeColors,
34
- light: `background-color: ${backgroundColor};`
36
+ light: `background-color: ${tokenColor || backgroundColor};`
35
37
  })({
36
38
  theme
37
39
  });
@@ -174,9 +174,7 @@ export class MediaCardInternal extends Component {
174
174
  resizeMode: resizeMode,
175
175
  disableOverlay: disableOverlay,
176
176
  shouldOpenMediaViewer: shouldOpenMediaViewer,
177
- mediaViewerDataSource: {
178
- list: Array.from(mediaIdentifierMap.values())
179
- },
177
+ mediaViewerItems: Array.from(mediaIdentifierMap.values()),
180
178
  featureFlags: featureFlags,
181
179
  ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
182
180
  });
@@ -259,9 +257,7 @@ export class MediaCardInternal extends Component {
259
257
  disableOverlay: disableOverlay,
260
258
  useInlinePlayer: isInlinePlayer,
261
259
  shouldOpenMediaViewer: shouldOpenMediaViewer,
262
- mediaViewerDataSource: {
263
- list: Array.from(mediaIdentifierMap.values())
264
- },
260
+ mediaViewerItems: Array.from(mediaIdentifierMap.values()),
265
261
  featureFlags: featureFlags,
266
262
  shouldEnableDownloadButton: shouldEnableDownloadButton,
267
263
  ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
@@ -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 = "106.0.2";
38
+ const packageVersion = "107.1.0";
39
39
  export class Renderer extends PureComponent {
40
40
  /**
41
41
  * This is used in measuring the Renderer Mount time and is then
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "106.0.2",
3
+ "version": "107.1.0",
4
4
  "sideEffects": false
5
5
  }
@@ -8,6 +8,7 @@ import { B400, B300, B500 } from '@atlaskit/theme/colors';
8
8
  import { getEventHandler } from '../../utils';
9
9
  import { PLATFORM, MODE } from '../../analytics/events';
10
10
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
11
+ import LinkUrl from '@atlaskit/smart-card/link-url';
11
12
  var anchorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n\n &:hover {\n color: ", ";\n text-decoration: underline;\n }\n\n &:active {\n color: ", ";\n }\n"])), "var(--ds-link, ".concat(B400, ")"), "var(--ds-link, ".concat(B300, ")"), "var(--ds-link-pressed, ".concat(B500, ")"));
12
13
  export default function Link(props) {
13
14
  var href = props.href,
@@ -28,7 +29,7 @@ export default function Link(props) {
28
29
  if (isMediaLink) {
29
30
  return jsx(Fragment, null, props.children);
30
31
  }
31
- return jsx("a", _extends({
32
+ return jsx(LinkUrl, _extends({
32
33
  css: anchorStyles,
33
34
  onClick: function onClick(e) {
34
35
  if (fireAnalyticsEvent) {
@@ -9,6 +9,7 @@ import { css, jsx } from '@emotion/react';
9
9
  import TipIcon from '@atlaskit/icon/glyph/editor/hint';
10
10
  import { PanelType } from '@atlaskit/adf-schema';
11
11
  import { getPanelBackgroundDarkModeColors, panelSharedStylesWithoutPrefix, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
12
+ import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
12
13
  import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
13
14
  import EmojiItem from './emoji';
14
15
  // AFP-2532 TODO: Fix automatic suppressions below
@@ -26,9 +27,10 @@ var PanelStyled = function PanelStyled(_ref) {
26
27
  };
27
28
  if (props['data-panel-type'] === PanelType.CUSTOM && backgroundColor) {
28
29
  styles = function styles(theme) {
30
+ var tokenColor = hexToEditorBackgroundPaletteColor(backgroundColor);
29
31
  var customStyle = themed({
30
32
  dark: getPanelBackgroundDarkModeColors,
31
- light: "background-color: ".concat(backgroundColor, ";")
33
+ light: "background-color: ".concat(tokenColor || backgroundColor, ";")
32
34
  })({
33
35
  theme: theme
34
36
  });
@@ -233,9 +233,7 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
233
233
  resizeMode: resizeMode,
234
234
  disableOverlay: disableOverlay,
235
235
  shouldOpenMediaViewer: shouldOpenMediaViewer,
236
- mediaViewerDataSource: {
237
- list: Array.from(mediaIdentifierMap.values())
238
- },
236
+ mediaViewerItems: Array.from(mediaIdentifierMap.values()),
239
237
  featureFlags: featureFlags,
240
238
  ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
241
239
  });
@@ -317,9 +315,7 @@ export var MediaCardInternal = /*#__PURE__*/function (_Component) {
317
315
  disableOverlay: disableOverlay,
318
316
  useInlinePlayer: isInlinePlayer,
319
317
  shouldOpenMediaViewer: shouldOpenMediaViewer,
320
- mediaViewerDataSource: {
321
- list: Array.from(mediaIdentifierMap.values())
322
- },
318
+ mediaViewerItems: Array.from(mediaIdentifierMap.values()),
323
319
  featureFlags: featureFlags,
324
320
  shouldEnableDownloadButton: shouldEnableDownloadButton,
325
321
  ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
@@ -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 = "106.0.2";
48
+ var packageVersion = "107.1.0";
49
49
  export var Renderer = /*#__PURE__*/function (_PureComponent) {
50
50
  _inherits(Renderer, _PureComponent);
51
51
  var _super = _createSuper(Renderer);
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "106.0.2",
3
+ "version": "107.1.0",
4
4
  "sideEffects": false
5
5
  }
package/docs/0-intro.tsx CHANGED
@@ -144,7 +144,6 @@ Learn more about this utility in the [Editor Palette docs](/packages/editor/edit
144
144
 
145
145
  Full light and dark mode support for the Editor is a work in progress. Currently, the following experiences do not yet support theming:
146
146
  - Custom table backgrounds
147
- - Custom panel backgrounds
148
147
 
149
148
  ${(
150
149
  <Props
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "106.0.2",
3
+ "version": "107.1.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,31 +24,31 @@
24
24
  }
25
25
  },
26
26
  "dependencies": {
27
- "@atlaskit/adf-schema": "^25.2.0",
27
+ "@atlaskit/adf-schema": "^25.3.0",
28
28
  "@atlaskit/adf-utils": "^18.0.0",
29
29
  "@atlaskit/analytics-listeners": "^8.5.0",
30
30
  "@atlaskit/analytics-namespaced-context": "^6.6.0",
31
31
  "@atlaskit/analytics-next": "^9.0.0",
32
32
  "@atlaskit/button": "^16.5.0",
33
- "@atlaskit/code": "^14.4.0",
34
- "@atlaskit/editor-common": "^72.4.0",
33
+ "@atlaskit/code": "^14.5.0",
34
+ "@atlaskit/editor-common": "^72.5.0",
35
35
  "@atlaskit/editor-json-transformer": "^8.8.0",
36
36
  "@atlaskit/editor-palette": "1.0.0",
37
37
  "@atlaskit/editor-shared-styles": "^2.3.0",
38
- "@atlaskit/emoji": "^67.0.0",
38
+ "@atlaskit/emoji": "^67.1.0",
39
39
  "@atlaskit/icon": "^21.11.0",
40
- "@atlaskit/media-card": "^74.6.0",
41
- "@atlaskit/media-client": "^20.0.0",
42
- "@atlaskit/media-common": "^2.19.0",
40
+ "@atlaskit/media-card": "^74.7.0",
41
+ "@atlaskit/media-client": "^20.1.0",
42
+ "@atlaskit/media-common": "^3.0.0",
43
43
  "@atlaskit/media-filmstrip": "^46.1.0",
44
44
  "@atlaskit/media-ui": "^22.3.0",
45
- "@atlaskit/media-viewer": "^47.4.0",
46
- "@atlaskit/smart-card": "^24.3.0",
45
+ "@atlaskit/media-viewer": "^47.5.0",
46
+ "@atlaskit/smart-card": "^25.0.0",
47
47
  "@atlaskit/status": "^1.2.0",
48
48
  "@atlaskit/task-decision": "^17.5.0",
49
49
  "@atlaskit/theme": "^12.2.0",
50
50
  "@atlaskit/tokens": "^1.2.0",
51
- "@atlaskit/tooltip": "^17.6.0",
51
+ "@atlaskit/tooltip": "^17.7.0",
52
52
  "@babel/runtime": "^7.0.0",
53
53
  "@emotion/react": "^11.7.1",
54
54
  "lodash": "^4.17.21",
@@ -61,26 +61,26 @@
61
61
  "uuid": "^3.1.0"
62
62
  },
63
63
  "peerDependencies": {
64
- "@atlaskit/link-provider": "^1.4.0",
65
- "@atlaskit/media-core": "^34.0.1",
64
+ "@atlaskit/link-provider": "^1.5.0",
65
+ "@atlaskit/media-core": "^34.0.2",
66
66
  "react": "^16.8.0",
67
67
  "react-dom": "^16.8.0"
68
68
  },
69
69
  "devDependencies": {
70
70
  "@atlaskit/analytics-gas-types": "^5.0.5",
71
- "@atlaskit/avatar": "^21.1.0",
71
+ "@atlaskit/avatar": "^21.2.0",
72
72
  "@atlaskit/css-reset": "^6.3.0",
73
73
  "@atlaskit/docs": "*",
74
- "@atlaskit/editor-core": "^179.1.0",
74
+ "@atlaskit/editor-core": "^180.1.0",
75
75
  "@atlaskit/editor-test-helpers": "^18.0.0",
76
- "@atlaskit/link-provider": "^1.4.0",
76
+ "@atlaskit/link-provider": "^1.5.0",
77
77
  "@atlaskit/logo": "^13.11.0",
78
78
  "@atlaskit/media-core": "^34.0.0",
79
79
  "@atlaskit/media-integration-test-helpers": "^2.6.0",
80
80
  "@atlaskit/media-test-helpers": "^30.1.0",
81
81
  "@atlaskit/mention": "^21.0.0",
82
82
  "@atlaskit/navigation-next": "^9.0.0",
83
- "@atlaskit/profilecard": "^18.3.0",
83
+ "@atlaskit/profilecard": "^18.4.0",
84
84
  "@atlaskit/radio": "^5.4.0",
85
85
  "@atlaskit/range": "^7.0.0",
86
86
  "@atlaskit/ssr": "*",
package/report.api.md CHANGED
@@ -34,6 +34,7 @@ import { Mark } from 'prosemirror-model';
34
34
  import { MediaClientConfig } from '@atlaskit/media-core';
35
35
  import { MediaFeatureFlags } from '@atlaskit/media-common';
36
36
  import { Node as Node_2 } from 'prosemirror-model';
37
+ import { OperationalAEP } from '@atlaskit/editor-common/analytics';
37
38
  import { PropsDifference } from '@atlaskit/editor-common/utils';
38
39
  import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
39
40
  import { Schema } from 'prosemirror-model';
@@ -152,7 +153,7 @@ type ButtonAEP<ActionSubjectID, Attributes> = UIAEP<
152
153
  >;
153
154
 
154
155
  // @public (undocumented)
155
- type ComponentCrashErrorAEP = AEP<
156
+ type ComponentCrashErrorAEP = OperationalAEP<
156
157
  ACTION.CRASHED,
157
158
  ACTION_SUBJECT.RENDERER,
158
159
  ACTION_SUBJECT_ID,
@@ -163,7 +164,9 @@ type ComponentCrashErrorAEP = AEP<
163
164
  componentStack?: string;
164
165
  errorRethrown?: boolean;
165
166
  },
166
- EVENT_TYPE.OPERATIONAL
167
+ {
168
+ errorStack?: string;
169
+ }
167
170
  >;
168
171
 
169
172
  // @public (undocumented)
@@ -737,7 +740,7 @@ type VisitMediaLinkAEP = AEP<
737
740
 
738
741
  ```json
739
742
  {
740
- "@atlaskit/link-provider": "^1.3.8",
743
+ "@atlaskit/link-provider": "^1.4.0",
741
744
  "@atlaskit/media-core": "^34.0.1",
742
745
  "react": "^16.8.0",
743
746
  "react-dom": "^16.8.0"