@atlaskit/editor-plugin-table 16.0.1 → 16.0.3
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 +17 -0
- package/dist/cjs/ui/DragHandle/index.js +1 -1
- package/dist/cjs/ui/FloatingContextualButton/index.js +1 -1
- package/dist/cjs/ui/FloatingContextualButton/styles.js +5 -9
- package/dist/cjs/ui/FloatingDragMenu/DragMenu.js +3 -3
- package/dist/es2019/ui/DragHandle/index.js +1 -1
- package/dist/es2019/ui/FloatingContextualButton/index.js +1 -1
- package/dist/es2019/ui/FloatingContextualButton/styles.js +2 -6
- package/dist/es2019/ui/FloatingDragMenu/DragMenu.js +3 -3
- package/dist/esm/ui/DragHandle/index.js +1 -1
- package/dist/esm/ui/FloatingContextualButton/index.js +1 -1
- package/dist/esm/ui/FloatingContextualButton/styles.js +3 -8
- package/dist/esm/ui/FloatingDragMenu/DragMenu.js +3 -3
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-table
|
|
2
2
|
|
|
3
|
+
## 16.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`b429c01ce6af9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b429c01ce6af9) -
|
|
8
|
+
icon migration entry point update
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 16.0.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`1112caa726b84`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1112caa726b84) -
|
|
16
|
+
Clean up platform_editor_enghealth_table_plugin_lable_rule experiment - Add accessibility labels
|
|
17
|
+
to table drag handles and toggles by default
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 16.0.1
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -188,7 +188,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
|
|
|
188
188
|
}
|
|
189
189
|
},
|
|
190
190
|
onClick: onClick,
|
|
191
|
-
"aria-label":
|
|
191
|
+
"aria-label": formatMessage(_messages.tableMessages.dragHandleZone)
|
|
192
192
|
}), /*#__PURE__*/_react.default.createElement("button", {
|
|
193
193
|
type: "button",
|
|
194
194
|
id: isDragMenuTarget ? showDragMenuAnchorId : undefined
|
|
@@ -17,7 +17,7 @@ var _ui = require("@atlaskit/editor-common/ui");
|
|
|
17
17
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
18
18
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
19
19
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
20
|
-
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
20
|
+
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
21
21
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
22
22
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
23
23
|
var _commands = require("../../pm-plugins/commands");
|
|
@@ -1,31 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.tableFloatingCellButtonStyles = exports.tableFloatingCellButtonSelectedStyles = void 0;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
7
|
var _react = require("@emotion/react");
|
|
10
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
8
|
var _colors = require("@atlaskit/theme/colors");
|
|
12
9
|
var _consts = require("../consts");
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
+
|
|
15
12
|
var tableFloatingCellButtonStyles = exports.tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles() {
|
|
16
13
|
return (0, _react.css)({
|
|
17
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
|
-
'> div':
|
|
15
|
+
'> div': {
|
|
19
16
|
// Sits behind button to provide surface-color background
|
|
20
17
|
background: "var(--ds-surface, ".concat(_colors.N20, ")"),
|
|
21
18
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
22
19
|
display: 'flex',
|
|
23
20
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
24
21
|
height: "".concat(_consts.contextualMenuTriggerSize + 2, "px"),
|
|
22
|
+
width: "var(--ds-space-250, 20px)",
|
|
25
23
|
flexDirection: 'column'
|
|
26
|
-
},
|
|
27
|
-
width: "var(--ds-space-250, 20px)"
|
|
28
|
-
}),
|
|
24
|
+
},
|
|
29
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
30
26
|
'&& button': {
|
|
31
27
|
background: "var(--ds-background-neutral, none)",
|
|
@@ -371,7 +371,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
371
371
|
css: _styles2.toggleStyles
|
|
372
372
|
}, (0, _react2.jsx)(_toggle.default, {
|
|
373
373
|
id: "toggle-header-column",
|
|
374
|
-
label:
|
|
374
|
+
label: formatMessage(_messages.tableMessages.headerColumn),
|
|
375
375
|
onChange: toggleHeaderColumn,
|
|
376
376
|
isChecked: (0, _nodes.checkIfHeaderColumnEnabled)(selection)
|
|
377
377
|
}))
|
|
@@ -387,7 +387,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
387
387
|
css: _styles2.toggleStyles
|
|
388
388
|
}, (0, _react2.jsx)(_toggle.default, {
|
|
389
389
|
id: "toggle-header-row",
|
|
390
|
-
label:
|
|
390
|
+
label: formatMessage(_messages.tableMessages.headerRow),
|
|
391
391
|
onChange: toggleHeaderRow,
|
|
392
392
|
isChecked: (0, _nodes.checkIfHeaderRowEnabled)(selection)
|
|
393
393
|
}))
|
|
@@ -406,7 +406,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
406
406
|
css: _styles2.toggleStyles
|
|
407
407
|
}, (0, _react2.jsx)(_toggle.default, {
|
|
408
408
|
id: "toggle-row-numbers",
|
|
409
|
-
label:
|
|
409
|
+
label: formatMessage(_messages.tableMessages.numberedColumn),
|
|
410
410
|
onChange: toggleRowNumbers,
|
|
411
411
|
isChecked: (0, _nodes.checkIfNumberColumnEnabled)(selection)
|
|
412
412
|
}))
|
|
@@ -178,7 +178,7 @@ const DragHandleComponent = ({
|
|
|
178
178
|
}
|
|
179
179
|
},
|
|
180
180
|
onClick: onClick,
|
|
181
|
-
"aria-label":
|
|
181
|
+
"aria-label": formatMessage(messages.dragHandleZone)
|
|
182
182
|
}), /*#__PURE__*/React.createElement("button", {
|
|
183
183
|
type: "button",
|
|
184
184
|
id: isDragMenuTarget ? showDragMenuAnchorId : undefined
|
|
@@ -15,7 +15,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
|
|
|
15
15
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
16
16
|
import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
|
|
17
17
|
import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
|
|
18
|
-
import ExpandIcon from '@atlaskit/icon/core/
|
|
18
|
+
import ExpandIcon from '@atlaskit/icon/core/chevron-down';
|
|
19
19
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
20
20
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
21
21
|
import { toggleContextualMenu } from '../../pm-plugins/commands';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { N0, N20, N30A, N700 } from '@atlaskit/theme/colors';
|
|
5
4
|
import { contextualMenuTriggerSize } from '../consts';
|
|
6
5
|
export const tableFloatingCellButtonStyles = () => css({
|
|
@@ -12,11 +11,8 @@ export const tableFloatingCellButtonStyles = () => css({
|
|
|
12
11
|
display: 'flex',
|
|
13
12
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
14
13
|
height: `${contextualMenuTriggerSize + 2}px`,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
...(fg('platform-visual-refresh-icons') && {
|
|
18
|
-
width: "var(--ds-space-250, 20px)"
|
|
19
|
-
})
|
|
14
|
+
width: "var(--ds-space-250, 20px)",
|
|
15
|
+
flexDirection: 'column'
|
|
20
16
|
},
|
|
21
17
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
22
18
|
'&& button': {
|
|
@@ -365,7 +365,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
|
|
|
365
365
|
css: toggleStyles
|
|
366
366
|
}, jsx(Toggle, {
|
|
367
367
|
id: "toggle-header-column",
|
|
368
|
-
label:
|
|
368
|
+
label: formatMessage(messages.headerColumn),
|
|
369
369
|
onChange: toggleHeaderColumn,
|
|
370
370
|
isChecked: checkIfHeaderColumnEnabled(selection)
|
|
371
371
|
}))
|
|
@@ -381,7 +381,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
|
|
|
381
381
|
css: toggleStyles
|
|
382
382
|
}, jsx(Toggle, {
|
|
383
383
|
id: "toggle-header-row",
|
|
384
|
-
label:
|
|
384
|
+
label: formatMessage(messages.headerRow),
|
|
385
385
|
onChange: toggleHeaderRow,
|
|
386
386
|
isChecked: checkIfHeaderRowEnabled(selection)
|
|
387
387
|
}))
|
|
@@ -400,7 +400,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
|
|
|
400
400
|
css: toggleStyles
|
|
401
401
|
}, jsx(Toggle, {
|
|
402
402
|
id: "toggle-row-numbers",
|
|
403
|
-
label:
|
|
403
|
+
label: formatMessage(messages.numberedColumn),
|
|
404
404
|
onChange: toggleRowNumbers,
|
|
405
405
|
isChecked: checkIfNumberColumnEnabled(selection)
|
|
406
406
|
}))
|
|
@@ -179,7 +179,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
|
|
|
179
179
|
}
|
|
180
180
|
},
|
|
181
181
|
onClick: onClick,
|
|
182
|
-
"aria-label":
|
|
182
|
+
"aria-label": formatMessage(messages.dragHandleZone)
|
|
183
183
|
}), /*#__PURE__*/React.createElement("button", {
|
|
184
184
|
type: "button",
|
|
185
185
|
id: isDragMenuTarget ? showDragMenuAnchorId : undefined
|
|
@@ -15,7 +15,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
|
|
|
15
15
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
16
16
|
import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
|
|
17
17
|
import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
|
|
18
|
-
import ExpandIcon from '@atlaskit/icon/core/
|
|
18
|
+
import ExpandIcon from '@atlaskit/icon/core/chevron-down';
|
|
19
19
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
20
20
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
21
21
|
import { toggleContextualMenu } from '../../pm-plugins/commands';
|
|
@@ -1,25 +1,20 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
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; }
|
|
3
|
-
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; }
|
|
4
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
5
2
|
import { css } from '@emotion/react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
3
|
import { N0, N20, N30A, N700 } from '@atlaskit/theme/colors';
|
|
8
4
|
import { contextualMenuTriggerSize } from '../consts';
|
|
9
5
|
export var tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles() {
|
|
10
6
|
return css({
|
|
11
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
12
|
-
'> div':
|
|
8
|
+
'> div': {
|
|
13
9
|
// Sits behind button to provide surface-color background
|
|
14
10
|
background: "var(--ds-surface, ".concat(N20, ")"),
|
|
15
11
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
16
12
|
display: 'flex',
|
|
17
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
18
14
|
height: "".concat(contextualMenuTriggerSize + 2, "px"),
|
|
15
|
+
width: "var(--ds-space-250, 20px)",
|
|
19
16
|
flexDirection: 'column'
|
|
20
|
-
},
|
|
21
|
-
width: "var(--ds-space-250, 20px)"
|
|
22
|
-
}),
|
|
17
|
+
},
|
|
23
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
24
19
|
'&& button': {
|
|
25
20
|
background: "var(--ds-background-neutral, none)",
|
|
@@ -360,7 +360,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
360
360
|
css: toggleStyles
|
|
361
361
|
}, jsx(Toggle, {
|
|
362
362
|
id: "toggle-header-column",
|
|
363
|
-
label:
|
|
363
|
+
label: formatMessage(messages.headerColumn),
|
|
364
364
|
onChange: toggleHeaderColumn,
|
|
365
365
|
isChecked: checkIfHeaderColumnEnabled(selection)
|
|
366
366
|
}))
|
|
@@ -376,7 +376,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
376
376
|
css: toggleStyles
|
|
377
377
|
}, jsx(Toggle, {
|
|
378
378
|
id: "toggle-header-row",
|
|
379
|
-
label:
|
|
379
|
+
label: formatMessage(messages.headerRow),
|
|
380
380
|
onChange: toggleHeaderRow,
|
|
381
381
|
isChecked: checkIfHeaderRowEnabled(selection)
|
|
382
382
|
}))
|
|
@@ -395,7 +395,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
395
395
|
css: toggleStyles
|
|
396
396
|
}, jsx(Toggle, {
|
|
397
397
|
id: "toggle-row-numbers",
|
|
398
|
-
label:
|
|
398
|
+
label: formatMessage(messages.numberedColumn),
|
|
399
399
|
onChange: toggleRowNumbers,
|
|
400
400
|
isChecked: checkIfNumberColumnEnabled(selection)
|
|
401
401
|
}))
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-table",
|
|
3
|
-
"version": "16.0.
|
|
3
|
+
"version": "16.0.3",
|
|
4
4
|
"description": "Table plugin for the @atlaskit/editor",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@atlaskit/editor-plugin-batch-attribute-updates": "^7.0.0",
|
|
38
38
|
"@atlaskit/editor-plugin-content-insertion": "^7.0.0",
|
|
39
39
|
"@atlaskit/editor-plugin-editor-viewmode": "^9.0.0",
|
|
40
|
-
"@atlaskit/editor-plugin-extension": "10.0.
|
|
40
|
+
"@atlaskit/editor-plugin-extension": "10.0.1",
|
|
41
41
|
"@atlaskit/editor-plugin-guideline": "^7.0.0",
|
|
42
42
|
"@atlaskit/editor-plugin-interaction": "^12.0.0",
|
|
43
43
|
"@atlaskit/editor-plugin-limited-mode": "^4.0.0",
|