@atlaskit/editor-plugin-table 2.8.4 → 2.8.5

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 2.8.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`58fa188ef48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58fa188ef48) - [ux] [ED-19461] Reduce draggable zone of adjacent resize handle.
8
+
3
9
  ## 2.8.4
4
10
 
5
11
  ### Patch Changes
@@ -28,6 +28,7 @@ var handles = {
28
28
  right: true
29
29
  };
30
30
  var tableHandleMarginTop = 12;
31
+ var tableHandlePosition = 14;
31
32
  var getResizerHandleHeight = function getResizerHandleHeight(tableRef) {
32
33
  var tableHeight = tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientHeight;
33
34
  var handleHeightSize = 'small';
@@ -193,6 +194,7 @@ var TableResizer = function TableResizer(_ref) {
193
194
  snapGap: _consts.TABLE_SNAP_GAP,
194
195
  snap: guidelineSnaps,
195
196
  handlePositioning: "adjacent",
197
+ innerPadding: tableHandlePosition,
196
198
  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(),
197
199
  handleComponent: handleComponent
198
200
  }, children);
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "2.8.4",
3
+ "version": "2.8.5",
4
4
  "sideEffects": false
5
5
  }
@@ -14,6 +14,7 @@ const handles = {
14
14
  right: true
15
15
  };
16
16
  const tableHandleMarginTop = 12;
17
+ const tableHandlePosition = 14;
17
18
  const getResizerHandleHeight = tableRef => {
18
19
  const tableHeight = tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientHeight;
19
20
  let handleHeightSize = 'small';
@@ -180,6 +181,7 @@ export const TableResizer = ({
180
181
  snapGap: TABLE_SNAP_GAP,
181
182
  snap: guidelineSnaps,
182
183
  handlePositioning: "adjacent",
184
+ innerPadding: tableHandlePosition,
183
185
  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(),
184
186
  handleComponent: handleComponent
185
187
  }, children);
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "2.8.4",
3
+ "version": "2.8.5",
4
4
  "sideEffects": false
5
5
  }
@@ -18,6 +18,7 @@ var handles = {
18
18
  right: true
19
19
  };
20
20
  var tableHandleMarginTop = 12;
21
+ var tableHandlePosition = 14;
21
22
  var getResizerHandleHeight = function getResizerHandleHeight(tableRef) {
22
23
  var tableHeight = tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientHeight;
23
24
  var handleHeightSize = 'small';
@@ -183,6 +184,7 @@ export var TableResizer = function TableResizer(_ref) {
183
184
  snapGap: TABLE_SNAP_GAP,
184
185
  snap: guidelineSnaps,
185
186
  handlePositioning: "adjacent",
187
+ innerPadding: tableHandlePosition,
186
188
  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(),
187
189
  handleComponent: handleComponent
188
190
  }, children);
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "2.8.4",
3
+ "version": "2.8.5",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "2.8.4",
3
+ "version": "2.8.5",
4
4
  "description": "Table plugin for the @atlaskit/editor",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -53,6 +53,7 @@ interface TableResizerProps {
53
53
 
54
54
  const handles = { right: true };
55
55
  const tableHandleMarginTop = 12;
56
+ const tableHandlePosition = 14;
56
57
 
57
58
  const getResizerHandleHeight = (tableRef: HTMLTableElement) => {
58
59
  const tableHeight = tableRef?.clientHeight;
@@ -296,6 +297,7 @@ export const TableResizer = ({
296
297
  snapGap={TABLE_SNAP_GAP}
297
298
  snap={guidelineSnaps}
298
299
  handlePositioning="adjacent"
300
+ innerPadding={tableHandlePosition}
299
301
  isHandleVisible={findTable(editorView.state?.selection)?.pos === getPos()}
300
302
  handleComponent={handleComponent}
301
303
  >