@atlaskit/editor-plugin-avatar-group 1.2.4 → 1.2.6
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 +61 -49
- package/LICENSE.md +6 -8
- package/dist/cjs/ui/AvatarGroupPluginWrapper.js +4 -1
- package/dist/cjs/ui/avatars.js +3 -1
- package/dist/cjs/ui/colored-avatar-item.js +2 -1
- package/dist/cjs/ui/invite-to-edit.js +6 -2
- package/dist/cjs/ui/styles.js +9 -0
- package/dist/es2019/ui/AvatarGroupPluginWrapper.js +4 -1
- package/dist/es2019/ui/avatars.js +3 -1
- package/dist/es2019/ui/colored-avatar-item.js +2 -1
- package/dist/es2019/ui/invite-to-edit.js +6 -2
- package/dist/es2019/ui/styles.js +9 -0
- package/dist/esm/ui/AvatarGroupPluginWrapper.js +4 -1
- package/dist/esm/ui/avatars.js +3 -1
- package/dist/esm/ui/colored-avatar-item.js +2 -1
- package/dist/esm/ui/invite-to-edit.js +6 -2
- package/dist/esm/ui/styles.js +9 -0
- package/dist/types/ui/avatars-with-plugin-state.d.ts +121 -34
- package/dist/types/ui/avatars.d.ts +4 -3
- package/dist/types/ui/colored-avatar-item.d.ts +3 -3
- package/dist/types/ui/to-avatar.d.ts +61 -18
- package/dist/types-ts4.5/ui/avatars-with-plugin-state.d.ts +152 -55
- package/dist/types-ts4.5/ui/avatars.d.ts +4 -5
- package/dist/types-ts4.5/ui/colored-avatar-item.d.ts +3 -5
- package/dist/types-ts4.5/ui/to-avatar.d.ts +86 -37
- package/package.json +98 -100
package/CHANGELOG.md
CHANGED
|
@@ -1,144 +1,156 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-avatar-group
|
|
2
2
|
|
|
3
|
+
## 1.2.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 1.2.5
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 1.2.4
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
6
18
|
|
|
7
|
-
-
|
|
19
|
+
- Updated dependencies
|
|
8
20
|
|
|
9
21
|
## 1.2.3
|
|
10
22
|
|
|
11
23
|
### Patch Changes
|
|
12
24
|
|
|
13
|
-
-
|
|
25
|
+
- Updated dependencies
|
|
14
26
|
|
|
15
27
|
## 1.2.2
|
|
16
28
|
|
|
17
29
|
### Patch Changes
|
|
18
30
|
|
|
19
|
-
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
31
|
+
- [#97698](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97698)
|
|
32
|
+
[`1c7b378c0d3b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1c7b378c0d3b) -
|
|
33
|
+
[HOT-108999] We had an incident where the cursor jumps back a character in table headers for any
|
|
34
|
+
language triggering composition on an empty line.This was fixed in a patch bump of
|
|
35
|
+
prosemirror-view. https://github.com/ProseMirror/prosemirror-view/compare/1.33.4...1.33.5
|
|
24
36
|
|
|
25
37
|
## 1.2.1
|
|
26
38
|
|
|
27
39
|
### Patch Changes
|
|
28
40
|
|
|
29
|
-
-
|
|
41
|
+
- Updated dependencies
|
|
30
42
|
|
|
31
43
|
## 1.2.0
|
|
32
44
|
|
|
33
45
|
### Minor Changes
|
|
34
46
|
|
|
35
|
-
-
|
|
36
|
-
|
|
37
|
-
|
|
47
|
+
- [#86433](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86433)
|
|
48
|
+
[`88ca3b199a49`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/88ca3b199a49) -
|
|
49
|
+
[ux] EDF-412 Collaborators avatars and telepointer colors are tokenised.
|
|
38
50
|
|
|
39
51
|
### Patch Changes
|
|
40
52
|
|
|
41
|
-
-
|
|
53
|
+
- Updated dependencies
|
|
42
54
|
|
|
43
55
|
## 1.1.0
|
|
44
56
|
|
|
45
57
|
### Minor Changes
|
|
46
58
|
|
|
47
|
-
-
|
|
48
|
-
|
|
49
|
-
|
|
59
|
+
- [#91934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91934)
|
|
60
|
+
[`b76a78c6a199`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b76a78c6a199) -
|
|
61
|
+
bumped editor-prosemirror version to 4.0.0
|
|
50
62
|
|
|
51
63
|
### Patch Changes
|
|
52
64
|
|
|
53
|
-
-
|
|
65
|
+
- Updated dependencies
|
|
54
66
|
|
|
55
67
|
## 1.0.6
|
|
56
68
|
|
|
57
69
|
### Patch Changes
|
|
58
70
|
|
|
59
|
-
-
|
|
60
|
-
|
|
61
|
-
|
|
71
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
72
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
73
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
62
74
|
|
|
63
75
|
## 1.0.5
|
|
64
76
|
|
|
65
77
|
### Patch Changes
|
|
66
78
|
|
|
67
|
-
-
|
|
68
|
-
|
|
69
|
-
|
|
79
|
+
- [#80883](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80883)
|
|
80
|
+
[`5ecfa883d4ba`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5ecfa883d4ba) -
|
|
81
|
+
React 18 types for alignment, annotation, avatar-group and blocktype plugins.
|
|
70
82
|
|
|
71
83
|
## 1.0.4
|
|
72
84
|
|
|
73
85
|
### Patch Changes
|
|
74
86
|
|
|
75
|
-
-
|
|
76
|
-
|
|
77
|
-
|
|
87
|
+
- [#80085](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80085)
|
|
88
|
+
[`7febfed958dd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7febfed958dd) -
|
|
89
|
+
Update usage of `React.FC` to explicity include `children`
|
|
78
90
|
|
|
79
91
|
## 1.0.3
|
|
80
92
|
|
|
81
93
|
### Patch Changes
|
|
82
94
|
|
|
83
|
-
-
|
|
84
|
-
|
|
85
|
-
|
|
95
|
+
- [#75947](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75947)
|
|
96
|
+
[`43549c3789b1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/43549c3789b1) -
|
|
97
|
+
Migrate @atlaskit/editor-core to use declarative entry points
|
|
86
98
|
|
|
87
99
|
## 1.0.2
|
|
88
100
|
|
|
89
101
|
### Patch Changes
|
|
90
102
|
|
|
91
|
-
-
|
|
92
|
-
|
|
93
|
-
|
|
103
|
+
- [#77259](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77259)
|
|
104
|
+
[`9086164a5b62`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9086164a5b62) -
|
|
105
|
+
Use spacing tokens instead of hardcoded values
|
|
94
106
|
|
|
95
107
|
## 1.0.1
|
|
96
108
|
|
|
97
109
|
### Patch Changes
|
|
98
110
|
|
|
99
|
-
-
|
|
111
|
+
- Updated dependencies
|
|
100
112
|
|
|
101
113
|
## 1.0.0
|
|
102
114
|
|
|
103
115
|
### Major Changes
|
|
104
116
|
|
|
105
|
-
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
117
|
+
- [#72386](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72386)
|
|
118
|
+
[`0c52b0be40c1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c52b0be40c1) -
|
|
119
|
+
This changeset exists to bump all editor plugins that currently don't have a major version. This
|
|
120
|
+
is to address an issue with Jira plugin consumption.
|
|
109
121
|
|
|
110
122
|
### Patch Changes
|
|
111
123
|
|
|
112
|
-
-
|
|
124
|
+
- Updated dependencies
|
|
113
125
|
|
|
114
126
|
## 0.1.4
|
|
115
127
|
|
|
116
128
|
### Patch Changes
|
|
117
129
|
|
|
118
|
-
-
|
|
119
|
-
|
|
120
|
-
|
|
130
|
+
- [#68572](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68572)
|
|
131
|
+
[`15d407fe5143`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15d407fe5143) -
|
|
132
|
+
Upgrading @atlaskit/editor-prosemirror dependency
|
|
121
133
|
|
|
122
134
|
## 0.1.3
|
|
123
135
|
|
|
124
136
|
### Patch Changes
|
|
125
137
|
|
|
126
|
-
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
-
|
|
138
|
+
- [#71136](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71136)
|
|
139
|
+
[`c803fea1e6a4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c803fea1e6a4) -
|
|
140
|
+
Move all plugin translations to editor-common
|
|
141
|
+
- Updated dependencies
|
|
130
142
|
|
|
131
143
|
## 0.1.2
|
|
132
144
|
|
|
133
145
|
### Patch Changes
|
|
134
146
|
|
|
135
|
-
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
-
|
|
147
|
+
- [#70084](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70084)
|
|
148
|
+
[`4d651eb93ab5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4d651eb93ab5) -
|
|
149
|
+
Add editor-plugin-annotation pr and create shared utils for it in editor-test-helpers
|
|
150
|
+
- Updated dependencies
|
|
139
151
|
|
|
140
152
|
## 0.1.1
|
|
141
153
|
|
|
142
154
|
### Patch Changes
|
|
143
155
|
|
|
144
|
-
-
|
|
156
|
+
- Updated dependencies
|
package/LICENSE.md
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
Copyright 2023 Atlassian Pty Ltd
|
|
2
2
|
|
|
3
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
-
|
|
5
|
-
You may obtain a copy of the License at
|
|
3
|
+
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
|
|
4
|
+
compliance with the License. You may obtain a copy of the License at
|
|
6
5
|
|
|
7
6
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
8
7
|
|
|
9
|
-
Unless required by applicable law or agreed to in writing, software
|
|
10
|
-
distributed
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
limitations under the License.
|
|
8
|
+
Unless required by applicable law or agreed to in writing, software distributed under the License is
|
|
9
|
+
distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
10
|
+
implied. See the License for the specific language governing permissions and limitations under the
|
|
11
|
+
License.
|
|
@@ -13,18 +13,21 @@ var _messages = require("@atlaskit/editor-common/messages");
|
|
|
13
13
|
var _avatarsWithPluginState = _interopRequireDefault(require("./avatars-with-plugin-state"));
|
|
14
14
|
/** @jsx jsx */
|
|
15
15
|
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
|
+
|
|
16
18
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
17
19
|
var toolbarButtonWrapper = (0, _react2.css)({
|
|
18
20
|
display: 'flex',
|
|
19
21
|
justifyContent: 'flex-end',
|
|
20
22
|
flexGrow: 0,
|
|
21
23
|
alignItems: 'center',
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
22
25
|
'& > div': {
|
|
23
26
|
marginRight: 0
|
|
24
27
|
}
|
|
25
28
|
});
|
|
26
29
|
|
|
27
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
30
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
28
31
|
var toolbarButtonWrapperFullWidth = (0, _react2.css)(toolbarButtonWrapper, {
|
|
29
32
|
flexGrow: 1
|
|
30
33
|
});
|
package/dist/cjs/ui/avatars.js
CHANGED
|
@@ -14,6 +14,8 @@ var _styles = require("./styles");
|
|
|
14
14
|
var _toAvatar = _interopRequireDefault(require("./to-avatar"));
|
|
15
15
|
/** @jsx jsx */
|
|
16
16
|
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
18
|
+
|
|
17
19
|
var scrollToCollabCursor = exports.scrollToCollabCursor = function scrollToCollabCursor(editorView, participants, sessionId, index, editorAnalyticsAPI) {
|
|
18
20
|
var selectedUser = participants[index];
|
|
19
21
|
if (selectedUser && selectedUser.cursorPos !== undefined && selectedUser.sessionId !== sessionId) {
|
|
@@ -49,7 +51,7 @@ var Avatars = exports.Avatars = /*#__PURE__*/_react.default.memo(function (props
|
|
|
49
51
|
return null;
|
|
50
52
|
}
|
|
51
53
|
return (
|
|
52
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
54
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
53
55
|
(0, _react2.jsx)("div", {
|
|
54
56
|
css: _styles.avatarContainerStyles
|
|
55
57
|
}, (0, _react2.jsx)(_avatarGroup.default, {
|
|
@@ -8,13 +8,14 @@ var _react = require("@emotion/react");
|
|
|
8
8
|
var _colors = require("@atlaskit/theme/colors");
|
|
9
9
|
var _styles = require("./styles");
|
|
10
10
|
/** @jsx jsx */
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
12
|
|
|
12
13
|
var ColoredAvatarItem = exports.ColoredAvatarItem = function ColoredAvatarItem(props) {
|
|
13
14
|
var _props$api;
|
|
14
15
|
var color = (_props$api = props.api) === null || _props$api === void 0 || (_props$api = _props$api.collabEdit) === null || _props$api === void 0 || (_props$api = _props$api.actions) === null || _props$api === void 0 ? void 0 : _props$api.getAvatarColor(props.sessionId).color;
|
|
15
16
|
var avatar = props.name.substr(0, 1).toUpperCase();
|
|
16
17
|
return (
|
|
17
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
18
19
|
(0, _react.jsx)("div", {
|
|
19
20
|
css: (0, _styles.badge)(color || _colors.R100),
|
|
20
21
|
"data-testid": "editor-collab-badge"
|
|
@@ -15,6 +15,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
15
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
/** @jsx jsx */
|
|
17
17
|
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
19
|
+
|
|
18
20
|
var ID = function ID(props) {
|
|
19
21
|
return (0, _react2.jsx)(_react.Fragment, null, props.children);
|
|
20
22
|
};
|
|
@@ -33,10 +35,12 @@ var InviteToEditButton = exports.InviteToEditButton = function InviteToEditButto
|
|
|
33
35
|
}
|
|
34
36
|
var Wrapper = Component ? Component : ID;
|
|
35
37
|
return (
|
|
36
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
38
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
37
39
|
(0, _react2.jsx)("div", {
|
|
38
40
|
css: _styles.inviteTeamWrapperStyles
|
|
39
|
-
}, (0, _react2.jsx)(Wrapper, null, (0, _react2.jsx)(_uiMenu.ToolbarButton
|
|
41
|
+
}, (0, _react2.jsx)(Wrapper, null, (0, _react2.jsx)(_uiMenu.ToolbarButton
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
43
|
+
, {
|
|
40
44
|
className: "invite-to-edit",
|
|
41
45
|
onClick: onClick,
|
|
42
46
|
selected: selected,
|
package/dist/cjs/ui/styles.js
CHANGED
|
@@ -8,20 +8,26 @@ var _react = require("@emotion/react");
|
|
|
8
8
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
9
9
|
var _colors = require("@atlaskit/theme/colors");
|
|
10
10
|
/* eslint-disable @repo/internal/styles/no-exported-styles, @atlaskit/design-system/no-nested-styles */
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
12
|
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
12
14
|
var inviteTeamWrapperStyles = exports.inviteTeamWrapperStyles = (0, _react.css)({
|
|
13
15
|
background: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
|
|
14
16
|
borderRadius: '50%',
|
|
15
17
|
minWidth: "var(--ds-space-400, 32px)",
|
|
16
18
|
marginLeft: "var(--ds-space-negative-050, -4px)"
|
|
17
19
|
});
|
|
20
|
+
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
18
22
|
var avatarContainerStyles = exports.avatarContainerStyles = (0, _react.css)({
|
|
19
23
|
marginRight: "var(--ds-space-100, 8px)",
|
|
20
24
|
display: 'flex',
|
|
21
25
|
alignItems: 'center',
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
22
27
|
'&& > ul': {
|
|
23
28
|
listStyleType: 'none'
|
|
24
29
|
},
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
25
31
|
'div:last-child button.invite-to-edit': {
|
|
26
32
|
borderRadius: '50%',
|
|
27
33
|
height: '32px',
|
|
@@ -37,10 +43,13 @@ var badge = exports.badge = function badge(color) {
|
|
|
37
43
|
bottom: "var(--ds-space-025, 2px)",
|
|
38
44
|
width: "var(--ds-space-150, 12px)",
|
|
39
45
|
height: "var(--ds-space-150, 12px)",
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
40
47
|
zIndex: _editorSharedStyles.akEditorSmallZIndex,
|
|
41
48
|
borderRadius: '3px',
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
42
50
|
background: color,
|
|
43
51
|
color: "var(--ds-text-inverse, #fff)",
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
44
53
|
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(9),
|
|
45
54
|
lineHeight: 0,
|
|
46
55
|
paddingTop: "var(--ds-space-075, 6px)",
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { useEffect } from 'react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
5
|
import { css, jsx } from '@emotion/react';
|
|
4
6
|
import { useIntl } from 'react-intl-next';
|
|
5
7
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
@@ -12,12 +14,13 @@ const toolbarButtonWrapper = css({
|
|
|
12
14
|
justifyContent: 'flex-end',
|
|
13
15
|
flexGrow: 0,
|
|
14
16
|
alignItems: 'center',
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
18
|
'& > div': {
|
|
16
19
|
marginRight: 0
|
|
17
20
|
}
|
|
18
21
|
});
|
|
19
22
|
|
|
20
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
23
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
21
24
|
const toolbarButtonWrapperFullWidth = css(toolbarButtonWrapper, {
|
|
22
25
|
flexGrow: 1
|
|
23
26
|
});
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
|
+
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
6
|
import { jsx } from '@emotion/react';
|
|
5
7
|
import AvatarGroup from '@atlaskit/avatar-group';
|
|
6
8
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
@@ -42,7 +44,7 @@ export const Avatars = /*#__PURE__*/React.memo(props => {
|
|
|
42
44
|
return null;
|
|
43
45
|
}
|
|
44
46
|
return (
|
|
45
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
47
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
46
48
|
jsx("div", {
|
|
47
49
|
css: avatarContainerStyles
|
|
48
50
|
}, jsx(AvatarGroup, {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
3
|
import { jsx } from '@emotion/react';
|
|
3
4
|
import { R100 } from '@atlaskit/theme/colors';
|
|
4
5
|
import { badge } from './styles';
|
|
@@ -7,7 +8,7 @@ export const ColoredAvatarItem = props => {
|
|
|
7
8
|
const color = (_props$api = props.api) === null || _props$api === void 0 ? void 0 : (_props$api$collabEdit = _props$api.collabEdit) === null || _props$api$collabEdit === void 0 ? void 0 : (_props$api$collabEdit2 = _props$api$collabEdit.actions) === null || _props$api$collabEdit2 === void 0 ? void 0 : _props$api$collabEdit2.getAvatarColor(props.sessionId).color;
|
|
8
9
|
const avatar = props.name.substr(0, 1).toUpperCase();
|
|
9
10
|
return (
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
11
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
11
12
|
jsx("div", {
|
|
12
13
|
css: badge(color || R100),
|
|
13
14
|
"data-testid": "editor-collab-badge"
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React, { Fragment } from 'react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
5
|
import { jsx } from '@emotion/react';
|
|
4
6
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
5
7
|
import InviteTeamIcon from '@atlaskit/icon/glyph/editor/add';
|
|
@@ -20,10 +22,12 @@ export const InviteToEditButton = props => {
|
|
|
20
22
|
}
|
|
21
23
|
const Wrapper = Component ? Component : ID;
|
|
22
24
|
return (
|
|
23
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
25
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
24
26
|
jsx("div", {
|
|
25
27
|
css: inviteTeamWrapperStyles
|
|
26
|
-
}, jsx(Wrapper, null, jsx(ToolbarButton
|
|
28
|
+
}, jsx(Wrapper, null, jsx(ToolbarButton
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
30
|
+
, {
|
|
27
31
|
className: "invite-to-edit",
|
|
28
32
|
onClick: onClick,
|
|
29
33
|
selected: selected,
|
package/dist/es2019/ui/styles.js
CHANGED
|
@@ -1,20 +1,26 @@
|
|
|
1
1
|
/* eslint-disable @repo/internal/styles/no-exported-styles, @atlaskit/design-system/no-nested-styles */
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
3
|
import { css } from '@emotion/react';
|
|
3
4
|
import { akEditorSmallZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
4
5
|
import { N20 } from '@atlaskit/theme/colors';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
7
|
export const inviteTeamWrapperStyles = css({
|
|
6
8
|
background: `var(--ds-background-neutral, ${N20})`,
|
|
7
9
|
borderRadius: '50%',
|
|
8
10
|
minWidth: "var(--ds-space-400, 32px)",
|
|
9
11
|
marginLeft: "var(--ds-space-negative-050, -4px)"
|
|
10
12
|
});
|
|
13
|
+
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
11
15
|
export const avatarContainerStyles = css({
|
|
12
16
|
marginRight: "var(--ds-space-100, 8px)",
|
|
13
17
|
display: 'flex',
|
|
14
18
|
alignItems: 'center',
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
15
20
|
'&& > ul': {
|
|
16
21
|
listStyleType: 'none'
|
|
17
22
|
},
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
18
24
|
'div:last-child button.invite-to-edit': {
|
|
19
25
|
borderRadius: '50%',
|
|
20
26
|
height: '32px',
|
|
@@ -29,10 +35,13 @@ export const badge = color => css({
|
|
|
29
35
|
bottom: "var(--ds-space-025, 2px)",
|
|
30
36
|
width: "var(--ds-space-150, 12px)",
|
|
31
37
|
height: "var(--ds-space-150, 12px)",
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
32
39
|
zIndex: akEditorSmallZIndex,
|
|
33
40
|
borderRadius: '3px',
|
|
41
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
34
42
|
background: color,
|
|
35
43
|
color: "var(--ds-text-inverse, #fff)",
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
36
45
|
fontSize: relativeFontSizeToBase16(9),
|
|
37
46
|
lineHeight: 0,
|
|
38
47
|
paddingTop: "var(--ds-space-075, 6px)",
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { useEffect } from 'react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
5
|
import { css, jsx } from '@emotion/react';
|
|
4
6
|
import { useIntl } from 'react-intl-next';
|
|
5
7
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
@@ -12,12 +14,13 @@ var toolbarButtonWrapper = css({
|
|
|
12
14
|
justifyContent: 'flex-end',
|
|
13
15
|
flexGrow: 0,
|
|
14
16
|
alignItems: 'center',
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
18
|
'& > div': {
|
|
16
19
|
marginRight: 0
|
|
17
20
|
}
|
|
18
21
|
});
|
|
19
22
|
|
|
20
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
23
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
21
24
|
var toolbarButtonWrapperFullWidth = css(toolbarButtonWrapper, {
|
|
22
25
|
flexGrow: 1
|
|
23
26
|
});
|
package/dist/esm/ui/avatars.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
|
+
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
6
|
import { jsx } from '@emotion/react';
|
|
5
7
|
import AvatarGroup from '@atlaskit/avatar-group';
|
|
6
8
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
@@ -42,7 +44,7 @@ export var Avatars = /*#__PURE__*/React.memo(function (props) {
|
|
|
42
44
|
return null;
|
|
43
45
|
}
|
|
44
46
|
return (
|
|
45
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
47
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
46
48
|
jsx("div", {
|
|
47
49
|
css: avatarContainerStyles
|
|
48
50
|
}, jsx(AvatarGroup, {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
3
|
import { jsx } from '@emotion/react';
|
|
3
4
|
import { R100 } from '@atlaskit/theme/colors';
|
|
4
5
|
import { badge } from './styles';
|
|
@@ -7,7 +8,7 @@ export var ColoredAvatarItem = function ColoredAvatarItem(props) {
|
|
|
7
8
|
var color = (_props$api = props.api) === null || _props$api === void 0 || (_props$api = _props$api.collabEdit) === null || _props$api === void 0 || (_props$api = _props$api.actions) === null || _props$api === void 0 ? void 0 : _props$api.getAvatarColor(props.sessionId).color;
|
|
8
9
|
var avatar = props.name.substr(0, 1).toUpperCase();
|
|
9
10
|
return (
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
11
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
11
12
|
jsx("div", {
|
|
12
13
|
css: badge(color || R100),
|
|
13
14
|
"data-testid": "editor-collab-badge"
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React, { Fragment } from 'react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
5
|
import { jsx } from '@emotion/react';
|
|
4
6
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
5
7
|
import InviteTeamIcon from '@atlaskit/icon/glyph/editor/add';
|
|
@@ -22,10 +24,12 @@ export var InviteToEditButton = function InviteToEditButton(props) {
|
|
|
22
24
|
}
|
|
23
25
|
var Wrapper = Component ? Component : ID;
|
|
24
26
|
return (
|
|
25
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
26
28
|
jsx("div", {
|
|
27
29
|
css: inviteTeamWrapperStyles
|
|
28
|
-
}, jsx(Wrapper, null, jsx(ToolbarButton
|
|
30
|
+
}, jsx(Wrapper, null, jsx(ToolbarButton
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
32
|
+
, {
|
|
29
33
|
className: "invite-to-edit",
|
|
30
34
|
onClick: onClick,
|
|
31
35
|
selected: selected,
|
package/dist/esm/ui/styles.js
CHANGED
|
@@ -1,20 +1,26 @@
|
|
|
1
1
|
/* eslint-disable @repo/internal/styles/no-exported-styles, @atlaskit/design-system/no-nested-styles */
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
3
|
import { css } from '@emotion/react';
|
|
3
4
|
import { akEditorSmallZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
4
5
|
import { N20 } from '@atlaskit/theme/colors';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
7
|
export var inviteTeamWrapperStyles = css({
|
|
6
8
|
background: "var(--ds-background-neutral, ".concat(N20, ")"),
|
|
7
9
|
borderRadius: '50%',
|
|
8
10
|
minWidth: "var(--ds-space-400, 32px)",
|
|
9
11
|
marginLeft: "var(--ds-space-negative-050, -4px)"
|
|
10
12
|
});
|
|
13
|
+
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
11
15
|
export var avatarContainerStyles = css({
|
|
12
16
|
marginRight: "var(--ds-space-100, 8px)",
|
|
13
17
|
display: 'flex',
|
|
14
18
|
alignItems: 'center',
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
15
20
|
'&& > ul': {
|
|
16
21
|
listStyleType: 'none'
|
|
17
22
|
},
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
18
24
|
'div:last-child button.invite-to-edit': {
|
|
19
25
|
borderRadius: '50%',
|
|
20
26
|
height: '32px',
|
|
@@ -30,10 +36,13 @@ export var badge = function badge(color) {
|
|
|
30
36
|
bottom: "var(--ds-space-025, 2px)",
|
|
31
37
|
width: "var(--ds-space-150, 12px)",
|
|
32
38
|
height: "var(--ds-space-150, 12px)",
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
33
40
|
zIndex: akEditorSmallZIndex,
|
|
34
41
|
borderRadius: '3px',
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
35
43
|
background: color,
|
|
36
44
|
color: "var(--ds-text-inverse, #fff)",
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
37
46
|
fontSize: relativeFontSizeToBase16(9),
|
|
38
47
|
lineHeight: 0,
|
|
39
48
|
paddingTop: "var(--ds-space-075, 6px)",
|