@atlaskit/editor-plugin-highlight 1.11.2 → 1.12.0

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.
Files changed (55) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/cjs/commands/change-color.js +6 -4
  3. package/dist/cjs/commands/index.js +3 -4
  4. package/dist/cjs/commands/palette.js +56 -0
  5. package/dist/cjs/pm-plugins/keymap.js +4 -1
  6. package/dist/cjs/pm-plugins/main.js +2 -2
  7. package/dist/cjs/ui/FloatingToolbarHighlightColor.js +36 -14
  8. package/dist/cjs/ui/PrimaryToolbarHighlightColor.js +11 -4
  9. package/dist/cjs/ui/ToolbarHighlightColor.js +8 -3
  10. package/dist/cjs/ui/shared/useDropdownEvents.js +5 -2
  11. package/dist/es2019/commands/change-color.js +6 -4
  12. package/dist/es2019/commands/index.js +1 -2
  13. package/dist/es2019/commands/palette.js +44 -0
  14. package/dist/es2019/pm-plugins/keymap.js +4 -1
  15. package/dist/es2019/pm-plugins/main.js +2 -2
  16. package/dist/es2019/ui/FloatingToolbarHighlightColor.js +36 -14
  17. package/dist/es2019/ui/PrimaryToolbarHighlightColor.js +11 -4
  18. package/dist/es2019/ui/ToolbarHighlightColor.js +8 -3
  19. package/dist/es2019/ui/shared/useDropdownEvents.js +6 -2
  20. package/dist/esm/commands/change-color.js +6 -4
  21. package/dist/esm/commands/index.js +1 -2
  22. package/dist/esm/commands/palette.js +50 -0
  23. package/dist/esm/pm-plugins/keymap.js +4 -1
  24. package/dist/esm/pm-plugins/main.js +2 -2
  25. package/dist/esm/ui/FloatingToolbarHighlightColor.js +37 -15
  26. package/dist/esm/ui/PrimaryToolbarHighlightColor.js +11 -4
  27. package/dist/esm/ui/ToolbarHighlightColor.js +8 -3
  28. package/dist/esm/ui/shared/useDropdownEvents.js +5 -2
  29. package/dist/types/commands/change-color.d.ts +3 -2
  30. package/dist/types/commands/index.d.ts +1 -2
  31. package/dist/types/commands/palette.d.ts +10 -0
  32. package/dist/types/plugin.d.ts +2 -0
  33. package/dist/types/pm-plugins/main.d.ts +1 -1
  34. package/dist/types/ui/FloatingToolbarHighlightColor.d.ts +1 -1
  35. package/dist/types/ui/ToolbarHighlightColor.d.ts +1 -1
  36. package/dist/types/ui/shared/useDropdownEvents.d.ts +7 -3
  37. package/dist/types-ts4.5/commands/change-color.d.ts +3 -2
  38. package/dist/types-ts4.5/commands/index.d.ts +1 -2
  39. package/dist/types-ts4.5/commands/palette.d.ts +10 -0
  40. package/dist/types-ts4.5/plugin.d.ts +2 -0
  41. package/dist/types-ts4.5/pm-plugins/main.d.ts +1 -1
  42. package/dist/types-ts4.5/ui/FloatingToolbarHighlightColor.d.ts +1 -1
  43. package/dist/types-ts4.5/ui/ToolbarHighlightColor.d.ts +1 -1
  44. package/dist/types-ts4.5/ui/shared/useDropdownEvents.d.ts +7 -3
  45. package/package.json +3 -3
  46. package/dist/cjs/commands/set-palette.js +0 -39
  47. package/dist/cjs/commands/toggle-palette.js +0 -40
  48. package/dist/es2019/commands/set-palette.js +0 -31
  49. package/dist/es2019/commands/toggle-palette.js +0 -32
  50. package/dist/esm/commands/set-palette.js +0 -33
  51. package/dist/esm/commands/toggle-palette.js +0 -34
  52. package/dist/types/commands/set-palette.d.ts +0 -3
  53. package/dist/types/commands/toggle-palette.d.ts +0 -3
  54. package/dist/types-ts4.5/commands/set-palette.d.ts +0 -3
  55. package/dist/types-ts4.5/commands/toggle-palette.d.ts +0 -3
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.setPalette = void 0;
7
- var _analytics = require("@atlaskit/editor-common/analytics");
8
- var _main = require("../pm-plugins/main");
9
- var setPalette = exports.setPalette = function setPalette(api, isPaletteOpen) {
10
- return function (state, dispatch) {
11
- var _highlightPluginKey$g;
12
- var isDisabled = (_highlightPluginKey$g = _main.highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
13
- if (!isDisabled) {
14
- var _api$analytics;
15
- var tr = state.tr;
16
- (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(isPaletteOpen))(tr);
17
- tr.setMeta(_main.highlightPluginKey, {
18
- type: _main.HighlightPluginAction.TOGGLE_PALETTE,
19
- isPaletteOpen: isPaletteOpen
20
- });
21
- if (dispatch) {
22
- dispatch(tr);
23
- }
24
- return true;
25
- }
26
- return false;
27
- };
28
- };
29
- var createAnalyticsEvent = function createAnalyticsEvent(isOpen) {
30
- return {
31
- action: isOpen ? _analytics.ACTION.OPENED : _analytics.ACTION.CLOSED,
32
- actionSubject: _analytics.ACTION_SUBJECT.TOOLBAR,
33
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
34
- eventType: _analytics.EVENT_TYPE.TRACK,
35
- attributes: {
36
- inputMethod: _analytics.INPUT_METHOD.TOOLBAR
37
- }
38
- };
39
- };
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.togglePalette = void 0;
7
- var _analytics = require("@atlaskit/editor-common/analytics");
8
- var _main = require("../pm-plugins/main");
9
- var togglePalette = exports.togglePalette = function togglePalette(api) {
10
- return function (state, dispatch) {
11
- var _highlightPluginKey$g, _highlightPluginKey$g2;
12
- var isDisabled = (_highlightPluginKey$g = _main.highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
13
- var isPaletteOpen = (_highlightPluginKey$g2 = _main.highlightPluginKey.getState(state)) === null || _highlightPluginKey$g2 === void 0 ? void 0 : _highlightPluginKey$g2.isPaletteOpen;
14
- var tr = state.tr;
15
- if (!isDisabled) {
16
- var _api$analytics;
17
- (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(!isPaletteOpen))(tr);
18
- tr.setMeta(_main.highlightPluginKey, {
19
- type: _main.HighlightPluginAction.TOGGLE_PALETTE,
20
- isPaletteOpen: !isPaletteOpen
21
- });
22
- if (dispatch) {
23
- dispatch(tr);
24
- }
25
- return true;
26
- }
27
- return false;
28
- };
29
- };
30
- var createAnalyticsEvent = function createAnalyticsEvent(isOpen) {
31
- return {
32
- action: isOpen ? _analytics.ACTION.OPENED : _analytics.ACTION.CLOSED,
33
- actionSubject: _analytics.ACTION_SUBJECT.TOOLBAR,
34
- actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
35
- eventType: _analytics.EVENT_TYPE.TRACK,
36
- attributes: {
37
- inputMethod: _analytics.INPUT_METHOD.SHORTCUT
38
- }
39
- };
40
- };
@@ -1,31 +0,0 @@
1
- import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
2
- import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
3
- export const setPalette = (api, isPaletteOpen) => (state, dispatch) => {
4
- var _highlightPluginKey$g;
5
- const isDisabled = (_highlightPluginKey$g = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
6
- if (!isDisabled) {
7
- var _api$analytics;
8
- const tr = state.tr;
9
- (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(isPaletteOpen))(tr);
10
- tr.setMeta(highlightPluginKey, {
11
- type: HighlightPluginAction.TOGGLE_PALETTE,
12
- isPaletteOpen
13
- });
14
- if (dispatch) {
15
- dispatch(tr);
16
- }
17
- return true;
18
- }
19
- return false;
20
- };
21
- const createAnalyticsEvent = isOpen => {
22
- return {
23
- action: isOpen ? ACTION.OPENED : ACTION.CLOSED,
24
- actionSubject: ACTION_SUBJECT.TOOLBAR,
25
- actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
26
- eventType: EVENT_TYPE.TRACK,
27
- attributes: {
28
- inputMethod: INPUT_METHOD.TOOLBAR
29
- }
30
- };
31
- };
@@ -1,32 +0,0 @@
1
- import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
2
- import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
3
- export const togglePalette = api => (state, dispatch) => {
4
- var _highlightPluginKey$g, _highlightPluginKey$g2;
5
- const isDisabled = (_highlightPluginKey$g = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
6
- const isPaletteOpen = (_highlightPluginKey$g2 = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g2 === void 0 ? void 0 : _highlightPluginKey$g2.isPaletteOpen;
7
- const tr = state.tr;
8
- if (!isDisabled) {
9
- var _api$analytics;
10
- (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(!isPaletteOpen))(tr);
11
- tr.setMeta(highlightPluginKey, {
12
- type: HighlightPluginAction.TOGGLE_PALETTE,
13
- isPaletteOpen: !isPaletteOpen
14
- });
15
- if (dispatch) {
16
- dispatch(tr);
17
- }
18
- return true;
19
- }
20
- return false;
21
- };
22
- const createAnalyticsEvent = isOpen => {
23
- return {
24
- action: isOpen ? ACTION.OPENED : ACTION.CLOSED,
25
- actionSubject: ACTION_SUBJECT.TOOLBAR,
26
- actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
27
- eventType: EVENT_TYPE.TRACK,
28
- attributes: {
29
- inputMethod: INPUT_METHOD.SHORTCUT
30
- }
31
- };
32
- };
@@ -1,33 +0,0 @@
1
- import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
2
- import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
3
- export var setPalette = function setPalette(api, isPaletteOpen) {
4
- return function (state, dispatch) {
5
- var _highlightPluginKey$g;
6
- var isDisabled = (_highlightPluginKey$g = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
7
- if (!isDisabled) {
8
- var _api$analytics;
9
- var tr = state.tr;
10
- (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(isPaletteOpen))(tr);
11
- tr.setMeta(highlightPluginKey, {
12
- type: HighlightPluginAction.TOGGLE_PALETTE,
13
- isPaletteOpen: isPaletteOpen
14
- });
15
- if (dispatch) {
16
- dispatch(tr);
17
- }
18
- return true;
19
- }
20
- return false;
21
- };
22
- };
23
- var createAnalyticsEvent = function createAnalyticsEvent(isOpen) {
24
- return {
25
- action: isOpen ? ACTION.OPENED : ACTION.CLOSED,
26
- actionSubject: ACTION_SUBJECT.TOOLBAR,
27
- actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
28
- eventType: EVENT_TYPE.TRACK,
29
- attributes: {
30
- inputMethod: INPUT_METHOD.TOOLBAR
31
- }
32
- };
33
- };
@@ -1,34 +0,0 @@
1
- import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
2
- import { HighlightPluginAction, highlightPluginKey } from '../pm-plugins/main';
3
- export var togglePalette = function togglePalette(api) {
4
- return function (state, dispatch) {
5
- var _highlightPluginKey$g, _highlightPluginKey$g2;
6
- var isDisabled = (_highlightPluginKey$g = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g === void 0 ? void 0 : _highlightPluginKey$g.disabled;
7
- var isPaletteOpen = (_highlightPluginKey$g2 = highlightPluginKey.getState(state)) === null || _highlightPluginKey$g2 === void 0 ? void 0 : _highlightPluginKey$g2.isPaletteOpen;
8
- var tr = state.tr;
9
- if (!isDisabled) {
10
- var _api$analytics;
11
- (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent(createAnalyticsEvent(!isPaletteOpen))(tr);
12
- tr.setMeta(highlightPluginKey, {
13
- type: HighlightPluginAction.TOGGLE_PALETTE,
14
- isPaletteOpen: !isPaletteOpen
15
- });
16
- if (dispatch) {
17
- dispatch(tr);
18
- }
19
- return true;
20
- }
21
- return false;
22
- };
23
- };
24
- var createAnalyticsEvent = function createAnalyticsEvent(isOpen) {
25
- return {
26
- action: isOpen ? ACTION.OPENED : ACTION.CLOSED,
27
- actionSubject: ACTION_SUBJECT.TOOLBAR,
28
- actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR,
29
- eventType: EVENT_TYPE.TRACK,
30
- attributes: {
31
- inputMethod: INPUT_METHOD.SHORTCUT
32
- }
33
- };
34
- };
@@ -1,3 +0,0 @@
1
- import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
2
- import { type HighlightPlugin } from '../plugin';
3
- export declare const setPalette: (api: ExtractInjectionAPI<HighlightPlugin>, isPaletteOpen: boolean) => Command;
@@ -1,3 +0,0 @@
1
- import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
2
- import { type HighlightPlugin } from '../plugin';
3
- export declare const togglePalette: (api: ExtractInjectionAPI<HighlightPlugin>) => Command;
@@ -1,3 +0,0 @@
1
- import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
2
- import { type HighlightPlugin } from '../plugin';
3
- export declare const setPalette: (api: ExtractInjectionAPI<HighlightPlugin>, isPaletteOpen: boolean) => Command;
@@ -1,3 +0,0 @@
1
- import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
2
- import { type HighlightPlugin } from '../plugin';
3
- export declare const togglePalette: (api: ExtractInjectionAPI<HighlightPlugin>) => Command;