@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 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": (0, _expValEquals.expValEquals)('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(_messages.tableMessages.dragHandleZone) : undefined
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/migration/chevron-down"));
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
- 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; }
14
- 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) { (0, _defineProperty2.default)(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; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
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': _objectSpread({
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
- }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && {
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: (0, _expValEquals.expValEquals)('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(_messages.tableMessages.headerColumn) : undefined,
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: (0, _expValEquals.expValEquals)('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(_messages.tableMessages.headerRow) : undefined,
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: (0, _expValEquals.expValEquals)('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(_messages.tableMessages.numberedColumn) : undefined,
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": expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.dragHandleZone) : undefined
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/migration/chevron-down';
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
- flexDirection: 'column',
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
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: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.headerColumn) : undefined,
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: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.headerRow) : undefined,
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: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.numberedColumn) : undefined,
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": expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.dragHandleZone) : undefined
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/migration/chevron-down';
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': _objectSpread({
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
- }, fg('platform-visual-refresh-icons') && {
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: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.headerColumn) : undefined,
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: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.headerRow) : undefined,
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: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.numberedColumn) : undefined,
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.1",
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.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",