@atlaskit/editor-synced-block-renderer 3.1.4 → 3.1.6

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 +14 -0
  2. package/dist/cjs/ui/AKRendererWrapper.js +20 -0
  3. package/dist/cjs/ui/SyncedBlockPermissionDenied.compiled.css +1 -1
  4. package/dist/cjs/ui/SyncedBlockPermissionDenied.js +2 -2
  5. package/dist/es2019/ui/AKRendererWrapper.js +21 -1
  6. package/dist/es2019/ui/SyncedBlockPermissionDenied.compiled.css +1 -1
  7. package/dist/es2019/ui/SyncedBlockPermissionDenied.js +2 -2
  8. package/dist/esm/ui/AKRendererWrapper.js +21 -1
  9. package/dist/esm/ui/SyncedBlockPermissionDenied.compiled.css +1 -1
  10. package/dist/esm/ui/SyncedBlockPermissionDenied.js +2 -2
  11. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-synced-block-renderer
2
2
 
3
+ ## 3.1.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.1.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`0ec25274ceb77`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0ec25274ceb77) -
14
+ EDITOR-2769 Disable task items in reference sync blocks
15
+ - Updated dependencies
16
+
3
17
  ## 3.1.4
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/AKRendererWrapper.js CHANGED
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.AKRendererWrapper = void 0;
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
11
  var _react = _interopRequireWildcard(require("react"));
11
12
  var _renderer = require("@atlaskit/renderer");
@@ -67,6 +68,24 @@ var AKRendererWrapper = exports.AKRendererWrapper = /*#__PURE__*/(0, _react.memo
67
68
  media = _ref3.media,
68
69
  smartLinks = _ref3.smartLinks,
69
70
  stickyHeaders = _ref3.stickyHeaders;
71
+ var nodeComponents = (0, _react.useMemo)(function () {
72
+ return {
73
+ taskItem: function taskItem(props) {
74
+ var TaskItem = _renderer.defaultNodeComponents['taskItem'];
75
+ // eslint-disable-next-line react/jsx-props-no-spreading
76
+ return /*#__PURE__*/_react.default.createElement(TaskItem, (0, _extends2.default)({}, props, {
77
+ disabled: true
78
+ }));
79
+ },
80
+ blockTaskItem: function blockTaskItem(props) {
81
+ var BlockTaskItem = _renderer.defaultNodeComponents['blockTaskItem'];
82
+ // eslint-disable-next-line react/jsx-props-no-spreading
83
+ return /*#__PURE__*/_react.default.createElement(BlockTaskItem, (0, _extends2.default)({}, props, {
84
+ disabled: true
85
+ }));
86
+ }
87
+ };
88
+ }, []);
70
89
  return /*#__PURE__*/_react.default.createElement(_actions.RendererActionsContext, null, /*#__PURE__*/_react.default.createElement(ValidationContextWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
71
90
  "data-testid": "sync-block-renderer-wrapper"
72
91
  }, /*#__PURE__*/_react.default.createElement(_renderer.ReactRenderer, {
@@ -75,6 +94,7 @@ var AKRendererWrapper = exports.AKRendererWrapper = /*#__PURE__*/(0, _react.memo
75
94
  document: doc,
76
95
  disableHeadingIDs: true,
77
96
  dataProviders: dataProviders,
97
+ nodeComponents: nodeComponents,
78
98
  allowAltTextOnImages: allowAltTextOnImages,
79
99
  allowAnnotations: allowAnnotations,
80
100
  allowColumnSorting: allowColumnSorting,
package/dist/cjs/ui/SyncedBlockPermissionDenied.compiled.css CHANGED
@@ -5,7 +5,7 @@
5
5
  ._1bahv2br{justify-content:start}
6
6
  ._1e0c1txw{display:flex}
7
7
  ._4cvr1h6o{align-items:center}
8
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
8
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
9
9
  ._ca0qv47k{padding-top:var(--ds-space-250,20px)}
10
10
  ._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
11
11
  ._u5f3v47k{padding-right:var(--ds-space-250,20px)}
package/dist/cjs/ui/SyncedBlockPermissionDenied.js CHANGED
@@ -23,7 +23,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
23
23
  var _PermissionDenied = _interopRequireDefault(require("./assets/PermissionDenied.svg"));
24
24
  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); }
25
25
  var styles = {
26
- wrapper: "_2rko12b0 _zulpu2gc _ca0qv47k _n3tdv47k _19bvxy5q _u5f3v47k _bfhksyzs _1e0c1txw _1bahv2br _4cvr1h6o",
26
+ wrapper: "_2rko12b0 _zulpu2gc _ca0qv47k _n3tdv47k _19bvxy5q _u5f3v47k _bfhkby5v _1e0c1txw _1bahv2br _4cvr1h6o",
27
27
  textWrapper: "_18u0u2gc"
28
28
  };
29
29
  var RequestAccessState = /*#__PURE__*/function (RequestAccessState) {
@@ -85,7 +85,7 @@ var SyncedBlockPermissionDenied = exports.SyncedBlockPermissionDenied = function
85
85
  alignItems: "center"
86
86
  }, /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
87
87
  size: "small",
88
- color: "var(--ds-icon-subtle, #626F86)",
88
+ color: "var(--ds-icon-subtle, #505258)",
89
89
  label: ""
90
90
  }), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
91
91
  color: "color.text.subtlest",
package/dist/es2019/ui/AKRendererWrapper.js CHANGED
@@ -1,5 +1,6 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import React, { memo, useMemo } from 'react';
2
- import { ReactRenderer, ValidationContextProvider } from '@atlaskit/renderer';
3
+ import { ReactRenderer, ValidationContextProvider, defaultNodeComponents } from '@atlaskit/renderer';
3
4
  import { RendererActionsContext } from '@atlaskit/renderer/actions';
4
5
  const ValidationContextWrapper = ({
5
6
  children
@@ -59,6 +60,24 @@ export const AKRendererWrapper = /*#__PURE__*/memo(({
59
60
  smartLinks,
60
61
  stickyHeaders
61
62
  } = mergedOptions !== null && mergedOptions !== void 0 ? mergedOptions : {};
63
+ const nodeComponents = useMemo(() => {
64
+ return {
65
+ taskItem: props => {
66
+ const TaskItem = defaultNodeComponents['taskItem'];
67
+ // eslint-disable-next-line react/jsx-props-no-spreading
68
+ return /*#__PURE__*/React.createElement(TaskItem, _extends({}, props, {
69
+ disabled: true
70
+ }));
71
+ },
72
+ blockTaskItem: props => {
73
+ const BlockTaskItem = defaultNodeComponents['blockTaskItem'];
74
+ // eslint-disable-next-line react/jsx-props-no-spreading
75
+ return /*#__PURE__*/React.createElement(BlockTaskItem, _extends({}, props, {
76
+ disabled: true
77
+ }));
78
+ }
79
+ };
80
+ }, []);
62
81
  return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, /*#__PURE__*/React.createElement("div", {
63
82
  "data-testid": "sync-block-renderer-wrapper"
64
83
  }, /*#__PURE__*/React.createElement(ReactRenderer, {
@@ -67,6 +86,7 @@ export const AKRendererWrapper = /*#__PURE__*/memo(({
67
86
  document: doc,
68
87
  disableHeadingIDs: true,
69
88
  dataProviders: dataProviders,
89
+ nodeComponents: nodeComponents,
70
90
  allowAltTextOnImages: allowAltTextOnImages,
71
91
  allowAnnotations: allowAnnotations,
72
92
  allowColumnSorting: allowColumnSorting,
package/dist/es2019/ui/SyncedBlockPermissionDenied.compiled.css CHANGED
@@ -5,7 +5,7 @@
5
5
  ._1bahv2br{justify-content:start}
6
6
  ._1e0c1txw{display:flex}
7
7
  ._4cvr1h6o{align-items:center}
8
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
8
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
9
9
  ._ca0qv47k{padding-top:var(--ds-space-250,20px)}
10
10
  ._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
11
11
  ._u5f3v47k{padding-right:var(--ds-space-250,20px)}
package/dist/es2019/ui/SyncedBlockPermissionDenied.js CHANGED
@@ -13,7 +13,7 @@ import Image from '@atlaskit/image';
13
13
  import { Box, Text, Stack, Flex } from '@atlaskit/primitives/compiled';
14
14
  import PermissionDenied from './assets/PermissionDenied.svg';
15
15
  const styles = {
16
- wrapper: "_2rko12b0 _zulpu2gc _ca0qv47k _n3tdv47k _19bvxy5q _u5f3v47k _bfhksyzs _1e0c1txw _1bahv2br _4cvr1h6o",
16
+ wrapper: "_2rko12b0 _zulpu2gc _ca0qv47k _n3tdv47k _19bvxy5q _u5f3v47k _bfhkby5v _1e0c1txw _1bahv2br _4cvr1h6o",
17
17
  textWrapper: "_18u0u2gc"
18
18
  };
19
19
  var RequestAccessState = /*#__PURE__*/function (RequestAccessState) {
@@ -72,7 +72,7 @@ export const SyncedBlockPermissionDenied = ({
72
72
  alignItems: "center"
73
73
  }, /*#__PURE__*/React.createElement(StatusSuccessIcon, {
74
74
  size: "small",
75
- color: "var(--ds-icon-subtle, #626F86)",
75
+ color: "var(--ds-icon-subtle, #505258)",
76
76
  label: ""
77
77
  }), /*#__PURE__*/React.createElement(Text, {
78
78
  color: "color.text.subtlest",
package/dist/esm/ui/AKRendererWrapper.js CHANGED
@@ -1,8 +1,9 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
3
  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; }
3
4
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
5
  import React, { memo, useMemo } from 'react';
5
- import { ReactRenderer, ValidationContextProvider } from '@atlaskit/renderer';
6
+ import { ReactRenderer, ValidationContextProvider, defaultNodeComponents } from '@atlaskit/renderer';
6
7
  import { RendererActionsContext } from '@atlaskit/renderer/actions';
7
8
  var ValidationContextWrapper = function ValidationContextWrapper(_ref) {
8
9
  var children = _ref.children;
@@ -58,6 +59,24 @@ export var AKRendererWrapper = /*#__PURE__*/memo(function (_ref2) {
58
59
  media = _ref3.media,
59
60
  smartLinks = _ref3.smartLinks,
60
61
  stickyHeaders = _ref3.stickyHeaders;
62
+ var nodeComponents = useMemo(function () {
63
+ return {
64
+ taskItem: function taskItem(props) {
65
+ var TaskItem = defaultNodeComponents['taskItem'];
66
+ // eslint-disable-next-line react/jsx-props-no-spreading
67
+ return /*#__PURE__*/React.createElement(TaskItem, _extends({}, props, {
68
+ disabled: true
69
+ }));
70
+ },
71
+ blockTaskItem: function blockTaskItem(props) {
72
+ var BlockTaskItem = defaultNodeComponents['blockTaskItem'];
73
+ // eslint-disable-next-line react/jsx-props-no-spreading
74
+ return /*#__PURE__*/React.createElement(BlockTaskItem, _extends({}, props, {
75
+ disabled: true
76
+ }));
77
+ }
78
+ };
79
+ }, []);
61
80
  return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, /*#__PURE__*/React.createElement("div", {
62
81
  "data-testid": "sync-block-renderer-wrapper"
63
82
  }, /*#__PURE__*/React.createElement(ReactRenderer, {
@@ -66,6 +85,7 @@ export var AKRendererWrapper = /*#__PURE__*/memo(function (_ref2) {
66
85
  document: doc,
67
86
  disableHeadingIDs: true,
68
87
  dataProviders: dataProviders,
88
+ nodeComponents: nodeComponents,
69
89
  allowAltTextOnImages: allowAltTextOnImages,
70
90
  allowAnnotations: allowAnnotations,
71
91
  allowColumnSorting: allowColumnSorting,
package/dist/esm/ui/SyncedBlockPermissionDenied.compiled.css CHANGED
@@ -5,7 +5,7 @@
5
5
  ._1bahv2br{justify-content:start}
6
6
  ._1e0c1txw{display:flex}
7
7
  ._4cvr1h6o{align-items:center}
8
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
8
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
9
9
  ._ca0qv47k{padding-top:var(--ds-space-250,20px)}
10
10
  ._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
11
11
  ._u5f3v47k{padding-right:var(--ds-space-250,20px)}
package/dist/esm/ui/SyncedBlockPermissionDenied.js CHANGED
@@ -14,7 +14,7 @@ import Image from '@atlaskit/image';
14
14
  import { Box, Text, Stack, Flex } from '@atlaskit/primitives/compiled';
15
15
  import PermissionDenied from './assets/PermissionDenied.svg';
16
16
  var styles = {
17
- wrapper: "_2rko12b0 _zulpu2gc _ca0qv47k _n3tdv47k _19bvxy5q _u5f3v47k _bfhksyzs _1e0c1txw _1bahv2br _4cvr1h6o",
17
+ wrapper: "_2rko12b0 _zulpu2gc _ca0qv47k _n3tdv47k _19bvxy5q _u5f3v47k _bfhkby5v _1e0c1txw _1bahv2br _4cvr1h6o",
18
18
  textWrapper: "_18u0u2gc"
19
19
  };
20
20
  var RequestAccessState = /*#__PURE__*/function (RequestAccessState) {
@@ -76,7 +76,7 @@ export var SyncedBlockPermissionDenied = function SyncedBlockPermissionDenied(_r
76
76
  alignItems: "center"
77
77
  }, /*#__PURE__*/React.createElement(StatusSuccessIcon, {
78
78
  size: "small",
79
- color: "var(--ds-icon-subtle, #626F86)",
79
+ color: "var(--ds-icon-subtle, #505258)",
80
80
  label: ""
81
81
  }), /*#__PURE__*/React.createElement(Text, {
82
82
  color: "color.text.subtlest",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-synced-block-renderer",
3
- "version": "3.1.4",
3
+ "version": "3.1.6",
4
4
  "description": "SyncedBlockRenderer for @atlaskit/editor-plugin-synced-block",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -30,21 +30,21 @@
30
30
  "dependencies": {
31
31
  "@atlaskit/button": "^23.6.0",
32
32
  "@atlaskit/css": "^0.15.0",
33
- "@atlaskit/editor-plugin-synced-block": "^4.1.0",
33
+ "@atlaskit/editor-plugin-synced-block": "^4.2.0",
34
34
  "@atlaskit/editor-prosemirror": "7.0.0",
35
35
  "@atlaskit/editor-synced-block-provider": "^2.7.0",
36
36
  "@atlaskit/heading": "^5.2.0",
37
- "@atlaskit/icon": "^28.5.0",
37
+ "@atlaskit/icon": "^29.0.0",
38
38
  "@atlaskit/image": "^3.0.0",
39
39
  "@atlaskit/primitives": "^16.1.0",
40
- "@atlaskit/renderer": "^124.10.0",
40
+ "@atlaskit/renderer": "^124.12.0",
41
41
  "@atlaskit/tokens": "^8.0.0",
42
42
  "@babel/runtime": "^7.0.0",
43
43
  "react-relay": "npm:atl-react-relay@0.0.0-main-6ff96079",
44
44
  "relay-runtime": "npm:atl-relay-compiler@0.0.0-main-6ff96079"
45
45
  },
46
46
  "peerDependencies": {
47
- "@atlaskit/editor-common": "^110.24.0",
47
+ "@atlaskit/editor-common": "^110.27.0",
48
48
  "react": "^18.2.0",
49
49
  "react-intl-next": "npm:react-intl@^5.18.1"
50
50
  },