@atlaskit/editor-plugin-toolbar-lists-indentation 5.0.3 → 5.0.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,21 @@
1
1
  # @atlaskit/editor-plugin-toolbar-lists-indentation
2
2
 
3
+ ## 5.0.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`555ac8f256674`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/555ac8f256674) -
8
+ Update menu item icon size to small, tweak paddings and font styles
9
+ - Updated dependencies
10
+
11
+ ## 5.0.4
12
+
13
+ ### Patch Changes
14
+
15
+ - [`db97eb262cc5a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/db97eb262cc5a) -
16
+ replace platform_editor_toolbar_aifc with separate experiements for jira and confluence
17
+ - Updated dependencies
18
+
3
19
  ## 5.0.3
4
20
 
5
21
  ### Patch Changes
@@ -14,7 +14,6 @@ var _hooks = require("@atlaskit/editor-common/hooks");
14
14
  var _types = require("@atlaskit/editor-common/types");
15
15
  var _usePluginStateEffect = require("@atlaskit/editor-common/use-plugin-state-effect");
16
16
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
18
17
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
19
18
  var _indentationButtons = require("./pm-plugins/indentation-buttons");
20
19
  var _types2 = require("./types");
@@ -34,6 +33,9 @@ var toolbarListsIndentationPlugin = exports.toolbarListsIndentationPlugin = func
34
33
  _ref2$allowHeadingAnd = _ref2.allowHeadingAndParagraphIndentation,
35
34
  allowHeadingAndParagraphIndentation = _ref2$allowHeadingAnd === void 0 ? false : _ref2$allowHeadingAnd;
36
35
  var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
36
+ var isToolbarAIFCEnabled = (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true, {
37
+ exposure: true
38
+ });
37
39
  var primaryToolbarComponent = function primaryToolbarComponent(_ref3) {
38
40
  var editorView = _ref3.editorView,
39
41
  popupsMountPoint = _ref3.popupsMountPoint,
@@ -56,7 +58,7 @@ var toolbarListsIndentationPlugin = exports.toolbarListsIndentationPlugin = func
56
58
  allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
57
59
  });
58
60
  };
59
- if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true)) {
61
+ if (isToolbarAIFCEnabled) {
60
62
  var _api$toolbar;
61
63
  api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)({
62
64
  api: api,
@@ -72,7 +74,7 @@ var toolbarListsIndentationPlugin = exports.toolbarListsIndentationPlugin = func
72
74
  }
73
75
  return {
74
76
  name: 'toolbarListsIndentation',
75
- pluginsOptions: _objectSpread({}, !(0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true) && {
77
+ pluginsOptions: _objectSpread({}, !isToolbarAIFCEnabled && {
76
78
  selectionToolbar: function selectionToolbar() {
77
79
  var _api$userPreferences, _api$selectionToolbar;
78
80
  var toolbarDocking = (0, _platformFeatureFlags.fg)('platform_editor_use_preferences_plugin') ? api === null || api === void 0 || (_api$userPreferences = api.userPreferences) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.sharedState.currentState()) === null || _api$userPreferences === void 0 ? void 0 : _api$userPreferences.preferences.toolbarDockingPosition : api === null || api === void 0 || (_api$selectionToolbar = api.selectionToolbar) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.sharedState) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.currentState()) === null || _api$selectionToolbar === void 0 ? void 0 : _api$selectionToolbar.toolbarDocking;
@@ -106,7 +108,7 @@ var toolbarListsIndentationPlugin = exports.toolbarListsIndentationPlugin = func
106
108
  }
107
109
  }
108
110
  }),
109
- primaryToolbarComponent: !(0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true) && !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
111
+ primaryToolbarComponent: !isToolbarAIFCEnabled && !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
110
112
  };
111
113
  };
112
114
  function PrimaryToolbarComponent(_ref4) {
@@ -32,6 +32,7 @@ var BulletedListMenuItem = exports.BulletedListMenuItem = function BulletedListM
32
32
  var shortcut = (0, _keymaps.formatShortcut)(_keymaps.toggleBulletList);
33
33
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
34
34
  elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ListBulletedIcon, {
35
+ size: "small",
35
36
  label: ""
36
37
  }),
37
38
  elemAfter: shortcut ? /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
@@ -52,6 +52,7 @@ var IndentMenuItem = exports.IndentMenuItem = function IndentMenuItem(_ref) {
52
52
  var shortcut = (0, _keymaps.formatShortcut)(_keymaps.indent);
53
53
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
54
54
  elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.IndentIcon, {
55
+ size: "small",
55
56
  label: ""
56
57
  }),
57
58
  elemAfter: shortcut ? /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
@@ -32,6 +32,7 @@ var NumberedListMenuItem = exports.NumberedListMenuItem = function NumberedListM
32
32
  var shortcut = (0, _keymaps.formatShortcut)(_keymaps.toggleOrderedList);
33
33
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
34
34
  elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ListNumberedIcon, {
35
+ size: "small",
35
36
  label: ""
36
37
  }),
37
38
  elemAfter: shortcut ? /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
@@ -51,6 +51,7 @@ var OutdentMenuItem = exports.OutdentMenuItem = function OutdentMenuItem(_ref) {
51
51
  var shortcut = (0, _keymaps.formatShortcut)(_keymaps.outdent);
52
52
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
53
53
  elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.OutdentIcon, {
54
+ size: "small",
54
55
  label: ""
55
56
  }),
56
57
  elemAfter: shortcut ? /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
@@ -23,6 +23,7 @@ var TaskListMenuItem = exports.TaskListMenuItem = function TaskListMenuItem(_ref
23
23
  };
24
24
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
25
25
  elemBefore: /*#__PURE__*/_react.default.createElement(_task.default, {
26
+ size: "small",
26
27
  label: ""
27
28
  }),
28
29
  elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
@@ -3,7 +3,6 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
3
3
  import { ToolbarSize } from '@atlaskit/editor-common/types';
4
4
  import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
5
5
  import { fg } from '@atlaskit/platform-feature-flags';
6
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
7
6
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
8
7
  import { getIndentationButtonsState } from './pm-plugins/indentation-buttons';
9
8
  import { ToolbarType } from './types';
@@ -20,6 +19,9 @@ export const toolbarListsIndentationPlugin = ({
20
19
  allowHeadingAndParagraphIndentation = false
21
20
  } = config !== null && config !== void 0 ? config : {};
22
21
  const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
22
+ const isToolbarAIFCEnabled = editorExperiment('platform_editor_toolbar_aifc', true, {
23
+ exposure: true
24
+ });
23
25
  const primaryToolbarComponent = ({
24
26
  editorView,
25
27
  popupsMountPoint,
@@ -43,7 +45,7 @@ export const toolbarListsIndentationPlugin = ({
43
45
  allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
44
46
  });
45
47
  };
46
- if (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)) {
48
+ if (isToolbarAIFCEnabled) {
47
49
  var _api$toolbar;
48
50
  api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents({
49
51
  api,
@@ -60,7 +62,7 @@ export const toolbarListsIndentationPlugin = ({
60
62
  return {
61
63
  name: 'toolbarListsIndentation',
62
64
  pluginsOptions: {
63
- ...(!expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) && {
65
+ ...(!isToolbarAIFCEnabled && {
64
66
  selectionToolbar() {
65
67
  var _api$userPreferences, _api$userPreferences$, _api$selectionToolbar, _api$selectionToolbar2, _api$selectionToolbar3;
66
68
  const toolbarDocking = fg('platform_editor_use_preferences_plugin') ? api === null || api === void 0 ? void 0 : (_api$userPreferences = api.userPreferences) === null || _api$userPreferences === void 0 ? void 0 : (_api$userPreferences$ = _api$userPreferences.sharedState.currentState()) === null || _api$userPreferences$ === void 0 ? void 0 : _api$userPreferences$.preferences.toolbarDockingPosition : api === null || api === void 0 ? void 0 : (_api$selectionToolbar = api.selectionToolbar) === null || _api$selectionToolbar === void 0 ? void 0 : (_api$selectionToolbar2 = _api$selectionToolbar.sharedState) === null || _api$selectionToolbar2 === void 0 ? void 0 : (_api$selectionToolbar3 = _api$selectionToolbar2.currentState()) === null || _api$selectionToolbar3 === void 0 ? void 0 : _api$selectionToolbar3.toolbarDocking;
@@ -95,7 +97,7 @@ export const toolbarListsIndentationPlugin = ({
95
97
  }
96
98
  })
97
99
  },
98
- primaryToolbarComponent: !expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) && !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
100
+ primaryToolbarComponent: !isToolbarAIFCEnabled && !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
99
101
  };
100
102
  };
101
103
  export function PrimaryToolbarComponent({
@@ -28,6 +28,7 @@ export const BulletedListMenuItem = ({
28
28
  const shortcut = formatShortcut(toggleBulletListKeymap);
29
29
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
30
30
  elemBefore: /*#__PURE__*/React.createElement(ListBulletedIcon, {
31
+ size: "small",
31
32
  label: ""
32
33
  }),
33
34
  elemAfter: shortcut ? /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
@@ -48,6 +48,7 @@ export const IndentMenuItem = ({
48
48
  const shortcut = formatShortcut(toggleIndentKeymap);
49
49
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
50
50
  elemBefore: /*#__PURE__*/React.createElement(IndentIcon, {
51
+ size: "small",
51
52
  label: ""
52
53
  }),
53
54
  elemAfter: shortcut ? /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
@@ -28,6 +28,7 @@ export const NumberedListMenuItem = ({
28
28
  const shortcut = formatShortcut(toggleOrderedListKeymap);
29
29
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
30
30
  elemBefore: /*#__PURE__*/React.createElement(ListNumberedIcon, {
31
+ size: "small",
31
32
  label: ""
32
33
  }),
33
34
  elemAfter: shortcut ? /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
@@ -47,6 +47,7 @@ export const OutdentMenuItem = ({
47
47
  const shortcut = formatShortcut(toggleOutdentKeymap);
48
48
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
49
49
  elemBefore: /*#__PURE__*/React.createElement(OutdentIcon, {
50
+ size: "small",
50
51
  label: ""
51
52
  }),
52
53
  elemAfter: shortcut ? /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
@@ -18,6 +18,7 @@ export const TaskListMenuItem = ({
18
18
  };
19
19
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
20
20
  elemBefore: /*#__PURE__*/React.createElement(TaskIcon, {
21
+ size: "small",
21
22
  label: ""
22
23
  }),
23
24
  elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
@@ -7,7 +7,6 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
7
7
  import { ToolbarSize } from '@atlaskit/editor-common/types';
8
8
  import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
10
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
11
10
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
12
11
  import { getIndentationButtonsState } from './pm-plugins/indentation-buttons';
13
12
  import { ToolbarType } from './types';
@@ -24,6 +23,9 @@ export var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugi
24
23
  _ref2$allowHeadingAnd = _ref2.allowHeadingAndParagraphIndentation,
25
24
  allowHeadingAndParagraphIndentation = _ref2$allowHeadingAnd === void 0 ? false : _ref2$allowHeadingAnd;
26
25
  var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
26
+ var isToolbarAIFCEnabled = editorExperiment('platform_editor_toolbar_aifc', true, {
27
+ exposure: true
28
+ });
27
29
  var primaryToolbarComponent = function primaryToolbarComponent(_ref3) {
28
30
  var editorView = _ref3.editorView,
29
31
  popupsMountPoint = _ref3.popupsMountPoint,
@@ -46,7 +48,7 @@ export var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugi
46
48
  allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
47
49
  });
48
50
  };
49
- if (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)) {
51
+ if (isToolbarAIFCEnabled) {
50
52
  var _api$toolbar;
51
53
  api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents({
52
54
  api: api,
@@ -62,7 +64,7 @@ export var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugi
62
64
  }
63
65
  return {
64
66
  name: 'toolbarListsIndentation',
65
- pluginsOptions: _objectSpread({}, !expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) && {
67
+ pluginsOptions: _objectSpread({}, !isToolbarAIFCEnabled && {
66
68
  selectionToolbar: function selectionToolbar() {
67
69
  var _api$userPreferences, _api$selectionToolbar;
68
70
  var toolbarDocking = fg('platform_editor_use_preferences_plugin') ? api === null || api === void 0 || (_api$userPreferences = api.userPreferences) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.sharedState.currentState()) === null || _api$userPreferences === void 0 ? void 0 : _api$userPreferences.preferences.toolbarDockingPosition : api === null || api === void 0 || (_api$selectionToolbar = api.selectionToolbar) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.sharedState) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.currentState()) === null || _api$selectionToolbar === void 0 ? void 0 : _api$selectionToolbar.toolbarDocking;
@@ -96,7 +98,7 @@ export var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugi
96
98
  }
97
99
  }
98
100
  }),
99
- primaryToolbarComponent: !expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true) && !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
101
+ primaryToolbarComponent: !isToolbarAIFCEnabled && !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
100
102
  };
101
103
  };
102
104
  export function PrimaryToolbarComponent(_ref4) {
@@ -25,6 +25,7 @@ export var BulletedListMenuItem = function BulletedListMenuItem(_ref) {
25
25
  var shortcut = formatShortcut(toggleBulletListKeymap);
26
26
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
27
27
  elemBefore: /*#__PURE__*/React.createElement(ListBulletedIcon, {
28
+ size: "small",
28
29
  label: ""
29
30
  }),
30
31
  elemAfter: shortcut ? /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
@@ -45,6 +45,7 @@ export var IndentMenuItem = function IndentMenuItem(_ref) {
45
45
  var shortcut = formatShortcut(toggleIndentKeymap);
46
46
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
47
47
  elemBefore: /*#__PURE__*/React.createElement(IndentIcon, {
48
+ size: "small",
48
49
  label: ""
49
50
  }),
50
51
  elemAfter: shortcut ? /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
@@ -25,6 +25,7 @@ export var NumberedListMenuItem = function NumberedListMenuItem(_ref) {
25
25
  var shortcut = formatShortcut(toggleOrderedListKeymap);
26
26
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
27
27
  elemBefore: /*#__PURE__*/React.createElement(ListNumberedIcon, {
28
+ size: "small",
28
29
  label: ""
29
30
  }),
30
31
  elemAfter: shortcut ? /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
@@ -44,6 +44,7 @@ export var OutdentMenuItem = function OutdentMenuItem(_ref) {
44
44
  var shortcut = formatShortcut(toggleOutdentKeymap);
45
45
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
46
46
  elemBefore: /*#__PURE__*/React.createElement(OutdentIcon, {
47
+ size: "small",
47
48
  label: ""
48
49
  }),
49
50
  elemAfter: shortcut ? /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
@@ -16,6 +16,7 @@ export var TaskListMenuItem = function TaskListMenuItem(_ref) {
16
16
  };
17
17
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
18
18
  elemBefore: /*#__PURE__*/React.createElement(TaskIcon, {
19
+ size: "small",
19
20
  label: ""
20
21
  }),
21
22
  elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-toolbar-lists-indentation",
3
- "version": "5.0.3",
3
+ "version": "5.0.5",
4
4
  "description": "Toolbar lists and indentation plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -45,12 +45,12 @@
45
45
  "@atlaskit/editor-toolbar-model": "^0.2.0",
46
46
  "@atlaskit/icon": "^28.1.0",
47
47
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
- "@atlaskit/tmp-editor-statsig": "^12.4.0",
48
+ "@atlaskit/tmp-editor-statsig": "^12.5.0",
49
49
  "@atlaskit/tokens": "^6.2.0",
50
50
  "@babel/runtime": "^7.0.0"
51
51
  },
52
52
  "peerDependencies": {
53
- "@atlaskit/editor-common": "^108.2.0",
53
+ "@atlaskit/editor-common": "^108.5.0",
54
54
  "react": "^18.2.0",
55
55
  "react-dom": "^18.2.0",
56
56
  "react-intl-next": "npm:react-intl@^5.18.1"