@atlaskit/editor-plugin-floating-toolbar 5.1.1 → 5.1.3
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 +17 -0
- package/dist/cjs/ui/DropdownMenu.js +3 -8
- package/dist/cjs/ui/ScrollButton.js +4 -4
- package/dist/es2019/ui/DropdownMenu.js +4 -9
- package/dist/es2019/ui/ScrollButton.js +4 -4
- package/dist/esm/ui/DropdownMenu.js +4 -9
- package/dist/esm/ui/ScrollButton.js +4 -4
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-floating-toolbar
|
|
2
2
|
|
|
3
|
+
## 5.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#192710](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/192710)
|
|
8
|
+
[`b3b30f3bc4453`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b3b30f3bc4453) -
|
|
9
|
+
Internal changes to how border radius and border width values are applied. No visual change.
|
|
10
|
+
|
|
11
|
+
## 5.1.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#189903](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189903)
|
|
16
|
+
[`f5ccd32e607db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f5ccd32e607db) -
|
|
17
|
+
[ED-28567] Add/remove missing/extra separators in media, table and panel toolbars shown in Jira
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 5.1.1
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -26,10 +26,6 @@ var menuItemDimensions = exports.menuItemDimensions = {
|
|
|
26
26
|
width: 175,
|
|
27
27
|
height: 32
|
|
28
28
|
};
|
|
29
|
-
var separatorStylesThin = (0, _react2.css)({
|
|
30
|
-
background: "var(--ds-border, #091E4224)",
|
|
31
|
-
height: '1px'
|
|
32
|
-
});
|
|
33
29
|
var headingStyles = (0, _react2.css)({
|
|
34
30
|
padding: "var(--ds-space-200, 16px)".concat(" 0 ", "var(--ds-space-100, 8px)")
|
|
35
31
|
});
|
|
@@ -86,10 +82,9 @@ var Dropdown = /*#__PURE__*/(0, _react.memo)(function (props) {
|
|
|
86
82
|
});
|
|
87
83
|
}
|
|
88
84
|
if (item.type === 'separator') {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
key: idx
|
|
92
|
-
css: separatorStylesThin
|
|
85
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
86
|
+
return (0, _react2.jsx)(_floatingToolbar.DropdownSeparator, {
|
|
87
|
+
key: idx
|
|
93
88
|
});
|
|
94
89
|
}
|
|
95
90
|
if (item.type === 'overflow-dropdown-heading') {
|
|
@@ -21,14 +21,14 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
21
21
|
var rightSideStyles = (0, _primitives.xcss)({
|
|
22
22
|
borderLeft: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
|
|
23
23
|
right: 'space.0',
|
|
24
|
-
borderTopRightRadius: '
|
|
25
|
-
borderBottomRightRadius: '
|
|
24
|
+
borderTopRightRadius: 'border.radius.100',
|
|
25
|
+
borderBottomRightRadius: 'border.radius.100'
|
|
26
26
|
});
|
|
27
27
|
var leftSideStyles = (0, _primitives.xcss)({
|
|
28
28
|
borderRight: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
|
|
29
29
|
left: 'space.0',
|
|
30
|
-
borderTopLeftRadius: '
|
|
31
|
-
borderBottomLeftRadius: '
|
|
30
|
+
borderTopLeftRadius: 'border.radius.100',
|
|
31
|
+
borderBottomLeftRadius: 'border.radius.100'
|
|
32
32
|
});
|
|
33
33
|
var buttonCommonStyles = (0, _primitives.xcss)({
|
|
34
34
|
backgroundColor: 'elevation.surface.overlay',
|
|
@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
10
10
|
|
|
11
11
|
import { injectIntl } from 'react-intl-next';
|
|
12
|
-
import { DropdownMenuItem } from '@atlaskit/editor-common/floating-toolbar';
|
|
12
|
+
import { DropdownMenuItem, DropdownSeparator } from '@atlaskit/editor-common/floating-toolbar';
|
|
13
13
|
import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
|
|
14
14
|
import { HeadingItem } from '@atlaskit/menu';
|
|
15
15
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
@@ -18,10 +18,6 @@ export const menuItemDimensions = {
|
|
|
18
18
|
width: 175,
|
|
19
19
|
height: 32
|
|
20
20
|
};
|
|
21
|
-
const separatorStylesThin = css({
|
|
22
|
-
background: "var(--ds-border, #091E4224)",
|
|
23
|
-
height: '1px'
|
|
24
|
-
});
|
|
25
21
|
const headingStyles = css({
|
|
26
22
|
padding: `${"var(--ds-space-200, 16px)"} 0 ${"var(--ds-space-100, 8px)"}`
|
|
27
23
|
});
|
|
@@ -77,10 +73,9 @@ const Dropdown = /*#__PURE__*/memo(props => {
|
|
|
77
73
|
});
|
|
78
74
|
}
|
|
79
75
|
if (item.type === 'separator') {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
key: idx
|
|
83
|
-
css: separatorStylesThin
|
|
76
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
77
|
+
return jsx(DropdownSeparator, {
|
|
78
|
+
key: idx
|
|
84
79
|
});
|
|
85
80
|
}
|
|
86
81
|
if (item.type === 'overflow-dropdown-heading') {
|
|
@@ -10,14 +10,14 @@ import { Box, xcss } from '@atlaskit/primitives';
|
|
|
10
10
|
const rightSideStyles = xcss({
|
|
11
11
|
borderLeft: `solid ${"var(--ds-border, #091E4224)"} 1px`,
|
|
12
12
|
right: 'space.0',
|
|
13
|
-
borderTopRightRadius: '
|
|
14
|
-
borderBottomRightRadius: '
|
|
13
|
+
borderTopRightRadius: 'border.radius.100',
|
|
14
|
+
borderBottomRightRadius: 'border.radius.100'
|
|
15
15
|
});
|
|
16
16
|
const leftSideStyles = xcss({
|
|
17
17
|
borderRight: `solid ${"var(--ds-border, #091E4224)"} 1px`,
|
|
18
18
|
left: 'space.0',
|
|
19
|
-
borderTopLeftRadius: '
|
|
20
|
-
borderBottomLeftRadius: '
|
|
19
|
+
borderTopLeftRadius: 'border.radius.100',
|
|
20
|
+
borderBottomLeftRadius: 'border.radius.100'
|
|
21
21
|
});
|
|
22
22
|
const buttonCommonStyles = xcss({
|
|
23
23
|
backgroundColor: 'elevation.surface.overlay',
|
|
@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
10
10
|
|
|
11
11
|
import { injectIntl } from 'react-intl-next';
|
|
12
|
-
import { DropdownMenuItem } from '@atlaskit/editor-common/floating-toolbar';
|
|
12
|
+
import { DropdownMenuItem, DropdownSeparator } from '@atlaskit/editor-common/floating-toolbar';
|
|
13
13
|
import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
|
|
14
14
|
import { HeadingItem } from '@atlaskit/menu';
|
|
15
15
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
@@ -18,10 +18,6 @@ export var menuItemDimensions = {
|
|
|
18
18
|
width: 175,
|
|
19
19
|
height: 32
|
|
20
20
|
};
|
|
21
|
-
var separatorStylesThin = css({
|
|
22
|
-
background: "var(--ds-border, #091E4224)",
|
|
23
|
-
height: '1px'
|
|
24
|
-
});
|
|
25
21
|
var headingStyles = css({
|
|
26
22
|
padding: "var(--ds-space-200, 16px)".concat(" 0 ", "var(--ds-space-100, 8px)")
|
|
27
23
|
});
|
|
@@ -78,10 +74,9 @@ var Dropdown = /*#__PURE__*/memo(function (props) {
|
|
|
78
74
|
});
|
|
79
75
|
}
|
|
80
76
|
if (item.type === 'separator') {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
key: idx
|
|
84
|
-
css: separatorStylesThin
|
|
77
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
78
|
+
return jsx(DropdownSeparator, {
|
|
79
|
+
key: idx
|
|
85
80
|
});
|
|
86
81
|
}
|
|
87
82
|
if (item.type === 'overflow-dropdown-heading') {
|
|
@@ -11,14 +11,14 @@ import { Box, xcss } from '@atlaskit/primitives';
|
|
|
11
11
|
var rightSideStyles = xcss({
|
|
12
12
|
borderLeft: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
|
|
13
13
|
right: 'space.0',
|
|
14
|
-
borderTopRightRadius: '
|
|
15
|
-
borderBottomRightRadius: '
|
|
14
|
+
borderTopRightRadius: 'border.radius.100',
|
|
15
|
+
borderBottomRightRadius: 'border.radius.100'
|
|
16
16
|
});
|
|
17
17
|
var leftSideStyles = xcss({
|
|
18
18
|
borderRight: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
|
|
19
19
|
left: 'space.0',
|
|
20
|
-
borderTopLeftRadius: '
|
|
21
|
-
borderBottomLeftRadius: '
|
|
20
|
+
borderTopLeftRadius: 'border.radius.100',
|
|
21
|
+
borderBottomLeftRadius: 'border.radius.100'
|
|
22
22
|
});
|
|
23
23
|
var buttonCommonStyles = xcss({
|
|
24
24
|
backgroundColor: 'elevation.surface.overlay',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-floating-toolbar",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.3",
|
|
4
4
|
"description": "Floating toolbar plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@atlaskit/adf-utils": "^19.20.0",
|
|
28
|
-
"@atlaskit/button": "^23.
|
|
28
|
+
"@atlaskit/button": "^23.3.0",
|
|
29
29
|
"@atlaskit/checkbox": "^17.1.0",
|
|
30
30
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
31
31
|
"@atlaskit/editor-plugin-analytics": "^3.0.0",
|
|
@@ -41,16 +41,16 @@
|
|
|
41
41
|
"@atlaskit/editor-plugin-user-intent": "^1.1.0",
|
|
42
42
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
43
43
|
"@atlaskit/emoji": "^69.3.0",
|
|
44
|
-
"@atlaskit/icon": "^27.
|
|
45
|
-
"@atlaskit/menu": "^8.
|
|
44
|
+
"@atlaskit/icon": "^27.7.0",
|
|
45
|
+
"@atlaskit/menu": "^8.1.0",
|
|
46
46
|
"@atlaskit/modal-dialog": "^14.3.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
|
-
"@atlaskit/primitives": "^14.
|
|
48
|
+
"@atlaskit/primitives": "^14.11.0",
|
|
49
49
|
"@atlaskit/select": "^21.2.0",
|
|
50
50
|
"@atlaskit/theme": "^19.0.0",
|
|
51
|
-
"@atlaskit/tmp-editor-statsig": "^9.
|
|
51
|
+
"@atlaskit/tmp-editor-statsig": "^9.17.0",
|
|
52
52
|
"@atlaskit/tokens": "^5.6.0",
|
|
53
|
-
"@atlaskit/tooltip": "^20.
|
|
53
|
+
"@atlaskit/tooltip": "^20.4.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
55
55
|
"@emotion/react": "^11.7.1",
|
|
56
56
|
"bind-event-listener": "^3.0.0",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"react-loadable": "^5.1.0"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
|
-
"@atlaskit/editor-common": "^107.
|
|
63
|
+
"@atlaskit/editor-common": "^107.12.0",
|
|
64
64
|
"react": "^18.2.0",
|
|
65
65
|
"react-dom": "^18.2.0"
|
|
66
66
|
},
|