@atlaskit/editor-core 189.4.7 → 189.4.9

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 (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +6 -4
  3. package/dist/cjs/version-wrapper.js +1 -1
  4. package/dist/es2019/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +9 -2
  5. package/dist/es2019/version-wrapper.js +1 -1
  6. package/dist/esm/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +6 -4
  7. package/dist/esm/version-wrapper.js +1 -1
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 189.4.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [#57079](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/57079) [`d15db1b00c5a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d15db1b00c5a) - [ED-21267] Improve arrow navigation across MultiBodiedExtensions
8
+
9
+ ## 189.4.8
10
+
11
+ ### Patch Changes
12
+
13
+ - [#56790](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/56790) [`ff577a7969d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff577a7969d4) - ED-21266: Updated @atlaskit/adf-schema to 34.0.1
14
+
3
15
  ## 189.4.7
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/plugins/extension/ui/Extension/MultiBodiedExtension/index.js CHANGED
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
10
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
12
  var _react = require("@emotion/react");
13
13
  var _colors = require("@atlaskit/theme/colors");
14
14
  var _react2 = _interopRequireWildcard(require("react"));
15
- var _templateObject;
15
+ var _templateObject, _templateObject2;
16
16
  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); }
17
17
  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; }
18
18
  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; }
@@ -104,6 +104,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
104
104
  }, [node, editorView, getPos, updateActiveChild]);
105
105
  return actions;
106
106
  };
107
+ var navigationCSS = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n // make sure the user can't see a range selection inside the navigation\n // This is really important to keep the navigation working properly\n user-select: none;\n -webkit-user-modify: read-only;\n"])));
107
108
  var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
108
109
  var node = _ref2.node,
109
110
  handleContentDOMRef = _ref2.handleContentDOMRef,
@@ -136,14 +137,15 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
136
137
  var articleRef = _react2.default.useCallback(function (node) {
137
138
  return handleContentDOMRef(node);
138
139
  }, [handleContentDOMRef]);
139
- var containerCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid ", ";\n padding: ", ";\n .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n display: none;\n }\n\n .multiBodiedExtension-content-dom-wrapper\n > [data-extension-frame='true']:nth-of-type(", ") {\n display: block;\n }\n "])), "var(--ds-border, ".concat(_colors.N30, ")"), "var(--ds-space-050, 4px)", activeChildIndex + 1);
140
+ var containerCSS = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid ", ";\n padding: ", ";\n .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n display: none;\n }\n\n .multiBodiedExtension-content-dom-wrapper\n > [data-extension-frame='true']:nth-of-type(", ") {\n display: block;\n }\n "])), "var(--ds-border, ".concat(_colors.N30, ")"), "var(--ds-space-050, 4px)", activeChildIndex + 1);
140
141
  return (0, _react.jsx)("section", {
141
142
  className: "multiBodiedExtension--container",
142
- css: containerCss,
143
+ css: containerCSS,
143
144
  "data-testid": "multiBodiedExtension--container",
144
145
  "data-active-child-index": activeChildIndex
145
146
  }, (0, _react.jsx)("nav", {
146
147
  className: "multiBodiedExtension-navigation",
148
+ css: navigationCSS,
147
149
  "data-testid": "multiBodiedExtension-navigation"
148
150
  }, extensionHandlerResult), (0, _react.jsx)("article", {
149
151
  className: "multiBodiedExtension--frames",
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "189.4.7";
8
+ var version = exports.version = "189.4.9";
package/dist/es2019/plugins/extension/ui/Extension/MultiBodiedExtension/index.js CHANGED
@@ -100,6 +100,12 @@ const useMultiBodiedExtensionActions = ({
100
100
  }, [node, editorView, getPos, updateActiveChild]);
101
101
  return actions;
102
102
  };
103
+ const navigationCSS = css`
104
+ // make sure the user can't see a range selection inside the navigation
105
+ // This is really important to keep the navigation working properly
106
+ user-select: none;
107
+ -webkit-user-modify: read-only;
108
+ `;
103
109
  const MultiBodiedExtension = ({
104
110
  node,
105
111
  handleContentDOMRef,
@@ -130,7 +136,7 @@ const MultiBodiedExtension = ({
130
136
  const articleRef = React.useCallback(node => {
131
137
  return handleContentDOMRef(node);
132
138
  }, [handleContentDOMRef]);
133
- const containerCss = css`
139
+ const containerCSS = css`
134
140
  border: 1px solid ${`var(--ds-border, ${N30})`};
135
141
  padding: ${"var(--ds-space-050, 4px)"};
136
142
  .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {
@@ -144,11 +150,12 @@ const MultiBodiedExtension = ({
144
150
  `;
145
151
  return jsx("section", {
146
152
  className: "multiBodiedExtension--container",
147
- css: containerCss,
153
+ css: containerCSS,
148
154
  "data-testid": "multiBodiedExtension--container",
149
155
  "data-active-child-index": activeChildIndex
150
156
  }, jsx("nav", {
151
157
  className: "multiBodiedExtension-navigation",
158
+ css: navigationCSS,
152
159
  "data-testid": "multiBodiedExtension-navigation"
153
160
  }, extensionHandlerResult), jsx("article", {
154
161
  className: "multiBodiedExtension--frames",
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "189.4.7";
2
+ export const version = "189.4.9";
package/dist/esm/plugins/extension/ui/Extension/MultiBodiedExtension/index.js CHANGED
@@ -1,7 +1,7 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
+ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- var _templateObject;
4
+ var _templateObject, _templateObject2;
5
5
  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; }
6
6
  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; }
7
7
  /** @jsx jsx */
@@ -96,6 +96,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
96
96
  }, [node, editorView, getPos, updateActiveChild]);
97
97
  return actions;
98
98
  };
99
+ var navigationCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n // make sure the user can't see a range selection inside the navigation\n // This is really important to keep the navigation working properly\n user-select: none;\n -webkit-user-modify: read-only;\n"])));
99
100
  var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
100
101
  var node = _ref2.node,
101
102
  handleContentDOMRef = _ref2.handleContentDOMRef,
@@ -128,14 +129,15 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
128
129
  var articleRef = React.useCallback(function (node) {
129
130
  return handleContentDOMRef(node);
130
131
  }, [handleContentDOMRef]);
131
- var containerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n padding: ", ";\n .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n display: none;\n }\n\n .multiBodiedExtension-content-dom-wrapper\n > [data-extension-frame='true']:nth-of-type(", ") {\n display: block;\n }\n "])), "var(--ds-border, ".concat(N30, ")"), "var(--ds-space-050, 4px)", activeChildIndex + 1);
132
+ var containerCSS = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n padding: ", ";\n .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n display: none;\n }\n\n .multiBodiedExtension-content-dom-wrapper\n > [data-extension-frame='true']:nth-of-type(", ") {\n display: block;\n }\n "])), "var(--ds-border, ".concat(N30, ")"), "var(--ds-space-050, 4px)", activeChildIndex + 1);
132
133
  return jsx("section", {
133
134
  className: "multiBodiedExtension--container",
134
- css: containerCss,
135
+ css: containerCSS,
135
136
  "data-testid": "multiBodiedExtension--container",
136
137
  "data-active-child-index": activeChildIndex
137
138
  }, jsx("nav", {
138
139
  className: "multiBodiedExtension-navigation",
140
+ css: navigationCSS,
139
141
  "data-testid": "multiBodiedExtension-navigation"
140
142
  }, extensionHandlerResult), jsx("article", {
141
143
  className: "multiBodiedExtension--frames",
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "189.4.7";
2
+ export var version = "189.4.9";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "189.4.7",
3
+ "version": "189.4.9",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
40
40
  },
41
41
  "dependencies": {
42
42
  "@atlaskit/activity-provider": "^2.4.0",
43
- "@atlaskit/adf-schema": "^34.0.0",
43
+ "@atlaskit/adf-schema": "^34.0.1",
44
44
  "@atlaskit/adf-utils": "^19.0.0",
45
45
  "@atlaskit/analytics-namespaced-context": "^6.7.0",
46
46
  "@atlaskit/analytics-next": "^9.1.0",
@@ -168,7 +168,7 @@
168
168
  "@af/integration-testing": "*",
169
169
  "@af/visual-regression": "*",
170
170
  "@atlaskit/analytics-listeners": "^8.7.0",
171
- "@atlaskit/collab-provider": "9.17.1",
171
+ "@atlaskit/collab-provider": "9.17.3",
172
172
  "@atlaskit/dropdown-menu": "^12.1.0",
173
173
  "@atlaskit/editor-extension-dropbox": "^0.4.0",
174
174
  "@atlaskit/editor-palette": "1.5.2",