@atlaskit/editor-plugin-layout 4.0.0 → 4.0.1

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 (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/nodeviews/index.js +13 -4
  3. package/dist/es2019/nodeviews/index.js +10 -3
  4. package/dist/esm/nodeviews/index.js +13 -4
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-plugin-layout
2
2
 
3
+ ## 4.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 4.0.0
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/nodeviews/index.js CHANGED
@@ -11,18 +11,22 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
11
11
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
12
12
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
13
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
15
  var _react = _interopRequireWildcard(require("react"));
15
16
  var _hooks = require("@atlaskit/editor-common/hooks");
16
17
  var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
17
18
  var _resizer = require("@atlaskit/editor-common/resizer");
18
19
  var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
19
20
  var _model = require("@atlaskit/editor-prosemirror/model");
21
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
22
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
21
23
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
22
24
  var _utils = require("../pm-plugins/utils");
23
25
  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); }
24
26
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
25
27
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
28
+ 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; }
29
+ 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) { (0, _defineProperty2.default)(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; }
26
30
  var layoutDynamicFullWidthGuidelineOffset = 16;
27
31
  var isEmptyParagraph = function isEmptyParagraph(node) {
28
32
  return !!node && node.type.name === 'paragraph' && !node.childCount;
@@ -110,12 +114,14 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
110
114
  dynamicFullWidthGuidelineOffset: layoutDynamicFullWidthGuidelineOffset
111
115
  });
112
116
  };
113
- var toDOM = function toDOM() {
117
+ var toDOM = function toDOM(node) {
114
118
  return ['div', {
115
119
  class: 'layout-section-container'
116
- }, ['div', {
120
+ }, ['div', _objectSpread({
117
121
  'data-layout-section': true
118
- }, 0]];
122
+ }, (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') && {
123
+ 'data-local-id': node.attrs.localId
124
+ }), 0]];
119
125
  };
120
126
 
121
127
  /**
@@ -152,7 +158,7 @@ var LayoutSectionView = exports.LayoutSectionView = /*#__PURE__*/function (_Reac
152
158
  return (0, _createClass2.default)(LayoutSectionView, [{
153
159
  key: "getContentDOM",
154
160
  value: function getContentDOM() {
155
- var _ref2 = _model.DOMSerializer.renderSpec(document, toDOM()),
161
+ var _ref2 = _model.DOMSerializer.renderSpec(document, toDOM(this.node)),
156
162
  container = _ref2.dom,
157
163
  contentDOM = _ref2.contentDOM;
158
164
 
@@ -161,6 +167,9 @@ var LayoutSectionView = exports.LayoutSectionView = /*#__PURE__*/function (_Reac
161
167
  this.layoutDOM = container.querySelector('[data-layout-section]');
162
168
  this.layoutDOM.setAttribute('data-column-rule-style', this.node.attrs.columnRuleStyle);
163
169
  this.layoutDOM.setAttribute('data-empty-layout', Boolean(this.isEmpty).toString());
170
+ if ((0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid')) {
171
+ this.layoutDOM.setAttribute('data-local-id', this.node.attrs.localId);
172
+ }
164
173
  return {
165
174
  dom: container,
166
175
  contentDOM: contentDOM
package/dist/es2019/nodeviews/index.js CHANGED
@@ -4,6 +4,7 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
4
4
  import { BreakoutResizer, ignoreResizerMutations } from '@atlaskit/editor-common/resizer';
5
5
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
6
6
  import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
7
+ import { fg } from '@atlaskit/platform-feature-flags';
7
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
9
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
9
10
  import { selectIntoLayout } from '../pm-plugins/utils';
@@ -96,10 +97,13 @@ const LayoutBreakoutResizer = ({
96
97
  dynamicFullWidthGuidelineOffset: layoutDynamicFullWidthGuidelineOffset
97
98
  });
98
99
  };
99
- const toDOM = () => ['div', {
100
+ const toDOM = node => ['div', {
100
101
  class: 'layout-section-container'
101
102
  }, ['div', {
102
- 'data-layout-section': true
103
+ 'data-layout-section': true,
104
+ ...(fg('platform_editor_adf_with_localid') && {
105
+ 'data-local-id': node.attrs.localId
106
+ })
103
107
  }, 0]];
104
108
 
105
109
  /**
@@ -133,13 +137,16 @@ export class LayoutSectionView extends ReactNodeView {
133
137
  const {
134
138
  dom: container,
135
139
  contentDOM
136
- } = DOMSerializer.renderSpec(document, toDOM());
140
+ } = DOMSerializer.renderSpec(document, toDOM(this.node));
137
141
 
138
142
  // Ignored via go/ees005
139
143
  // eslint-disable-next-line @atlaskit/editor/no-as-casting
140
144
  this.layoutDOM = container.querySelector('[data-layout-section]');
141
145
  this.layoutDOM.setAttribute('data-column-rule-style', this.node.attrs.columnRuleStyle);
142
146
  this.layoutDOM.setAttribute('data-empty-layout', Boolean(this.isEmpty).toString());
147
+ if (fg('platform_editor_adf_with_localid')) {
148
+ this.layoutDOM.setAttribute('data-local-id', this.node.attrs.localId);
149
+ }
143
150
  return {
144
151
  dom: container,
145
152
  contentDOM
package/dist/esm/nodeviews/index.js CHANGED
@@ -3,14 +3,18 @@ import _createClass from "@babel/runtime/helpers/createClass";
3
3
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
4
4
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
5
  import _inherits from "@babel/runtime/helpers/inherits";
6
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
6
7
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
7
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
9
+ 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; }
10
+ 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; }
8
11
  import React, { useCallback } from 'react';
9
12
  import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
10
13
  import ReactNodeView from '@atlaskit/editor-common/react-node-view';
11
14
  import { BreakoutResizer, ignoreResizerMutations } from '@atlaskit/editor-common/resizer';
12
15
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
13
16
  import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
17
+ import { fg } from '@atlaskit/platform-feature-flags';
14
18
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
15
19
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
16
20
  import { selectIntoLayout } from '../pm-plugins/utils';
@@ -101,12 +105,14 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
101
105
  dynamicFullWidthGuidelineOffset: layoutDynamicFullWidthGuidelineOffset
102
106
  });
103
107
  };
104
- var toDOM = function toDOM() {
108
+ var toDOM = function toDOM(node) {
105
109
  return ['div', {
106
110
  class: 'layout-section-container'
107
- }, ['div', {
111
+ }, ['div', _objectSpread({
108
112
  'data-layout-section': true
109
- }, 0]];
113
+ }, fg('platform_editor_adf_with_localid') && {
114
+ 'data-local-id': node.attrs.localId
115
+ }), 0]];
110
116
  };
111
117
 
112
118
  /**
@@ -143,7 +149,7 @@ export var LayoutSectionView = /*#__PURE__*/function (_ReactNodeView) {
143
149
  return _createClass(LayoutSectionView, [{
144
150
  key: "getContentDOM",
145
151
  value: function getContentDOM() {
146
- var _ref2 = DOMSerializer.renderSpec(document, toDOM()),
152
+ var _ref2 = DOMSerializer.renderSpec(document, toDOM(this.node)),
147
153
  container = _ref2.dom,
148
154
  contentDOM = _ref2.contentDOM;
149
155
 
@@ -152,6 +158,9 @@ export var LayoutSectionView = /*#__PURE__*/function (_ReactNodeView) {
152
158
  this.layoutDOM = container.querySelector('[data-layout-section]');
153
159
  this.layoutDOM.setAttribute('data-column-rule-style', this.node.attrs.columnRuleStyle);
154
160
  this.layoutDOM.setAttribute('data-empty-layout', Boolean(this.isEmpty).toString());
161
+ if (fg('platform_editor_adf_with_localid')) {
162
+ this.layoutDOM.setAttribute('data-local-id', this.node.attrs.localId);
163
+ }
155
164
  return {
156
165
  dom: container,
157
166
  contentDOM: contentDOM
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-layout",
3
- "version": "4.0.0",
3
+ "version": "4.0.1",
4
4
  "description": "Layout plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -40,17 +40,17 @@
40
40
  "@atlaskit/editor-plugin-width": "^5.0.0",
41
41
  "@atlaskit/editor-prosemirror": "7.0.0",
42
42
  "@atlaskit/editor-shared-styles": "^3.6.0",
43
- "@atlaskit/editor-toolbar": "^0.6.0",
43
+ "@atlaskit/editor-toolbar": "^0.7.0",
44
44
  "@atlaskit/icon": "^28.1.0",
45
45
  "@atlaskit/icon-lab": "^5.7.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
- "@atlaskit/tmp-editor-statsig": "^12.0.0",
47
+ "@atlaskit/tmp-editor-statsig": "^12.2.0",
48
48
  "@atlaskit/tokens": "^6.1.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@emotion/react": "^11.7.1"
51
51
  },
52
52
  "peerDependencies": {
53
- "@atlaskit/editor-common": "^108.0.0",
53
+ "@atlaskit/editor-common": "^108.1.0",
54
54
  "react": "^18.2.0",
55
55
  "react-intl-next": "npm:react-intl@^5.18.1"
56
56
  },