@atlaskit/editor-plugin-breakout 10.0.1 → 10.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/breakoutPlugin.js +2 -7
  3. package/dist/cjs/ui/LayoutButton.js +4 -17
  4. package/dist/es2019/breakoutPlugin.js +2 -7
  5. package/dist/es2019/ui/LayoutButton.js +2 -14
  6. package/dist/esm/breakoutPlugin.js +2 -7
  7. package/dist/esm/ui/LayoutButton.js +4 -17
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-plugin-breakout
2
2
 
3
+ ## 10.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`e5cdd96dcf4f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5cdd96dcf4f9) -
8
+ Clean up platform_editor_hydratable_ui experiment (shipped as enabled)
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 10.0.2
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies
19
+
3
20
  ## 10.0.1
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/breakoutPlugin.js CHANGED
@@ -144,16 +144,13 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
144
144
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
145
145
  breakoutNodePresent = _useState2[0],
146
146
  setBreakoutNodePresent = _useState2[1];
147
- var _useState3 = (0, _react.useState)((0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView ? undefined :
148
- // Remove ! during platform_editor_hydratable_ui cleanup
149
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
150
- (0, _getBreakoutMode.getBreakoutMode)(editorView.state)),
147
+ var _useState3 = (0, _react.useState)(editorView ? (0, _getBreakoutMode.getBreakoutMode)(editorView.state) : undefined),
151
148
  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
152
149
  breakoutMode = _useState4[0],
153
150
  setBreakoutMode = _useState4[1];
154
151
  (0, _usePluginStateEffect.usePluginStateEffect)(api, ['breakout'], function (_ref3) {
155
152
  var breakoutState = _ref3.breakoutState;
156
- if ((0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
153
+ if (!editorView) {
157
154
  return;
158
155
  }
159
156
  if (breakoutState !== null && breakoutState !== void 0 && breakoutState.breakoutNode && !breakoutNodePresent) {
@@ -162,8 +159,6 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
162
159
  if (!(breakoutState !== null && breakoutState !== void 0 && breakoutState.breakoutNode) && breakoutNodePresent) {
163
160
  setBreakoutNodePresent(false);
164
161
  }
165
- // Remove ! during platform_editor_hydratable_ui cleanup
166
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
167
162
  var nextBreakoutMode = (0, _getBreakoutMode.getBreakoutMode)(editorView.state);
168
163
  if (nextBreakoutMode !== breakoutMode) {
169
164
  setBreakoutMode(nextBreakoutMode);
package/dist/cjs/ui/LayoutButton.js CHANGED
@@ -20,7 +20,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
20
20
  var _growHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/grow-horizontal"));
21
21
  var _shrinkHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-horizontal"));
22
22
  var _constants = require("@atlaskit/theme/constants");
23
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
24
23
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
25
24
  var _removeBreakout = require("../editor-commands/remove-breakout");
26
25
  var _setBreakoutMode = require("../editor-commands/set-breakout-mode");
@@ -80,14 +79,11 @@ var LayoutButton = function LayoutButton(_ref) {
80
79
  api = _ref.api;
81
80
  var handleClick = (0, _react.useCallback)(function (breakoutMode) {
82
81
  var _getPluginState;
83
- if ((0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
82
+ if (!editorView) {
84
83
  return;
85
84
  }
86
- // Remove ! during platform_editor_hydratable_ui cleanup
87
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
88
- var _ref2 = editorView,
89
- state = _ref2.state,
90
- dispatch = _ref2.dispatch;
85
+ var state = editorView.state,
86
+ dispatch = editorView.dispatch;
91
87
  var breakoutNode = (_getPluginState = (0, _pluginKey.getPluginState)(state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.breakoutNode;
92
88
  if (['wide', 'full-width'].indexOf(breakoutMode) !== -1) {
93
89
  var _api$analytics;
@@ -115,12 +111,9 @@ var LayoutButton = function LayoutButton(_ref) {
115
111
  });
116
112
  }
117
113
  }, [api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, editorView, isLivePage]);
118
- if ((0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
114
+ if (!editorView) {
119
115
  return null;
120
116
  }
121
-
122
- // Remove ! during platform_editor_hydratable_ui cleanup
123
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
124
117
  if (!isBreakoutNodePresent || !(0, _isBreakoutMarkAllowed.isBreakoutMarkAllowed)(editorView.state)) {
125
118
  return null;
126
119
  }
@@ -129,16 +122,10 @@ var LayoutButton = function LayoutButton(_ref) {
129
122
  var title = formatMessage(titleMessage);
130
123
  var nextBreakoutMode = (0, _utils.getNextBreakoutMode)(breakoutMode);
131
124
  var belowOtherPopupsZIndex = _constants.layers.layer() - 1;
132
-
133
- // Remove ! during platform_editor_hydratable_ui cleanup
134
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
135
125
  var pluginState = (0, _pluginKey.getPluginState)(editorView.state);
136
126
  if (!pluginState) {
137
127
  return null;
138
128
  }
139
-
140
- // Remove ! during platform_editor_hydratable_ui cleanup
141
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
142
129
  var element = getBreakoutNodeElement(pluginState, editorView.state.selection, editorView);
143
130
  if (!element) {
144
131
  return null;
package/dist/es2019/breakoutPlugin.js CHANGED
@@ -131,14 +131,11 @@ const LayoutButtonWrapper = ({
131
131
  };
132
132
  });
133
133
  const [breakoutNodePresent, setBreakoutNodePresent] = useState(false);
134
- const [breakoutMode, setBreakoutMode] = useState(expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView ? undefined :
135
- // Remove ! during platform_editor_hydratable_ui cleanup
136
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
137
- getBreakoutMode(editorView.state));
134
+ const [breakoutMode, setBreakoutMode] = useState(editorView ? getBreakoutMode(editorView.state) : undefined);
138
135
  usePluginStateEffect(api, ['breakout'], ({
139
136
  breakoutState
140
137
  }) => {
141
- if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
138
+ if (!editorView) {
142
139
  return;
143
140
  }
144
141
  if (breakoutState !== null && breakoutState !== void 0 && breakoutState.breakoutNode && !breakoutNodePresent) {
@@ -147,8 +144,6 @@ const LayoutButtonWrapper = ({
147
144
  if (!(breakoutState !== null && breakoutState !== void 0 && breakoutState.breakoutNode) && breakoutNodePresent) {
148
145
  setBreakoutNodePresent(false);
149
146
  }
150
- // Remove ! during platform_editor_hydratable_ui cleanup
151
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
152
147
  const nextBreakoutMode = getBreakoutMode(editorView.state);
153
148
  if (nextBreakoutMode !== breakoutMode) {
154
149
  setBreakoutMode(nextBreakoutMode);
package/dist/es2019/ui/LayoutButton.js CHANGED
@@ -17,7 +17,6 @@ import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
17
17
  import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
18
18
  import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
19
19
  import { layers } from '@atlaskit/theme/constants';
20
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
21
20
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
22
21
  import { removeBreakout } from '../editor-commands/remove-breakout';
23
22
  import { setBreakoutMode } from '../editor-commands/set-breakout-mode';
@@ -76,11 +75,9 @@ const LayoutButton = ({
76
75
  var _api$analytics3;
77
76
  const handleClick = useCallback(breakoutMode => {
78
77
  var _getPluginState;
79
- if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
78
+ if (!editorView) {
80
79
  return;
81
80
  }
82
- // Remove ! during platform_editor_hydratable_ui cleanup
83
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
84
81
  const {
85
82
  state,
86
83
  dispatch
@@ -112,12 +109,9 @@ const LayoutButton = ({
112
109
  });
113
110
  }
114
111
  }, [api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, editorView, isLivePage]);
115
- if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
112
+ if (!editorView) {
116
113
  return null;
117
114
  }
118
-
119
- // Remove ! during platform_editor_hydratable_ui cleanup
120
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
121
115
  if (!isBreakoutNodePresent || !isBreakoutMarkAllowed(editorView.state)) {
122
116
  return null;
123
117
  }
@@ -126,16 +120,10 @@ const LayoutButton = ({
126
120
  const title = formatMessage(titleMessage);
127
121
  const nextBreakoutMode = getNextBreakoutMode(breakoutMode);
128
122
  const belowOtherPopupsZIndex = layers.layer() - 1;
129
-
130
- // Remove ! during platform_editor_hydratable_ui cleanup
131
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
132
123
  const pluginState = getPluginState(editorView.state);
133
124
  if (!pluginState) {
134
125
  return null;
135
126
  }
136
-
137
- // Remove ! during platform_editor_hydratable_ui cleanup
138
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
139
127
  let element = getBreakoutNodeElement(pluginState, editorView.state.selection, editorView);
140
128
  if (!element) {
141
129
  return null;
package/dist/esm/breakoutPlugin.js CHANGED
@@ -135,16 +135,13 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
135
135
  _useState2 = _slicedToArray(_useState, 2),
136
136
  breakoutNodePresent = _useState2[0],
137
137
  setBreakoutNodePresent = _useState2[1];
138
- var _useState3 = useState(expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView ? undefined :
139
- // Remove ! during platform_editor_hydratable_ui cleanup
140
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
141
- getBreakoutMode(editorView.state)),
138
+ var _useState3 = useState(editorView ? getBreakoutMode(editorView.state) : undefined),
142
139
  _useState4 = _slicedToArray(_useState3, 2),
143
140
  breakoutMode = _useState4[0],
144
141
  setBreakoutMode = _useState4[1];
145
142
  usePluginStateEffect(api, ['breakout'], function (_ref3) {
146
143
  var breakoutState = _ref3.breakoutState;
147
- if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
144
+ if (!editorView) {
148
145
  return;
149
146
  }
150
147
  if (breakoutState !== null && breakoutState !== void 0 && breakoutState.breakoutNode && !breakoutNodePresent) {
@@ -153,8 +150,6 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
153
150
  if (!(breakoutState !== null && breakoutState !== void 0 && breakoutState.breakoutNode) && breakoutNodePresent) {
154
151
  setBreakoutNodePresent(false);
155
152
  }
156
- // Remove ! during platform_editor_hydratable_ui cleanup
157
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
158
153
  var nextBreakoutMode = getBreakoutMode(editorView.state);
159
154
  if (nextBreakoutMode !== breakoutMode) {
160
155
  setBreakoutMode(nextBreakoutMode);
package/dist/esm/ui/LayoutButton.js CHANGED
@@ -18,7 +18,6 @@ import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
18
18
  import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
19
19
  import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
20
20
  import { layers } from '@atlaskit/theme/constants';
21
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
22
21
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
23
22
  import { removeBreakout } from '../editor-commands/remove-breakout';
24
23
  import { setBreakoutMode } from '../editor-commands/set-breakout-mode';
@@ -71,14 +70,11 @@ var LayoutButton = function LayoutButton(_ref) {
71
70
  api = _ref.api;
72
71
  var handleClick = useCallback(function (breakoutMode) {
73
72
  var _getPluginState;
74
- if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
73
+ if (!editorView) {
75
74
  return;
76
75
  }
77
- // Remove ! during platform_editor_hydratable_ui cleanup
78
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
79
- var _ref2 = editorView,
80
- state = _ref2.state,
81
- dispatch = _ref2.dispatch;
76
+ var state = editorView.state,
77
+ dispatch = editorView.dispatch;
82
78
  var breakoutNode = (_getPluginState = getPluginState(state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.breakoutNode;
83
79
  if (['wide', 'full-width'].indexOf(breakoutMode) !== -1) {
84
80
  var _api$analytics;
@@ -106,12 +102,9 @@ var LayoutButton = function LayoutButton(_ref) {
106
102
  });
107
103
  }
108
104
  }, [api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, editorView, isLivePage]);
109
- if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
105
+ if (!editorView) {
110
106
  return null;
111
107
  }
112
-
113
- // Remove ! during platform_editor_hydratable_ui cleanup
114
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
115
108
  if (!isBreakoutNodePresent || !isBreakoutMarkAllowed(editorView.state)) {
116
109
  return null;
117
110
  }
@@ -120,16 +113,10 @@ var LayoutButton = function LayoutButton(_ref) {
120
113
  var title = formatMessage(titleMessage);
121
114
  var nextBreakoutMode = getNextBreakoutMode(breakoutMode);
122
115
  var belowOtherPopupsZIndex = layers.layer() - 1;
123
-
124
- // Remove ! during platform_editor_hydratable_ui cleanup
125
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
126
116
  var pluginState = getPluginState(editorView.state);
127
117
  if (!pluginState) {
128
118
  return null;
129
119
  }
130
-
131
- // Remove ! during platform_editor_hydratable_ui cleanup
132
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
133
120
  var element = getBreakoutNodeElement(pluginState, editorView.state.selection, editorView);
134
121
  if (!element) {
135
122
  return null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-breakout",
3
- "version": "10.0.1",
3
+ "version": "10.1.0",
4
4
  "description": "Breakout plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -30,7 +30,7 @@
30
30
  "atlaskit:src": "src/index.ts",
31
31
  "dependencies": {
32
32
  "@atlaskit/adf-schema": "^52.5.0",
33
- "@atlaskit/editor-plugin-block-controls": "^11.0.0",
33
+ "@atlaskit/editor-plugin-block-controls": "^11.2.0",
34
34
  "@atlaskit/editor-plugin-editor-disabled": "^10.0.0",
35
35
  "@atlaskit/editor-plugin-editor-viewmode": "^12.0.0",
36
36
  "@atlaskit/editor-plugin-guideline": "^10.0.0",
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
44
  "@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
45
45
  "@atlaskit/theme": "^23.1.0",
46
- "@atlaskit/tmp-editor-statsig": "^63.0.0",
46
+ "@atlaskit/tmp-editor-statsig": "^65.0.0",
47
47
  "@atlaskit/tokens": "^13.0.0",
48
48
  "@atlaskit/tooltip": "^21.1.0",
49
49
  "@babel/runtime": "^7.0.0",
@@ -53,7 +53,7 @@
53
53
  "uuid": "^3.1.0"
54
54
  },
55
55
  "peerDependencies": {
56
- "@atlaskit/editor-common": "^114.2.0",
56
+ "@atlaskit/editor-common": "^114.6.0",
57
57
  "react": "^18.2.0",
58
58
  "react-dom": "^18.2.0",
59
59
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"