@atlaskit/editor-core 172.0.0 → 172.0.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 172.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`4e63a26de78`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e63a26de78) - [ux] DTR-624 Reversed order of indentation buttons in the toolbar. Note that the buttons are behind a feature flag and disabled by default.
8
+
3
9
  ## 172.0.0
4
10
 
5
11
  ### Major Changes
@@ -94,20 +94,6 @@ function Toolbar(props) {
94
94
  iconBefore: (0, _react.jsx)(_numberList.default, {
95
95
  label: ""
96
96
  })
97
- }), showIndentationButtons && (0, _react.jsx)(_ToolbarButton.default, {
98
- buttonId: _ToolbarButton.TOOLBAR_BUTTON.INDENT,
99
- testId: _ToolbarButton.TOOLBAR_BUTTON.INDENT,
100
- spacing: isReducedSpacing ? 'none' : 'default',
101
- onClick: handleOnItemActivated('indent'),
102
- iconBefore: (0, _react.jsx)(_indent.default, {
103
- label: ""
104
- }),
105
- disabled: indentDisabled || disabled,
106
- "aria-label": formatMessage(_messages2.messages.indent),
107
- title: (0, _react.jsx)(_keymaps.ToolTipContent, {
108
- description: formatMessage(_messages2.messages.indent),
109
- keymap: _keymaps.indent
110
- })
111
97
  }), showIndentationButtons && (0, _react.jsx)(_ToolbarButton.default, {
112
98
  buttonId: _ToolbarButton.TOOLBAR_BUTTON.OUTDENT,
113
99
  testId: _ToolbarButton.TOOLBAR_BUTTON.OUTDENT,
@@ -122,6 +108,20 @@ function Toolbar(props) {
122
108
  description: formatMessage(_messages2.messages.outdent),
123
109
  keymap: _keymaps.outdent
124
110
  })
111
+ }), showIndentationButtons && (0, _react.jsx)(_ToolbarButton.default, {
112
+ buttonId: _ToolbarButton.TOOLBAR_BUTTON.INDENT,
113
+ testId: _ToolbarButton.TOOLBAR_BUTTON.INDENT,
114
+ spacing: isReducedSpacing ? 'none' : 'default',
115
+ onClick: handleOnItemActivated('indent'),
116
+ iconBefore: (0, _react.jsx)(_indent.default, {
117
+ label: ""
118
+ }),
119
+ disabled: indentDisabled || disabled,
120
+ "aria-label": formatMessage(_messages2.messages.indent),
121
+ title: (0, _react.jsx)(_keymaps.ToolTipContent, {
122
+ description: formatMessage(_messages2.messages.indent),
123
+ keymap: _keymaps.indent
124
+ })
125
125
  }), (0, _react.jsx)("span", {
126
126
  css: _styles.separatorStyles
127
127
  }));
@@ -143,27 +143,27 @@ function useItems(props) {
143
143
  var labelIndent = formatMessage(_messages2.messages.indent);
144
144
  var labelOutdent = formatMessage(_messages2.messages.outdent);
145
145
  items.push({
146
- key: 'indent',
147
- content: labelIndent,
146
+ key: 'outdent',
147
+ content: labelOutdent,
148
148
  value: {
149
- name: 'indent'
149
+ name: 'outdent'
150
150
  },
151
- isDisabled: props.indentDisabled,
151
+ isDisabled: props.outdentDisabled,
152
152
  isActive: false,
153
153
  elemAfter: (0, _react.jsx)("div", {
154
154
  css: _styles.shortcutStyle
155
- }, (0, _keymaps.tooltip)(_keymaps.indent))
155
+ }, (0, _keymaps.tooltip)(_keymaps.outdent))
156
156
  }, {
157
- key: 'outdent',
158
- content: labelOutdent,
157
+ key: 'indent',
158
+ content: labelIndent,
159
159
  value: {
160
- name: 'outdent'
160
+ name: 'indent'
161
161
  },
162
- isDisabled: props.outdentDisabled,
162
+ isDisabled: props.indentDisabled,
163
163
  isActive: false,
164
164
  elemAfter: (0, _react.jsx)("div", {
165
165
  css: _styles.shortcutStyle
166
- }, (0, _keymaps.tooltip)(_keymaps.outdent))
166
+ }, (0, _keymaps.tooltip)(_keymaps.indent))
167
167
  });
168
168
  }
169
169
 
@@ -46,7 +46,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
46
46
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
47
47
 
48
48
  var packageName = "@atlaskit/editor-core";
49
- var packageVersion = "172.0.0";
49
+ var packageVersion = "172.0.1";
50
50
  var halfFocusRing = 1;
51
51
  var dropOffset = "0, ".concat((0, _constants.gridSize)(), "px");
52
52
 
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.version = exports.nextMajorVersion = exports.name = void 0;
7
7
  var name = "@atlaskit/editor-core";
8
8
  exports.name = name;
9
- var version = "172.0.0";
9
+ var version = "172.0.1";
10
10
  exports.version = version;
11
11
 
12
12
  var nextMajorVersion = function nextMajorVersion() {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "172.0.0",
3
+ "version": "172.0.1",
4
4
  "sideEffects": false
5
5
  }
@@ -66,20 +66,6 @@ export function Toolbar(props) {
66
66
  iconBefore: jsx(NumberListIcon, {
67
67
  label: ""
68
68
  })
69
- }), showIndentationButtons && jsx(ToolbarButton, {
70
- buttonId: TOOLBAR_BUTTON.INDENT,
71
- testId: TOOLBAR_BUTTON.INDENT,
72
- spacing: isReducedSpacing ? 'none' : 'default',
73
- onClick: handleOnItemActivated('indent'),
74
- iconBefore: jsx(IndentIcon, {
75
- label: ""
76
- }),
77
- disabled: indentDisabled || disabled,
78
- "aria-label": formatMessage(indentationMessages.indent),
79
- title: jsx(ToolTipContent, {
80
- description: formatMessage(indentationMessages.indent),
81
- keymap: toggleIndentKeymap
82
- })
83
69
  }), showIndentationButtons && jsx(ToolbarButton, {
84
70
  buttonId: TOOLBAR_BUTTON.OUTDENT,
85
71
  testId: TOOLBAR_BUTTON.OUTDENT,
@@ -94,6 +80,20 @@ export function Toolbar(props) {
94
80
  description: formatMessage(indentationMessages.outdent),
95
81
  keymap: toggleOutdentKeymap
96
82
  })
83
+ }), showIndentationButtons && jsx(ToolbarButton, {
84
+ buttonId: TOOLBAR_BUTTON.INDENT,
85
+ testId: TOOLBAR_BUTTON.INDENT,
86
+ spacing: isReducedSpacing ? 'none' : 'default',
87
+ onClick: handleOnItemActivated('indent'),
88
+ iconBefore: jsx(IndentIcon, {
89
+ label: ""
90
+ }),
91
+ disabled: indentDisabled || disabled,
92
+ "aria-label": formatMessage(indentationMessages.indent),
93
+ title: jsx(ToolTipContent, {
94
+ description: formatMessage(indentationMessages.indent),
95
+ keymap: toggleIndentKeymap
96
+ })
97
97
  }), jsx("span", {
98
98
  css: separatorStyles
99
99
  }));
@@ -119,27 +119,27 @@ function useItems(props) {
119
119
  const labelIndent = formatMessage(indentationMessages.indent);
120
120
  const labelOutdent = formatMessage(indentationMessages.outdent);
121
121
  items.push({
122
- key: 'indent',
123
- content: labelIndent,
122
+ key: 'outdent',
123
+ content: labelOutdent,
124
124
  value: {
125
- name: 'indent'
125
+ name: 'outdent'
126
126
  },
127
- isDisabled: props.indentDisabled,
127
+ isDisabled: props.outdentDisabled,
128
128
  isActive: false,
129
129
  elemAfter: jsx("div", {
130
130
  css: shortcutStyle
131
- }, tooltip(toggleIndentKeymap))
131
+ }, tooltip(toggleOutdentKeymap))
132
132
  }, {
133
- key: 'outdent',
134
- content: labelOutdent,
133
+ key: 'indent',
134
+ content: labelIndent,
135
135
  value: {
136
- name: 'outdent'
136
+ name: 'indent'
137
137
  },
138
- isDisabled: props.outdentDisabled,
138
+ isDisabled: props.indentDisabled,
139
139
  isActive: false,
140
140
  elemAfter: jsx("div", {
141
141
  css: shortcutStyle
142
- }, tooltip(toggleOutdentKeymap))
142
+ }, tooltip(toggleIndentKeymap))
143
143
  });
144
144
  }
145
145
 
@@ -10,7 +10,7 @@ import { N0, DN50, DN600, N50A, N60A, N900 } from '@atlaskit/theme/colors';
10
10
  import { themed } from '@atlaskit/theme/components';
11
11
  import { token } from '@atlaskit/tokens';
12
12
  const packageName = "@atlaskit/editor-core";
13
- const packageVersion = "172.0.0";
13
+ const packageVersion = "172.0.1";
14
14
  const halfFocusRing = 1;
15
15
  const dropOffset = `0, ${gridSize()}px`;
16
16
 
@@ -1,5 +1,5 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "172.0.0";
2
+ export const version = "172.0.1";
3
3
  export const nextMajorVersion = () => {
4
4
  return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
5
5
  };
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "172.0.0",
3
+ "version": "172.0.1",
4
4
  "sideEffects": false
5
5
  }
@@ -68,20 +68,6 @@ export function Toolbar(props) {
68
68
  iconBefore: jsx(NumberListIcon, {
69
69
  label: ""
70
70
  })
71
- }), showIndentationButtons && jsx(ToolbarButton, {
72
- buttonId: TOOLBAR_BUTTON.INDENT,
73
- testId: TOOLBAR_BUTTON.INDENT,
74
- spacing: isReducedSpacing ? 'none' : 'default',
75
- onClick: handleOnItemActivated('indent'),
76
- iconBefore: jsx(IndentIcon, {
77
- label: ""
78
- }),
79
- disabled: indentDisabled || disabled,
80
- "aria-label": formatMessage(indentationMessages.indent),
81
- title: jsx(ToolTipContent, {
82
- description: formatMessage(indentationMessages.indent),
83
- keymap: toggleIndentKeymap
84
- })
85
71
  }), showIndentationButtons && jsx(ToolbarButton, {
86
72
  buttonId: TOOLBAR_BUTTON.OUTDENT,
87
73
  testId: TOOLBAR_BUTTON.OUTDENT,
@@ -96,6 +82,20 @@ export function Toolbar(props) {
96
82
  description: formatMessage(indentationMessages.outdent),
97
83
  keymap: toggleOutdentKeymap
98
84
  })
85
+ }), showIndentationButtons && jsx(ToolbarButton, {
86
+ buttonId: TOOLBAR_BUTTON.INDENT,
87
+ testId: TOOLBAR_BUTTON.INDENT,
88
+ spacing: isReducedSpacing ? 'none' : 'default',
89
+ onClick: handleOnItemActivated('indent'),
90
+ iconBefore: jsx(IndentIcon, {
91
+ label: ""
92
+ }),
93
+ disabled: indentDisabled || disabled,
94
+ "aria-label": formatMessage(indentationMessages.indent),
95
+ title: jsx(ToolTipContent, {
96
+ description: formatMessage(indentationMessages.indent),
97
+ keymap: toggleIndentKeymap
98
+ })
99
99
  }), jsx("span", {
100
100
  css: separatorStyles
101
101
  }));
@@ -123,27 +123,27 @@ function useItems(props) {
123
123
  var labelIndent = formatMessage(indentationMessages.indent);
124
124
  var labelOutdent = formatMessage(indentationMessages.outdent);
125
125
  items.push({
126
- key: 'indent',
127
- content: labelIndent,
126
+ key: 'outdent',
127
+ content: labelOutdent,
128
128
  value: {
129
- name: 'indent'
129
+ name: 'outdent'
130
130
  },
131
- isDisabled: props.indentDisabled,
131
+ isDisabled: props.outdentDisabled,
132
132
  isActive: false,
133
133
  elemAfter: jsx("div", {
134
134
  css: shortcutStyle
135
- }, tooltip(toggleIndentKeymap))
135
+ }, tooltip(toggleOutdentKeymap))
136
136
  }, {
137
- key: 'outdent',
138
- content: labelOutdent,
137
+ key: 'indent',
138
+ content: labelIndent,
139
139
  value: {
140
- name: 'outdent'
140
+ name: 'indent'
141
141
  },
142
- isDisabled: props.outdentDisabled,
142
+ isDisabled: props.indentDisabled,
143
143
  isActive: false,
144
144
  elemAfter: jsx("div", {
145
145
  css: shortcutStyle
146
- }, tooltip(toggleOutdentKeymap))
146
+ }, tooltip(toggleIndentKeymap))
147
147
  });
148
148
  }
149
149
 
@@ -23,7 +23,7 @@ import { N0, DN50, DN600, N50A, N60A, N900 } from '@atlaskit/theme/colors';
23
23
  import { themed } from '@atlaskit/theme/components';
24
24
  import { token } from '@atlaskit/tokens';
25
25
  var packageName = "@atlaskit/editor-core";
26
- var packageVersion = "172.0.0";
26
+ var packageVersion = "172.0.1";
27
27
  var halfFocusRing = 1;
28
28
  var dropOffset = "0, ".concat(gridSize(), "px");
29
29
 
@@ -1,5 +1,5 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "172.0.0";
2
+ export var version = "172.0.1";
3
3
  export var nextMajorVersion = function nextMajorVersion() {
4
4
  return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
5
5
  };
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "172.0.0",
3
+ "version": "172.0.1",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "172.0.0",
3
+ "version": "172.0.1",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"