@atlaskit/editor-plugin-table 2.12.0 → 2.12.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 (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/plugins/table/nodeviews/TableResizer.js +3 -2
  3. package/dist/es2019/plugins/table/nodeviews/TableResizer.js +3 -2
  4. package/dist/esm/plugins/table/nodeviews/TableResizer.js +3 -2
  5. package/package.json +1 -1
  6. package/src/plugins/table/nodeviews/TableResizer.tsx +5 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 2.12.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`58f6154cd7c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58f6154cd7c) - Use color.icon.danger colour token for resizer danger state, rename the danger className to avoid collisions and ensure danger state is only applied to tables when the table is selected
8
+
3
9
  ## 2.12.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/plugins/table/nodeviews/TableResizer.js CHANGED
@@ -196,6 +196,7 @@ var TableResizer = function TableResizer(_ref) {
196
196
  scheduleResize.cancel();
197
197
  return newWidth;
198
198
  }, [updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure]);
199
+ var isTableSelected = ((_findTable = (0, _utils.findTable)((_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) === getPos();
199
200
  return /*#__PURE__*/_react.default.createElement(_resizer.ResizerNext, {
200
201
  enable: handles,
201
202
  width: width,
@@ -212,8 +213,8 @@ var TableResizer = function TableResizer(_ref) {
212
213
  snap: guidelineSnaps,
213
214
  handlePositioning: "adjacent",
214
215
  innerPadding: tableHandlePosition,
215
- isHandleVisible: ((_findTable = (0, _utils.findTable)((_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) === getPos(),
216
- appearance: isInDanger ? 'danger' : undefined,
216
+ isHandleVisible: isTableSelected,
217
+ appearance: isInDanger && isTableSelected ? 'danger' : undefined,
217
218
  handleHighlight: "shadow",
218
219
  handleTooltipContent: formatMessage(messages.resizeTable)
219
220
  }, children);
package/dist/es2019/plugins/table/nodeviews/TableResizer.js CHANGED
@@ -187,6 +187,7 @@ export const TableResizer = ({
187
187
  scheduleResize.cancel();
188
188
  return newWidth;
189
189
  }, [updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure]);
190
+ const isTableSelected = ((_findTable = findTable((_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) === getPos();
190
191
  return /*#__PURE__*/React.createElement(ResizerNext, {
191
192
  enable: handles,
192
193
  width: width,
@@ -203,8 +204,8 @@ export const TableResizer = ({
203
204
  snap: guidelineSnaps,
204
205
  handlePositioning: "adjacent",
205
206
  innerPadding: tableHandlePosition,
206
- isHandleVisible: ((_findTable = findTable((_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) === getPos(),
207
- appearance: isInDanger ? 'danger' : undefined,
207
+ isHandleVisible: isTableSelected,
208
+ appearance: isInDanger && isTableSelected ? 'danger' : undefined,
208
209
  handleHighlight: "shadow",
209
210
  handleTooltipContent: formatMessage(messages.resizeTable)
210
211
  }, children);
package/dist/esm/plugins/table/nodeviews/TableResizer.js CHANGED
@@ -186,6 +186,7 @@ export var TableResizer = function TableResizer(_ref) {
186
186
  scheduleResize.cancel();
187
187
  return newWidth;
188
188
  }, [updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure]);
189
+ var isTableSelected = ((_findTable = findTable((_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) === getPos();
189
190
  return /*#__PURE__*/React.createElement(ResizerNext, {
190
191
  enable: handles,
191
192
  width: width,
@@ -202,8 +203,8 @@ export var TableResizer = function TableResizer(_ref) {
202
203
  snap: guidelineSnaps,
203
204
  handlePositioning: "adjacent",
204
205
  innerPadding: tableHandlePosition,
205
- isHandleVisible: ((_findTable = findTable((_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) === getPos(),
206
- appearance: isInDanger ? 'danger' : undefined,
206
+ isHandleVisible: isTableSelected,
207
+ appearance: isInDanger && isTableSelected ? 'danger' : undefined,
207
208
  handleHighlight: "shadow",
208
209
  handleTooltipContent: formatMessage(messages.resizeTable)
209
210
  }, children);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "2.12.0",
3
+ "version": "2.12.1",
4
4
  "description": "Table plugin for the @atlaskit/editor",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
package/src/plugins/table/nodeviews/TableResizer.tsx CHANGED
@@ -310,6 +310,9 @@ export const TableResizer = ({
310
310
  ],
311
311
  );
312
312
 
313
+ const isTableSelected =
314
+ findTable(editorView.state?.selection)?.pos === getPos();
315
+
313
316
  return (
314
317
  <ResizerNext
315
318
  enable={handles}
@@ -327,8 +330,8 @@ export const TableResizer = ({
327
330
  snap={guidelineSnaps}
328
331
  handlePositioning="adjacent"
329
332
  innerPadding={tableHandlePosition}
330
- isHandleVisible={findTable(editorView.state?.selection)?.pos === getPos()}
331
- appearance={isInDanger ? 'danger' : undefined}
333
+ isHandleVisible={isTableSelected}
334
+ appearance={isInDanger && isTableSelected ? 'danger' : undefined}
332
335
  handleHighlight="shadow"
333
336
  handleTooltipContent={formatMessage(messages.resizeTable)}
334
337
  >