@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.
- package/CHANGELOG.md +21 -0
- package/dist/cjs/commands/change-color.js +6 -4
- package/dist/cjs/commands/index.js +3 -4
- package/dist/cjs/commands/palette.js +56 -0
- package/dist/cjs/pm-plugins/keymap.js +4 -1
- package/dist/cjs/pm-plugins/main.js +2 -2
- package/dist/cjs/ui/FloatingToolbarHighlightColor.js +36 -14
- package/dist/cjs/ui/PrimaryToolbarHighlightColor.js +11 -4
- package/dist/cjs/ui/ToolbarHighlightColor.js +8 -3
- package/dist/cjs/ui/shared/useDropdownEvents.js +5 -2
- package/dist/es2019/commands/change-color.js +6 -4
- package/dist/es2019/commands/index.js +1 -2
- package/dist/es2019/commands/palette.js +44 -0
- package/dist/es2019/pm-plugins/keymap.js +4 -1
- package/dist/es2019/pm-plugins/main.js +2 -2
- package/dist/es2019/ui/FloatingToolbarHighlightColor.js +36 -14
- package/dist/es2019/ui/PrimaryToolbarHighlightColor.js +11 -4
- package/dist/es2019/ui/ToolbarHighlightColor.js +8 -3
- package/dist/es2019/ui/shared/useDropdownEvents.js +6 -2
- package/dist/esm/commands/change-color.js +6 -4
- package/dist/esm/commands/index.js +1 -2
- package/dist/esm/commands/palette.js +50 -0
- package/dist/esm/pm-plugins/keymap.js +4 -1
- package/dist/esm/pm-plugins/main.js +2 -2
- package/dist/esm/ui/FloatingToolbarHighlightColor.js +37 -15
- package/dist/esm/ui/PrimaryToolbarHighlightColor.js +11 -4
- package/dist/esm/ui/ToolbarHighlightColor.js +8 -3
- package/dist/esm/ui/shared/useDropdownEvents.js +5 -2
- package/dist/types/commands/change-color.d.ts +3 -2
- package/dist/types/commands/index.d.ts +1 -2
- package/dist/types/commands/palette.d.ts +10 -0
- package/dist/types/plugin.d.ts +2 -0
- package/dist/types/pm-plugins/main.d.ts +1 -1
- package/dist/types/ui/FloatingToolbarHighlightColor.d.ts +1 -1
- package/dist/types/ui/ToolbarHighlightColor.d.ts +1 -1
- package/dist/types/ui/shared/useDropdownEvents.d.ts +7 -3
- package/dist/types-ts4.5/commands/change-color.d.ts +3 -2
- package/dist/types-ts4.5/commands/index.d.ts +1 -2
- package/dist/types-ts4.5/commands/palette.d.ts +10 -0
- package/dist/types-ts4.5/plugin.d.ts +2 -0
- package/dist/types-ts4.5/pm-plugins/main.d.ts +1 -1
- package/dist/types-ts4.5/ui/FloatingToolbarHighlightColor.d.ts +1 -1
- package/dist/types-ts4.5/ui/ToolbarHighlightColor.d.ts +1 -1
- package/dist/types-ts4.5/ui/shared/useDropdownEvents.d.ts +7 -3
- package/package.json +3 -3
- package/dist/cjs/commands/set-palette.js +0 -39
- package/dist/cjs/commands/toggle-palette.js +0 -40
- package/dist/es2019/commands/set-palette.js +0 -31
- package/dist/es2019/commands/toggle-palette.js +0 -32
- package/dist/esm/commands/set-palette.js +0 -33
- package/dist/esm/commands/toggle-palette.js +0 -34
- package/dist/types/commands/set-palette.d.ts +0 -3
- package/dist/types/commands/toggle-palette.d.ts +0 -3
- package/dist/types-ts4.5/commands/set-palette.d.ts +0 -3
- 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
|
-
};
|