@atlaskit/editor-common 110.50.3 → 111.0.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 +14 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/panel.js +0 -6
- package/dist/cjs/styles/shared/panel.js +1 -68
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui-color/ColorPalette/Palettes/highlightColorPalette.js +0 -2
- package/dist/cjs/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +23 -168
- package/dist/cjs/ui-color/index.js +0 -6
- package/dist/cjs/ui-react/with-react-editor-view-outer-listeners.js +17 -10
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/panel.js +1 -1
- package/dist/es2019/styles/shared/panel.js +0 -70
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui-color/ColorPalette/Palettes/highlightColorPalette.js +0 -2
- package/dist/es2019/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +21 -167
- package/dist/es2019/ui-color/index.js +1 -1
- package/dist/es2019/ui-react/with-react-editor-view-outer-listeners.js +15 -8
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/panel.js +1 -1
- package/dist/esm/styles/shared/panel.js +0 -65
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui-color/ColorPalette/Palettes/highlightColorPalette.js +0 -2
- package/dist/esm/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +21 -168
- package/dist/esm/ui-color/index.js +1 -1
- package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js +17 -10
- package/dist/types/panel.d.ts +1 -1
- package/dist/types/styles/shared/panel.d.ts +0 -49
- package/dist/types/ui-color/ColorPalette/Palettes/panelBackgroundPalette.d.ts +1 -3
- package/dist/types/ui-color/index.d.ts +1 -1
- package/dist/types/ui-react/with-react-editor-view-outer-listeners.d.ts +1 -0
- package/dist/types-ts4.5/panel.d.ts +1 -1
- package/dist/types-ts4.5/styles/shared/panel.d.ts +0 -49
- package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/panelBackgroundPalette.d.ts +1 -3
- package/dist/types-ts4.5/ui-color/index.d.ts +1 -1
- package/dist/types-ts4.5/ui-react/with-react-editor-view-outer-listeners.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 111.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`ae731d9e5c7e0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae731d9e5c7e0) -
|
|
8
|
+
ENGHEALTH-47538: Clean up dark panel palette as it is not being used anymore and has been
|
|
9
|
+
superceded by token mapping.
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`4da819b186eaf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4da819b186eaf) -
|
|
14
|
+
EDITOR-3911 selection preservation key handling
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 110.50.3
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
19
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
20
20
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
21
21
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
22
|
-
var packageVersion = "110.50.
|
|
22
|
+
var packageVersion = "110.50.3";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// Ignored via go/ees007
|
package/dist/cjs/panel.js
CHANGED
|
@@ -15,12 +15,6 @@ Object.defineProperty(exports, "PanelSharedSelectors", {
|
|
|
15
15
|
return _panel.PanelSharedSelectors;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
Object.defineProperty(exports, "darkPanelColors", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _panel.darkPanelColors;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
18
|
Object.defineProperty(exports, "getPanelTypeBackground", {
|
|
25
19
|
enumerable: true,
|
|
26
20
|
get: function get() {
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
exports.getPanelDarkModeCSS = getPanelDarkModeCSS;
|
|
8
|
-
exports.getPanelTypeBackgroundNoTokens = exports.getPanelTypeBackground = void 0;
|
|
6
|
+
exports.getPanelTypeBackgroundNoTokens = exports.getPanelTypeBackground = exports.PanelSharedSelectors = exports.PanelSharedCssClassName = void 0;
|
|
9
7
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
10
8
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
11
9
|
var lightPanelColors = {
|
|
@@ -16,71 +14,6 @@ var lightPanelColors = {
|
|
|
16
14
|
warning: '#FFFAE6',
|
|
17
15
|
error: '#FFEBE6'
|
|
18
16
|
};
|
|
19
|
-
var darkPanelColors = exports.darkPanelColors = {
|
|
20
|
-
// standard panels
|
|
21
|
-
info: "#0C294F",
|
|
22
|
-
error: "#441C13",
|
|
23
|
-
warning: "#413001",
|
|
24
|
-
tip: "#052E21",
|
|
25
|
-
success: "#052E21",
|
|
26
|
-
note: "#282249",
|
|
27
|
-
// Reds
|
|
28
|
-
R900: '#601D16',
|
|
29
|
-
// Red Saturated
|
|
30
|
-
R100S: "#FFEFEB",
|
|
31
|
-
R300S: "#FFB5A3",
|
|
32
|
-
R500S: "#FF6B47",
|
|
33
|
-
R800S: "#C4320E",
|
|
34
|
-
R1200S: "#441C13",
|
|
35
|
-
// Yellows
|
|
36
|
-
Y900: '#533F04',
|
|
37
|
-
// Yellow Saturated
|
|
38
|
-
Y100S: "#FFF3D1",
|
|
39
|
-
Y300S: "#FFDC7A",
|
|
40
|
-
Y500S: "#FFC933",
|
|
41
|
-
Y800S: "#D8A003",
|
|
42
|
-
Y1200S: "#413001",
|
|
43
|
-
// Greens
|
|
44
|
-
G900: '#164B35',
|
|
45
|
-
// Green Saturated
|
|
46
|
-
G100S: "#E3FCF0",
|
|
47
|
-
G300S: "#95EEC5",
|
|
48
|
-
G400S: "#60DCA8",
|
|
49
|
-
G900S: "#086848",
|
|
50
|
-
G1200S: "#052E21",
|
|
51
|
-
// Blues
|
|
52
|
-
B900: '#09326C',
|
|
53
|
-
// Saturated Blues
|
|
54
|
-
B100S: '#E5F0FF',
|
|
55
|
-
B300S: '#A3C9FF',
|
|
56
|
-
B500S: '#4794FF',
|
|
57
|
-
B800S: '#0055CC',
|
|
58
|
-
B1200S: '#0C294F',
|
|
59
|
-
// Purples
|
|
60
|
-
P900: "#352C63",
|
|
61
|
-
// Purple Saturated
|
|
62
|
-
P100S: "#EEEBFF",
|
|
63
|
-
P300S: "#CCC3FE",
|
|
64
|
-
P500S: "#A292F7",
|
|
65
|
-
P800S: "#5E49CA",
|
|
66
|
-
P1200S: "#282249",
|
|
67
|
-
// Teals
|
|
68
|
-
T900: '#1D474C',
|
|
69
|
-
// Teal Saturated
|
|
70
|
-
T100S: "#DBFAFF",
|
|
71
|
-
T300S: "#78EBFC",
|
|
72
|
-
T400S: "#3AD6EE",
|
|
73
|
-
T900S: "#056270",
|
|
74
|
-
T1200S: "#0B3037",
|
|
75
|
-
// Dark Mode Alpha
|
|
76
|
-
DarkGray: '#161A1D',
|
|
77
|
-
Gray: '#2C333A',
|
|
78
|
-
LightGray: '#5A6977',
|
|
79
|
-
TextColor: '#D9DDE3'
|
|
80
|
-
};
|
|
81
|
-
function getPanelDarkModeCSS(colorName, colorValue) {
|
|
82
|
-
return "\n &[data-panel-color=\"".concat(colorName, "\"] {\n background-color: ").concat(colorValue, " !important; // !important to override default style color\n color: ").concat(darkPanelColors.TextColor, ";\n }\n ");
|
|
83
|
-
}
|
|
84
17
|
var prefix = 'ak-editor-panel';
|
|
85
18
|
var PanelSharedCssClassName = exports.PanelSharedCssClassName = {
|
|
86
19
|
prefix: prefix,
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "110.50.
|
|
27
|
+
var packageVersion = "110.50.3";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -66,7 +66,6 @@ var EditorDiagonalLineIcon = exports.EditorDiagonalLineIcon = function EditorDia
|
|
|
66
66
|
*/
|
|
67
67
|
var highlightColorPalette = exports.highlightColorPalette = [{
|
|
68
68
|
value: REMOVE_HIGHLIGHT_COLOR,
|
|
69
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
70
69
|
label: 'No color',
|
|
71
70
|
// Mostly informative, only used for analytics
|
|
72
71
|
border: "var(--ds-border, #091E4224)",
|
|
@@ -78,7 +77,6 @@ _adfSchema.backgroundColorPalette.forEach(function (label, color) {
|
|
|
78
77
|
});
|
|
79
78
|
var highlightColorPaletteNext = exports.highlightColorPaletteNext = [{
|
|
80
79
|
value: REMOVE_HIGHLIGHT_COLOR,
|
|
81
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
82
80
|
label: 'No color',
|
|
83
81
|
// Mostly informative, only used for analytics
|
|
84
82
|
border: "var(--ds-border, #091E4224)",
|
|
@@ -4,221 +4,76 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.panelBackgroundPalette = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _panel = require("../../../panel");
|
|
10
9
|
var _common = require("./common");
|
|
11
10
|
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; }
|
|
12
|
-
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; }
|
|
13
|
-
|
|
14
|
-
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
15
|
-
var panelBackgroundPalette = exports.panelBackgroundPalette = [
|
|
16
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
17
|
-
{
|
|
11
|
+
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; }
|
|
12
|
+
var panelBackgroundPalette = exports.panelBackgroundPalette = [{
|
|
18
13
|
label: 'White',
|
|
19
14
|
value: '#FFFFFF'
|
|
20
|
-
},
|
|
21
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
22
|
-
{
|
|
15
|
+
}, {
|
|
23
16
|
label: 'Light blue',
|
|
24
17
|
value: '#DEEBFF'
|
|
25
|
-
},
|
|
26
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
27
|
-
{
|
|
18
|
+
}, {
|
|
28
19
|
label: 'Light teal',
|
|
29
20
|
value: '#E6FCFF'
|
|
30
|
-
},
|
|
31
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
32
|
-
{
|
|
21
|
+
}, {
|
|
33
22
|
label: 'Light green',
|
|
34
23
|
value: '#E3FCEF'
|
|
35
|
-
},
|
|
36
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
37
|
-
{
|
|
24
|
+
}, {
|
|
38
25
|
label: 'Light yellow',
|
|
39
26
|
value: '#FFFAE6'
|
|
40
|
-
},
|
|
41
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
42
|
-
{
|
|
27
|
+
}, {
|
|
43
28
|
label: 'Light red',
|
|
44
29
|
value: '#FFEBE6'
|
|
45
|
-
},
|
|
46
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
47
|
-
{
|
|
30
|
+
}, {
|
|
48
31
|
label: 'Light purple',
|
|
49
32
|
value: '#EAE6FF'
|
|
50
|
-
},
|
|
51
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
52
|
-
{
|
|
33
|
+
}, {
|
|
53
34
|
label: 'Light gray',
|
|
54
35
|
value: '#F4F5F7'
|
|
55
|
-
},
|
|
56
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
57
|
-
{
|
|
36
|
+
}, {
|
|
58
37
|
label: 'Blue',
|
|
59
38
|
value: '#B3D4FF'
|
|
60
|
-
},
|
|
61
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
62
|
-
{
|
|
39
|
+
}, {
|
|
63
40
|
label: 'Teal',
|
|
64
41
|
value: '#B3F5FF'
|
|
65
|
-
},
|
|
66
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
67
|
-
{
|
|
42
|
+
}, {
|
|
68
43
|
label: 'Green',
|
|
69
44
|
value: '#ABF5D1'
|
|
70
|
-
},
|
|
71
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
72
|
-
{
|
|
45
|
+
}, {
|
|
73
46
|
label: 'Yellow',
|
|
74
47
|
value: '#FFF0B3'
|
|
75
|
-
},
|
|
76
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
77
|
-
{
|
|
48
|
+
}, {
|
|
78
49
|
label: 'Red',
|
|
79
50
|
value: '#FFBDAD'
|
|
80
|
-
},
|
|
81
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
82
|
-
{
|
|
51
|
+
}, {
|
|
83
52
|
label: 'Purple',
|
|
84
53
|
value: '#C0B6F2'
|
|
85
|
-
},
|
|
86
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
87
|
-
{
|
|
54
|
+
}, {
|
|
88
55
|
label: 'Gray',
|
|
89
56
|
value: '#B3BAC5'
|
|
90
|
-
},
|
|
91
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
92
|
-
{
|
|
57
|
+
}, {
|
|
93
58
|
label: 'Dark blue',
|
|
94
59
|
value: '#4C9AFF'
|
|
95
|
-
},
|
|
96
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
97
|
-
{
|
|
60
|
+
}, {
|
|
98
61
|
label: 'Dark teal',
|
|
99
62
|
value: '#79E2F2'
|
|
100
|
-
},
|
|
101
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
102
|
-
{
|
|
63
|
+
}, {
|
|
103
64
|
label: 'Dark green',
|
|
104
65
|
value: '#57D9A3'
|
|
105
|
-
},
|
|
106
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
107
|
-
{
|
|
66
|
+
}, {
|
|
108
67
|
label: 'Dark yellow',
|
|
109
68
|
value: '#FFC400'
|
|
110
|
-
},
|
|
111
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
112
|
-
{
|
|
69
|
+
}, {
|
|
113
70
|
label: 'Dark red',
|
|
114
71
|
value: '#FF8F73'
|
|
115
|
-
},
|
|
116
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
117
|
-
{
|
|
72
|
+
}, {
|
|
118
73
|
label: 'Dark purple',
|
|
119
74
|
value: '#998DD9'
|
|
120
75
|
}].map(function (color) {
|
|
121
76
|
return _objectSpread(_objectSpread({}, color), {}, {
|
|
122
77
|
border: "var(--ds-border, ".concat(_common.DEFAULT_BORDER_COLOR, ")")
|
|
123
78
|
});
|
|
124
|
-
});
|
|
125
|
-
/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
|
|
126
|
-
|
|
127
|
-
var panelDarkModeBackgroundPalette = exports.panelDarkModeBackgroundPalette = [
|
|
128
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
129
|
-
{
|
|
130
|
-
label: 'Dark gray',
|
|
131
|
-
value: _panel.darkPanelColors.DarkGray
|
|
132
|
-
},
|
|
133
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
134
|
-
{
|
|
135
|
-
label: 'Dark blue',
|
|
136
|
-
value: _panel.darkPanelColors.B1200S
|
|
137
|
-
},
|
|
138
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
139
|
-
{
|
|
140
|
-
label: 'Dark teal',
|
|
141
|
-
value: _panel.darkPanelColors.T1200S
|
|
142
|
-
},
|
|
143
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
144
|
-
{
|
|
145
|
-
label: 'Dark green',
|
|
146
|
-
value: _panel.darkPanelColors.G1200S
|
|
147
|
-
},
|
|
148
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
149
|
-
{
|
|
150
|
-
label: 'Dark yellow',
|
|
151
|
-
value: _panel.darkPanelColors.Y1200S
|
|
152
|
-
},
|
|
153
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
154
|
-
{
|
|
155
|
-
label: 'Dark red',
|
|
156
|
-
value: _panel.darkPanelColors.R1200S
|
|
157
|
-
},
|
|
158
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
159
|
-
{
|
|
160
|
-
label: 'Dark purple',
|
|
161
|
-
value: _panel.darkPanelColors.P1200S
|
|
162
|
-
},
|
|
163
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
164
|
-
{
|
|
165
|
-
label: 'Gray',
|
|
166
|
-
value: _panel.darkPanelColors.Gray
|
|
167
|
-
}, {
|
|
168
|
-
label: 'blue',
|
|
169
|
-
value: _panel.darkPanelColors.B900
|
|
170
|
-
}, {
|
|
171
|
-
label: 'teal',
|
|
172
|
-
value: _panel.darkPanelColors.T900
|
|
173
|
-
}, {
|
|
174
|
-
label: 'green',
|
|
175
|
-
value: _panel.darkPanelColors.G900
|
|
176
|
-
}, {
|
|
177
|
-
label: 'yellow',
|
|
178
|
-
value: _panel.darkPanelColors.Y900
|
|
179
|
-
}, {
|
|
180
|
-
label: 'red',
|
|
181
|
-
value: _panel.darkPanelColors.R900
|
|
182
|
-
}, {
|
|
183
|
-
label: 'purple',
|
|
184
|
-
value: _panel.darkPanelColors.P900
|
|
185
|
-
},
|
|
186
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
187
|
-
{
|
|
188
|
-
label: 'Light gray',
|
|
189
|
-
value: _panel.darkPanelColors.LightGray
|
|
190
|
-
},
|
|
191
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
192
|
-
{
|
|
193
|
-
label: 'Light blue',
|
|
194
|
-
value: _panel.darkPanelColors.B800S
|
|
195
|
-
},
|
|
196
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
197
|
-
{
|
|
198
|
-
label: 'Light teal',
|
|
199
|
-
value: _panel.darkPanelColors.T900S
|
|
200
|
-
},
|
|
201
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
202
|
-
{
|
|
203
|
-
label: 'Light green',
|
|
204
|
-
value: _panel.darkPanelColors.G900S
|
|
205
|
-
},
|
|
206
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
207
|
-
{
|
|
208
|
-
label: 'Light yellow',
|
|
209
|
-
value: _panel.darkPanelColors.Y800S
|
|
210
|
-
},
|
|
211
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
212
|
-
{
|
|
213
|
-
label: 'Light red',
|
|
214
|
-
value: _panel.darkPanelColors.R800S
|
|
215
|
-
},
|
|
216
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
217
|
-
{
|
|
218
|
-
label: 'Light purple',
|
|
219
|
-
value: _panel.darkPanelColors.P800S
|
|
220
|
-
}].map(function (color) {
|
|
221
|
-
return _objectSpread(_objectSpread({}, color), {}, {
|
|
222
|
-
border: _common.DEFAULT_BORDER_COLOR
|
|
223
|
-
});
|
|
224
79
|
});
|
|
@@ -106,12 +106,6 @@ Object.defineProperty(exports, "panelBackgroundPalette", {
|
|
|
106
106
|
return _panelBackgroundPalette.panelBackgroundPalette;
|
|
107
107
|
}
|
|
108
108
|
});
|
|
109
|
-
Object.defineProperty(exports, "panelDarkModeBackgroundPalette", {
|
|
110
|
-
enumerable: true,
|
|
111
|
-
get: function get() {
|
|
112
|
-
return _panelBackgroundPalette.panelDarkModeBackgroundPalette;
|
|
113
|
-
}
|
|
114
|
-
});
|
|
115
109
|
Object.defineProperty(exports, "textColorPalette", {
|
|
116
110
|
enumerable: true,
|
|
117
111
|
get: function get() {
|
|
@@ -16,9 +16,10 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
16
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
+
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
19
20
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
20
21
|
var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
|
|
21
|
-
var _excluded = ["
|
|
22
|
+
var _excluded = ["captureClick", "closeOnTab", "handleBackspaceDeleteKeydown", "handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "handleKeyDown"];
|
|
22
23
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
23
24
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
24
25
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
@@ -55,7 +56,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
|
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
58
|
});
|
|
58
|
-
(0, _defineProperty2.default)(_this, "
|
|
59
|
+
(0, _defineProperty2.default)(_this, "handleKeyDown", function (evt) {
|
|
59
60
|
if (!_this.props.isActiveComponent) {
|
|
60
61
|
return;
|
|
61
62
|
}
|
|
@@ -73,6 +74,10 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
|
|
|
73
74
|
} else if ((evt.code === 'Delete' || evt.code === 'Backspace') && _this.props.handleBackspaceDeleteKeydown) {
|
|
74
75
|
_this.props.handleBackspaceDeleteKeydown(evt);
|
|
75
76
|
}
|
|
77
|
+
if ((0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true)) {
|
|
78
|
+
var _this$props$handleKey, _this$props;
|
|
79
|
+
(_this$props$handleKey = (_this$props = _this.props).handleKeyDown) === null || _this$props$handleKey === void 0 || _this$props$handleKey.call(_this$props, evt);
|
|
80
|
+
}
|
|
76
81
|
});
|
|
77
82
|
return _this;
|
|
78
83
|
}
|
|
@@ -88,7 +93,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
|
|
|
88
93
|
// eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
|
|
89
94
|
document.addEventListener('click', this.handleClick, options);
|
|
90
95
|
}
|
|
91
|
-
if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown) {
|
|
96
|
+
if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown || this.props.handleKeyDown && (0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true)) {
|
|
92
97
|
var _this$props$editorRef;
|
|
93
98
|
// Attached event to the menu so that 'ESC' events from the opened menu also will be handled.
|
|
94
99
|
// Ignored via go/ees005
|
|
@@ -99,7 +104,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
|
|
|
99
104
|
|
|
100
105
|
// Ignored via go/ees005
|
|
101
106
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
102
|
-
).addEventListener('keydown', this.
|
|
107
|
+
).addEventListener('keydown', this.handleKeyDown, false);
|
|
103
108
|
}
|
|
104
109
|
}
|
|
105
110
|
}, {
|
|
@@ -113,7 +118,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
|
|
|
113
118
|
// eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
|
|
114
119
|
document.removeEventListener('click', this.handleClick, options);
|
|
115
120
|
}
|
|
116
|
-
if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown) {
|
|
121
|
+
if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown || this.props.handleKeyDown && (0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true)) {
|
|
117
122
|
var _this$props$editorRef2;
|
|
118
123
|
// Ignored via go/ees005
|
|
119
124
|
// eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
|
|
@@ -123,7 +128,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
|
|
|
123
128
|
|
|
124
129
|
// Ignored via go/ees005
|
|
125
130
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
126
|
-
).removeEventListener('keydown', this.
|
|
131
|
+
).removeEventListener('keydown', this.handleKeyDown, false);
|
|
127
132
|
}
|
|
128
133
|
}
|
|
129
134
|
}, {
|
|
@@ -140,12 +145,13 @@ function hasIsOpen(props) {
|
|
|
140
145
|
}
|
|
141
146
|
function withReactEditorViewOuterListeners(Component) {
|
|
142
147
|
return function (_ref) {
|
|
143
|
-
var
|
|
148
|
+
var captureClick = _ref.captureClick,
|
|
149
|
+
closeOnTab = _ref.closeOnTab,
|
|
150
|
+
handleBackspaceDeleteKeydown = _ref.handleBackspaceDeleteKeydown,
|
|
151
|
+
handleClickOutside = _ref.handleClickOutside,
|
|
144
152
|
handleEnterKeydown = _ref.handleEnterKeydown,
|
|
145
153
|
handleEscapeKeydown = _ref.handleEscapeKeydown,
|
|
146
|
-
|
|
147
|
-
closeOnTab = _ref.closeOnTab,
|
|
148
|
-
captureClick = _ref.captureClick,
|
|
154
|
+
handleKeyDown = _ref.handleKeyDown,
|
|
149
155
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
150
156
|
var isActiveProp = hasIsOpen(props) ? props.isOpen : true;
|
|
151
157
|
var _useState = (0, _react.useState)(false),
|
|
@@ -178,6 +184,7 @@ function withReactEditorViewOuterListeners(Component) {
|
|
|
178
184
|
handleEnterKeydown: handleEnterKeydown,
|
|
179
185
|
handleEscapeKeydown: handleEscapeKeydown,
|
|
180
186
|
handleBackspaceDeleteKeydown: handleBackspaceDeleteKeydown,
|
|
187
|
+
handleKeyDown: handleKeyDown,
|
|
181
188
|
closeOnTab: closeOnTab,
|
|
182
189
|
captureClick: captureClick
|
|
183
190
|
}, /*#__PURE__*/_react.default.createElement(Component
|
|
@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
|
|
|
4
4
|
import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
|
|
5
5
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
6
6
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
7
|
-
const packageVersion = "110.50.
|
|
7
|
+
const packageVersion = "110.50.3";
|
|
8
8
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
9
9
|
// Remove URL as it has UGC
|
|
10
10
|
// Ignored via go/ees007
|
package/dist/es2019/panel.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
// Disable no-re-export rule for entry point files
|
|
2
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
3
3
|
|
|
4
|
-
export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens,
|
|
4
|
+
export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, PanelSharedCssClassName, PanelSharedSelectors } from './styles/shared/panel';
|
|
@@ -8,76 +8,6 @@ const lightPanelColors = {
|
|
|
8
8
|
warning: '#FFFAE6',
|
|
9
9
|
error: '#FFEBE6'
|
|
10
10
|
};
|
|
11
|
-
export const darkPanelColors = {
|
|
12
|
-
// standard panels
|
|
13
|
-
info: `#0C294F`,
|
|
14
|
-
error: `#441C13`,
|
|
15
|
-
warning: `#413001`,
|
|
16
|
-
tip: `#052E21`,
|
|
17
|
-
success: `#052E21`,
|
|
18
|
-
note: `#282249`,
|
|
19
|
-
// Reds
|
|
20
|
-
R900: '#601D16',
|
|
21
|
-
// Red Saturated
|
|
22
|
-
R100S: `#FFEFEB`,
|
|
23
|
-
R300S: `#FFB5A3`,
|
|
24
|
-
R500S: `#FF6B47`,
|
|
25
|
-
R800S: `#C4320E`,
|
|
26
|
-
R1200S: `#441C13`,
|
|
27
|
-
// Yellows
|
|
28
|
-
Y900: '#533F04',
|
|
29
|
-
// Yellow Saturated
|
|
30
|
-
Y100S: `#FFF3D1`,
|
|
31
|
-
Y300S: `#FFDC7A`,
|
|
32
|
-
Y500S: `#FFC933`,
|
|
33
|
-
Y800S: `#D8A003`,
|
|
34
|
-
Y1200S: `#413001`,
|
|
35
|
-
// Greens
|
|
36
|
-
G900: '#164B35',
|
|
37
|
-
// Green Saturated
|
|
38
|
-
G100S: `#E3FCF0`,
|
|
39
|
-
G300S: `#95EEC5`,
|
|
40
|
-
G400S: `#60DCA8`,
|
|
41
|
-
G900S: `#086848`,
|
|
42
|
-
G1200S: `#052E21`,
|
|
43
|
-
// Blues
|
|
44
|
-
B900: '#09326C',
|
|
45
|
-
// Saturated Blues
|
|
46
|
-
B100S: '#E5F0FF',
|
|
47
|
-
B300S: '#A3C9FF',
|
|
48
|
-
B500S: '#4794FF',
|
|
49
|
-
B800S: '#0055CC',
|
|
50
|
-
B1200S: '#0C294F',
|
|
51
|
-
// Purples
|
|
52
|
-
P900: `#352C63`,
|
|
53
|
-
// Purple Saturated
|
|
54
|
-
P100S: `#EEEBFF`,
|
|
55
|
-
P300S: `#CCC3FE`,
|
|
56
|
-
P500S: `#A292F7`,
|
|
57
|
-
P800S: `#5E49CA`,
|
|
58
|
-
P1200S: `#282249`,
|
|
59
|
-
// Teals
|
|
60
|
-
T900: '#1D474C',
|
|
61
|
-
// Teal Saturated
|
|
62
|
-
T100S: `#DBFAFF`,
|
|
63
|
-
T300S: `#78EBFC`,
|
|
64
|
-
T400S: `#3AD6EE`,
|
|
65
|
-
T900S: `#056270`,
|
|
66
|
-
T1200S: `#0B3037`,
|
|
67
|
-
// Dark Mode Alpha
|
|
68
|
-
DarkGray: '#161A1D',
|
|
69
|
-
Gray: '#2C333A',
|
|
70
|
-
LightGray: '#5A6977',
|
|
71
|
-
TextColor: '#D9DDE3'
|
|
72
|
-
};
|
|
73
|
-
export function getPanelDarkModeCSS(colorName, colorValue) {
|
|
74
|
-
return `
|
|
75
|
-
&[data-panel-color="${colorName}"] {
|
|
76
|
-
background-color: ${colorValue} !important; // !important to override default style color
|
|
77
|
-
color: ${darkPanelColors.TextColor};
|
|
78
|
-
}
|
|
79
|
-
`;
|
|
80
|
-
}
|
|
81
11
|
const prefix = 'ak-editor-panel';
|
|
82
12
|
export const PanelSharedCssClassName = {
|
|
83
13
|
prefix,
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "110.50.
|
|
17
|
+
const packageVersion = "110.50.3";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -57,7 +57,6 @@ export const EditorDiagonalLineIcon = () => {
|
|
|
57
57
|
*/
|
|
58
58
|
export const highlightColorPalette = [{
|
|
59
59
|
value: REMOVE_HIGHLIGHT_COLOR,
|
|
60
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
61
60
|
label: 'No color',
|
|
62
61
|
// Mostly informative, only used for analytics
|
|
63
62
|
border: "var(--ds-border, #091E4224)",
|
|
@@ -69,7 +68,6 @@ backgroundColorPalette.forEach((label, color) => {
|
|
|
69
68
|
});
|
|
70
69
|
export const highlightColorPaletteNext = [{
|
|
71
70
|
value: REMOVE_HIGHLIGHT_COLOR,
|
|
72
|
-
// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
|
|
73
71
|
label: 'No color',
|
|
74
72
|
// Mostly informative, only used for analytics
|
|
75
73
|
border: "var(--ds-border, #091E4224)",
|