@atlaskit/editor-plugin-mentions 1.0.9 → 1.1.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 (5) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/ui/InviteItem/styles.js +43 -9
  3. package/dist/es2019/ui/InviteItem/styles.js +42 -42
  4. package/dist/esm/ui/InviteItem/styles.js +43 -8
  5. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-mentions
2
2
 
3
+ ## 1.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#91934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91934) [`b76a78c6a199`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b76a78c6a199) - bumped editor-prosemirror version to 4.0.0
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
13
+ ## 1.0.10
14
+
15
+ ### Patch Changes
16
+
17
+ - [#92426](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92426) [`32c76c7c225c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32c76c7c225c) - Bump adf-schema to 35.9.2 to support table alignment options
18
+
3
19
  ## 1.0.9
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/ui/InviteItem/styles.js CHANGED
@@ -1,19 +1,53 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.rowStyle = exports.nameSectionStyle = exports.mentionItemStyle = exports.mentionItemSelectedStyle = exports.capitalizedStyle = exports.avatarStyle = exports.ROW_SIDE_PADDING = exports.AVATAR_HEIGHT = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
7
  var _react = require("@emotion/react");
10
8
  var _colors = require("@atlaskit/theme/colors");
11
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
12
9
  var ROW_SIDE_PADDING = exports.ROW_SIDE_PADDING = 14;
13
- var rowStyle = exports.rowStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n align-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n overflow: hidden;\n padding: ", " ", "px;\n text-overflow: ellipsis;\n vertical-align: middle;\n"])), "var(--ds-space-075, 6px)", ROW_SIDE_PADDING);
10
+ var rowStyle = exports.rowStyle = (0, _react.css)({
11
+ alignItems: 'center',
12
+ display: 'flex',
13
+ flexDirection: 'row',
14
+ flexWrap: 'wrap',
15
+ overflow: 'hidden',
16
+ padding: "var(--ds-space-075, 6px)".concat(" ", ROW_SIDE_PADDING, "px"),
17
+ textOverflow: 'ellipsis',
18
+ verticalAlign: 'middle'
19
+ });
14
20
  var AVATAR_HEIGHT = exports.AVATAR_HEIGHT = 36;
15
- var avatarStyle = exports.avatarStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n flex: initial;\n opacity: inherit;\n width: 36px;\n height: ", "px;\n\n > span {\n width: 24px;\n height: 24px;\n padding: ", ";\n }\n"])), AVATAR_HEIGHT, "var(--ds-space-075, 6px)");
16
- var nameSectionStyle = exports.nameSectionStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n flex: 1;\n min-width: 0;\n margin-left: 14px;\n color: ", ";\n opacity: inherit;\n"])), "var(--ds-text-subtle, ".concat(_colors.N300, ")"));
17
- var mentionItemStyle = exports.mentionItemStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n background-color: transparent;\n display: block;\n overflow: hidden;\n list-style-type: none;\n cursor: pointer;\n"])));
18
- var mentionItemSelectedStyle = exports.mentionItemSelectedStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"));
19
- var capitalizedStyle = exports.capitalizedStyle = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n text-transform: capitalize;\n"])));
21
+ var avatarStyle = exports.avatarStyle = (0, _react.css)({
22
+ position: 'relative',
23
+ flex: 'initial',
24
+ opacity: 'inherit',
25
+ width: '36px',
26
+ height: "".concat(AVATAR_HEIGHT, "px"),
27
+ '> span': {
28
+ width: '24px',
29
+ height: '24px',
30
+ padding: "var(--ds-space-075, 6px)"
31
+ }
32
+ });
33
+ var nameSectionStyle = exports.nameSectionStyle = (0, _react.css)({
34
+ flex: 1,
35
+ minWidth: 0,
36
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
37
+ marginLeft: '14px',
38
+ color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
39
+ opacity: 'inherit'
40
+ });
41
+ var mentionItemStyle = exports.mentionItemStyle = (0, _react.css)({
42
+ backgroundColor: 'transparent',
43
+ display: 'block',
44
+ overflow: 'hidden',
45
+ listStyleType: 'none',
46
+ cursor: 'pointer'
47
+ });
48
+ var mentionItemSelectedStyle = exports.mentionItemSelectedStyle = (0, _react.css)({
49
+ backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")
50
+ });
51
+ var capitalizedStyle = exports.capitalizedStyle = (0, _react.css)({
52
+ textTransform: 'capitalize'
53
+ });
package/dist/es2019/ui/InviteItem/styles.js CHANGED
@@ -1,47 +1,47 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { N30, N300 } from '@atlaskit/theme/colors';
3
3
  export const ROW_SIDE_PADDING = 14;
4
- export const rowStyle = css`
5
- align-items: center;
6
- display: flex;
7
- flex-direction: row;
8
- flex-wrap: wrap;
9
- overflow: hidden;
10
- padding: ${"var(--ds-space-075, 6px)"} ${ROW_SIDE_PADDING}px;
11
- text-overflow: ellipsis;
12
- vertical-align: middle;
13
- `;
4
+ export const rowStyle = css({
5
+ alignItems: 'center',
6
+ display: 'flex',
7
+ flexDirection: 'row',
8
+ flexWrap: 'wrap',
9
+ overflow: 'hidden',
10
+ padding: `${"var(--ds-space-075, 6px)"} ${ROW_SIDE_PADDING}px`,
11
+ textOverflow: 'ellipsis',
12
+ verticalAlign: 'middle'
13
+ });
14
14
  export const AVATAR_HEIGHT = 36;
15
- export const avatarStyle = css`
16
- position: relative;
17
- flex: initial;
18
- opacity: inherit;
19
- width: 36px;
20
- height: ${AVATAR_HEIGHT}px;
21
-
22
- > span {
23
- width: 24px;
24
- height: 24px;
25
- padding: ${"var(--ds-space-075, 6px)"};
15
+ export const avatarStyle = css({
16
+ position: 'relative',
17
+ flex: 'initial',
18
+ opacity: 'inherit',
19
+ width: '36px',
20
+ height: `${AVATAR_HEIGHT}px`,
21
+ '> span': {
22
+ width: '24px',
23
+ height: '24px',
24
+ padding: "var(--ds-space-075, 6px)"
26
25
  }
27
- `;
28
- export const nameSectionStyle = css`
29
- flex: 1;
30
- min-width: 0;
31
- margin-left: 14px;
32
- color: ${`var(--ds-text-subtle, ${N300})`};
33
- opacity: inherit;
34
- `;
35
- export const mentionItemStyle = css`
36
- background-color: transparent;
37
- display: block;
38
- overflow: hidden;
39
- list-style-type: none;
40
- cursor: pointer;
41
- `;
42
- export const mentionItemSelectedStyle = css`
43
- background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N30})`};
44
- `;
45
- export const capitalizedStyle = css`
46
- text-transform: capitalize;
47
- `;
26
+ });
27
+ export const nameSectionStyle = css({
28
+ flex: 1,
29
+ minWidth: 0,
30
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
31
+ marginLeft: '14px',
32
+ color: `var(--ds-text-subtle, ${N300})`,
33
+ opacity: 'inherit'
34
+ });
35
+ export const mentionItemStyle = css({
36
+ backgroundColor: 'transparent',
37
+ display: 'block',
38
+ overflow: 'hidden',
39
+ listStyleType: 'none',
40
+ cursor: 'pointer'
41
+ });
42
+ export const mentionItemSelectedStyle = css({
43
+ backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N30})`
44
+ });
45
+ export const capitalizedStyle = css({
46
+ textTransform: 'capitalize'
47
+ });
package/dist/esm/ui/InviteItem/styles.js CHANGED
@@ -1,12 +1,47 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
3
1
  import { css } from '@emotion/react';
4
2
  import { N30, N300 } from '@atlaskit/theme/colors';
5
3
  export var ROW_SIDE_PADDING = 14;
6
- export var rowStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n overflow: hidden;\n padding: ", " ", "px;\n text-overflow: ellipsis;\n vertical-align: middle;\n"])), "var(--ds-space-075, 6px)", ROW_SIDE_PADDING);
4
+ export var rowStyle = css({
5
+ alignItems: 'center',
6
+ display: 'flex',
7
+ flexDirection: 'row',
8
+ flexWrap: 'wrap',
9
+ overflow: 'hidden',
10
+ padding: "var(--ds-space-075, 6px)".concat(" ", ROW_SIDE_PADDING, "px"),
11
+ textOverflow: 'ellipsis',
12
+ verticalAlign: 'middle'
13
+ });
7
14
  export var AVATAR_HEIGHT = 36;
8
- export var avatarStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n flex: initial;\n opacity: inherit;\n width: 36px;\n height: ", "px;\n\n > span {\n width: 24px;\n height: 24px;\n padding: ", ";\n }\n"])), AVATAR_HEIGHT, "var(--ds-space-075, 6px)");
9
- export var nameSectionStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n flex: 1;\n min-width: 0;\n margin-left: 14px;\n color: ", ";\n opacity: inherit;\n"])), "var(--ds-text-subtle, ".concat(N300, ")"));
10
- export var mentionItemStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background-color: transparent;\n display: block;\n overflow: hidden;\n list-style-type: none;\n cursor: pointer;\n"])));
11
- export var mentionItemSelectedStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"));
12
- export var capitalizedStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n text-transform: capitalize;\n"])));
15
+ export var avatarStyle = css({
16
+ position: 'relative',
17
+ flex: 'initial',
18
+ opacity: 'inherit',
19
+ width: '36px',
20
+ height: "".concat(AVATAR_HEIGHT, "px"),
21
+ '> span': {
22
+ width: '24px',
23
+ height: '24px',
24
+ padding: "var(--ds-space-075, 6px)"
25
+ }
26
+ });
27
+ export var nameSectionStyle = css({
28
+ flex: 1,
29
+ minWidth: 0,
30
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
31
+ marginLeft: '14px',
32
+ color: "var(--ds-text-subtle, ".concat(N300, ")"),
33
+ opacity: 'inherit'
34
+ });
35
+ export var mentionItemStyle = css({
36
+ backgroundColor: 'transparent',
37
+ display: 'block',
38
+ overflow: 'hidden',
39
+ listStyleType: 'none',
40
+ cursor: 'pointer'
41
+ });
42
+ export var mentionItemSelectedStyle = css({
43
+ backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")
44
+ });
45
+ export var capitalizedStyle = css({
46
+ textTransform: 'capitalize'
47
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-mentions",
3
- "version": "1.0.9",
3
+ "version": "1.1.0",
4
4
  "description": "Mentions plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,13 +33,13 @@
33
33
  ".": "./src/index.ts"
34
34
  },
35
35
  "dependencies": {
36
- "@atlaskit/adf-schema": "^35.9.0",
36
+ "@atlaskit/adf-schema": "^35.9.2",
37
37
  "@atlaskit/analytics-gas-types": "^5.1.0",
38
- "@atlaskit/editor-common": "^78.28.0",
39
- "@atlaskit/editor-plugin-analytics": "^1.0.0",
40
- "@atlaskit/editor-plugin-context-identifier": "^1.0.0",
41
- "@atlaskit/editor-plugin-type-ahead": "^1.0.0",
42
- "@atlaskit/editor-prosemirror": "3.0.0",
38
+ "@atlaskit/editor-common": "^78.31.0",
39
+ "@atlaskit/editor-plugin-analytics": "^1.1.0",
40
+ "@atlaskit/editor-plugin-context-identifier": "^1.1.0",
41
+ "@atlaskit/editor-plugin-type-ahead": "^1.1.0",
42
+ "@atlaskit/editor-prosemirror": "4.0.0",
43
43
  "@atlaskit/icon": "^22.1.0",
44
44
  "@atlaskit/mention": "^23.0.0",
45
45
  "@atlaskit/theme": "^12.7.0",