@atlaskit/editor-plugin-layout 2.3.2 → 2.4.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/nodeviews/index.js +8 -0
  3. package/dist/es2019/nodeviews/index.js +8 -0
  4. package/dist/esm/nodeviews/index.js +8 -0
  5. package/dist/types/layoutPluginType.d.ts +3 -1
  6. package/dist/types-ts4.5/layoutPluginType.d.ts +3 -1
  7. package/package.json +4 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/editor-plugin-layout
2
2
 
3
+ ## 2.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#132381](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132381)
8
+ [`19e52e77d3cfc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/19e52e77d3cfc) -
9
+ ED-27195 enable guildeline for breakout resizer
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 2.3.2
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/nodeviews/index.js CHANGED
@@ -16,6 +16,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
16
16
  var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
17
17
  var _resizer = require("@atlaskit/editor-common/resizer");
18
18
  var _model = require("@atlaskit/editor-prosemirror/model");
19
+ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
19
20
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
21
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
22
  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)); }
@@ -61,6 +62,12 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
61
62
  var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$s;
62
63
  return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
63
64
  }, [pluginInjectionApi]);
65
+ var displayGuidelines = (0, _react.useCallback)(function (guidelines) {
66
+ var _pluginInjectionApi$g;
67
+ pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.guideline) === null || _pluginInjectionApi$g === void 0 || (_pluginInjectionApi$g = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g === void 0 || _pluginInjectionApi$g.displayGuideline(view)({
68
+ guidelines: guidelines
69
+ });
70
+ }, [pluginInjectionApi, view]);
64
71
  return /*#__PURE__*/_react.default.createElement(_resizer.BreakoutResizer, {
65
72
  getRef: forwardRef,
66
73
  getPos: getPos,
@@ -70,6 +77,7 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
70
77
  disabled: (editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled) === true || !isBreakoutAvailable(view.state.schema),
71
78
  parentRef: parentRef,
72
79
  editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions,
80
+ displayGuidelines: (0, _experiments.editorExperiment)('single_column_layouts', true) ? displayGuidelines : undefined,
73
81
  displayGapCursor: displayGapCursor
74
82
  });
75
83
  };
package/dist/es2019/nodeviews/index.js CHANGED
@@ -3,6 +3,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
3
3
  import ReactNodeView from '@atlaskit/editor-common/react-node-view';
4
4
  import { BreakoutResizer, ignoreResizerMutations } from '@atlaskit/editor-common/resizer';
5
5
  import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
6
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
6
7
  const isEmptyParagraph = node => {
7
8
  return !!node && node.type.name === 'paragraph' && !node.childCount;
8
9
  };
@@ -46,6 +47,12 @@ const LayoutBreakoutResizer = ({
46
47
  var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$s;
47
48
  return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
48
49
  }, [pluginInjectionApi]);
50
+ const displayGuidelines = useCallback(guidelines => {
51
+ var _pluginInjectionApi$g, _pluginInjectionApi$g2;
52
+ pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$g = pluginInjectionApi.guideline) === null || _pluginInjectionApi$g === void 0 ? void 0 : (_pluginInjectionApi$g2 = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g2 === void 0 ? void 0 : _pluginInjectionApi$g2.displayGuideline(view)({
53
+ guidelines
54
+ });
55
+ }, [pluginInjectionApi, view]);
49
56
  return /*#__PURE__*/React.createElement(BreakoutResizer, {
50
57
  getRef: forwardRef,
51
58
  getPos: getPos,
@@ -55,6 +62,7 @@ const LayoutBreakoutResizer = ({
55
62
  disabled: (editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled) === true || !isBreakoutAvailable(view.state.schema),
56
63
  parentRef: parentRef,
57
64
  editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions,
65
+ displayGuidelines: editorExperiment('single_column_layouts', true) ? displayGuidelines : undefined,
58
66
  displayGapCursor: displayGapCursor
59
67
  });
60
68
  };
package/dist/esm/nodeviews/index.js CHANGED
@@ -10,6 +10,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
10
10
  import ReactNodeView from '@atlaskit/editor-common/react-node-view';
11
11
  import { BreakoutResizer, ignoreResizerMutations } from '@atlaskit/editor-common/resizer';
12
12
  import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
13
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
13
14
  var isEmptyParagraph = function isEmptyParagraph(node) {
14
15
  return !!node && node.type.name === 'paragraph' && !node.childCount;
15
16
  };
@@ -51,6 +52,12 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
51
52
  var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$s;
52
53
  return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
53
54
  }, [pluginInjectionApi]);
55
+ var displayGuidelines = useCallback(function (guidelines) {
56
+ var _pluginInjectionApi$g;
57
+ pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.guideline) === null || _pluginInjectionApi$g === void 0 || (_pluginInjectionApi$g = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g === void 0 || _pluginInjectionApi$g.displayGuideline(view)({
58
+ guidelines: guidelines
59
+ });
60
+ }, [pluginInjectionApi, view]);
54
61
  return /*#__PURE__*/React.createElement(BreakoutResizer, {
55
62
  getRef: forwardRef,
56
63
  getPos: getPos,
@@ -60,6 +67,7 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
60
67
  disabled: (editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled) === true || !isBreakoutAvailable(view.state.schema),
61
68
  parentRef: parentRef,
62
69
  editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions,
70
+ displayGuidelines: editorExperiment('single_column_layouts', true) ? displayGuidelines : undefined,
63
71
  displayGapCursor: displayGapCursor
64
72
  });
65
73
  };
package/dist/types/layoutPluginType.d.ts CHANGED
@@ -2,6 +2,7 @@ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/t
2
2
  import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
3
3
  import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
4
4
  import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
5
+ import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
5
6
  import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
6
7
  import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
7
8
  import type { insertLayoutColumnsWithAnalytics } from './pm-plugins/actions';
@@ -11,7 +12,8 @@ export type LayoutPluginDependencies = [
11
12
  SelectionPlugin,
12
13
  OptionalPlugin<AnalyticsPlugin>,
13
14
  OptionalPlugin<WidthPlugin>,
14
- OptionalPlugin<EditorDisabledPlugin>
15
+ OptionalPlugin<EditorDisabledPlugin>,
16
+ OptionalPlugin<GuidelinePlugin>
15
17
  ];
16
18
  export type LayoutPlugin = NextEditorPlugin<'layout', {
17
19
  pluginConfiguration: LayoutPluginOptions | undefined;
package/dist/types-ts4.5/layoutPluginType.d.ts CHANGED
@@ -2,6 +2,7 @@ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/t
2
2
  import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
3
3
  import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
4
4
  import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
5
+ import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
5
6
  import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
6
7
  import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
7
8
  import type { insertLayoutColumnsWithAnalytics } from './pm-plugins/actions';
@@ -11,7 +12,8 @@ export type LayoutPluginDependencies = [
11
12
  SelectionPlugin,
12
13
  OptionalPlugin<AnalyticsPlugin>,
13
14
  OptionalPlugin<WidthPlugin>,
14
- OptionalPlugin<EditorDisabledPlugin>
15
+ OptionalPlugin<EditorDisabledPlugin>,
16
+ OptionalPlugin<GuidelinePlugin>
15
17
  ];
16
18
  export type LayoutPlugin = NextEditorPlugin<'layout', {
17
19
  pluginConfiguration: LayoutPluginOptions | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-layout",
3
- "version": "2.3.2",
3
+ "version": "2.4.0",
4
4
  "description": "Layout plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -34,14 +34,15 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@atlaskit/adf-schema": "^47.6.0",
37
- "@atlaskit/editor-common": "^102.13.0",
37
+ "@atlaskit/editor-common": "^102.14.0",
38
38
  "@atlaskit/editor-plugin-analytics": "^2.2.0",
39
39
  "@atlaskit/editor-plugin-decorations": "^2.0.0",
40
40
  "@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
41
+ "@atlaskit/editor-plugin-guideline": "^2.0.0",
41
42
  "@atlaskit/editor-plugin-selection": "^2.1.0",
42
43
  "@atlaskit/editor-plugin-width": "^3.0.0",
43
44
  "@atlaskit/editor-prosemirror": "7.0.0",
44
- "@atlaskit/icon": "^25.0.0",
45
+ "@atlaskit/icon": "^25.2.0",
45
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
46
47
  "@atlaskit/tmp-editor-statsig": "^4.4.0",
47
48
  "@atlaskit/tokens": "^4.5.0",