@atlaskit/mention 24.4.5 → 24.4.7
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 +12 -0
- package/afm-cc/tsconfig.json +1 -1
- package/afm-jira/tsconfig.json +1 -1
- package/afm-products/tsconfig.json +1 -1
- package/dist/cjs/components/LockCircleIcon/index.js +1 -1
- package/dist/cjs/components/MentionDescriptionByline/styles.js +1 -1
- package/dist/cjs/components/MentionItem/styles.js +1 -1
- package/dist/es2019/components/LockCircleIcon/index.js +1 -1
- package/dist/es2019/components/MentionDescriptionByline/styles.js +1 -1
- package/dist/es2019/components/MentionItem/styles.js +1 -1
- package/dist/esm/components/LockCircleIcon/index.js +1 -1
- package/dist/esm/components/MentionDescriptionByline/styles.js +1 -1
- package/dist/esm/components/MentionItem/styles.js +1 -1
- package/dist/types/components/LockCircleIcon/index.d.ts +1 -1
- package/dist/types/types.d.ts +2 -0
- package/dist/types-ts4.5/components/LockCircleIcon/index.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +2 -0
- package/docs/0-intro.tsx +2 -1
- package/docs/1-in-editor.tsx +2 -1
- package/package.json +8 -8
- package/build/tsconfig.json +0 -23
package/CHANGELOG.md
CHANGED
package/afm-cc/tsconfig.json
CHANGED
package/afm-jira/tsconfig.json
CHANGED
|
@@ -10,7 +10,7 @@ var _react = require("react");
|
|
|
10
10
|
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" != (0, _typeof2.default)(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); }
|
|
11
11
|
var AsyncLockCircleIcon = /*#__PURE__*/(0, _react.lazy)(function () {
|
|
12
12
|
return Promise.resolve().then(function () {
|
|
13
|
-
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention/LockCircleIcon" */'@atlaskit/icon/core/
|
|
13
|
+
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention/LockCircleIcon" */'@atlaskit/icon/core/lock-locked'));
|
|
14
14
|
}).then(function (module) {
|
|
15
15
|
return {
|
|
16
16
|
default: module.default
|
|
@@ -12,7 +12,7 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
12
12
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
13
|
var DescriptionBylineStyle = exports.DescriptionBylineStyle = _styled.default.span({
|
|
14
14
|
color: "var(--ds-text-subtlest, ".concat(_colors.N100, ")"),
|
|
15
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
15
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
16
16
|
marginTop: "var(--ds-space-025, 2px)",
|
|
17
17
|
display: 'block',
|
|
18
18
|
overflow: 'hidden',
|
|
@@ -75,7 +75,7 @@ var TimeStyle = exports.TimeStyle = _styled.default.div({
|
|
|
75
75
|
marginLeft: "var(--ds-space-250, 20px)",
|
|
76
76
|
flex: 'none',
|
|
77
77
|
color: "var(--ds-text-subtlest, ".concat(_colors.N100, ")"),
|
|
78
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
78
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
79
79
|
});
|
|
80
80
|
var MENTION_ITEM_HEIGHT = exports.MENTION_ITEM_HEIGHT = 48;
|
|
81
81
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { lazy } from 'react';
|
|
2
|
-
const AsyncLockCircleIcon = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_mention/LockCircleIcon" */'@atlaskit/icon/core/
|
|
2
|
+
const AsyncLockCircleIcon = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_mention/LockCircleIcon" */'@atlaskit/icon/core/lock-locked').then(module => ({
|
|
3
3
|
default: module.default
|
|
4
4
|
})));
|
|
5
5
|
export default AsyncLockCircleIcon;
|
|
@@ -4,7 +4,7 @@ import { N100 } from '@atlaskit/theme/colors';
|
|
|
4
4
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
5
|
export const DescriptionBylineStyle = styled.span({
|
|
6
6
|
color: `var(--ds-text-subtlest, ${N100})`,
|
|
7
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
7
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
8
8
|
marginTop: "var(--ds-space-025, 2px)",
|
|
9
9
|
display: 'block',
|
|
10
10
|
overflow: 'hidden',
|
|
@@ -61,7 +61,7 @@ export const TimeStyle = styled.div({
|
|
|
61
61
|
marginLeft: "var(--ds-space-250, 20px)",
|
|
62
62
|
flex: 'none',
|
|
63
63
|
color: `var(--ds-text-subtlest, ${N100})`,
|
|
64
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
64
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
65
65
|
});
|
|
66
66
|
export const MENTION_ITEM_HEIGHT = 48;
|
|
67
67
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { lazy } from 'react';
|
|
2
2
|
var AsyncLockCircleIcon = /*#__PURE__*/lazy(function () {
|
|
3
|
-
return import( /* webpackChunkName: "@atlaskit-internal_mention/LockCircleIcon" */'@atlaskit/icon/core/
|
|
3
|
+
return import( /* webpackChunkName: "@atlaskit-internal_mention/LockCircleIcon" */'@atlaskit/icon/core/lock-locked').then(function (module) {
|
|
4
4
|
return {
|
|
5
5
|
default: module.default
|
|
6
6
|
};
|
|
@@ -4,7 +4,7 @@ import { N100 } from '@atlaskit/theme/colors';
|
|
|
4
4
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
5
|
export var DescriptionBylineStyle = styled.span({
|
|
6
6
|
color: "var(--ds-text-subtlest, ".concat(N100, ")"),
|
|
7
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
7
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
8
8
|
marginTop: "var(--ds-space-025, 2px)",
|
|
9
9
|
display: 'block',
|
|
10
10
|
overflow: 'hidden',
|
|
@@ -67,7 +67,7 @@ export var TimeStyle = styled.div({
|
|
|
67
67
|
marginLeft: "var(--ds-space-250, 20px)",
|
|
68
68
|
flex: 'none',
|
|
69
69
|
color: "var(--ds-text-subtlest, ".concat(N100, ")"),
|
|
70
|
-
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
70
|
+
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
71
71
|
});
|
|
72
72
|
export var MENTION_ITEM_HEIGHT = 48;
|
|
73
73
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
declare const AsyncLockCircleIcon: import("react").LazyExoticComponent<{
|
|
2
|
-
(props:
|
|
2
|
+
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
3
3
|
displayName: string;
|
|
4
4
|
}>;
|
|
5
5
|
export default AsyncLockCircleIcon;
|
package/dist/types/types.d.ts
CHANGED
|
@@ -179,9 +179,11 @@ export declare const isPromise: <T>(p: any) => p is Promise<T>;
|
|
|
179
179
|
export type InviteFlow = 'mention' | 'assign';
|
|
180
180
|
export type UserRole = 'admin' | 'trusted' | 'basic';
|
|
181
181
|
export interface InviteFromMentionProvider {
|
|
182
|
+
getShouldEnableInlineInvite?: () => boolean;
|
|
182
183
|
onInviteItemClick?(flow: InviteFlow): void;
|
|
183
184
|
productName?: string;
|
|
184
185
|
shouldEnableInvite?: boolean;
|
|
186
|
+
userEmailDomain?: string;
|
|
185
187
|
userRole?: UserRole;
|
|
186
188
|
}
|
|
187
189
|
export interface XProductInviteMentionProvider {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
declare const AsyncLockCircleIcon: import("react").LazyExoticComponent<{
|
|
2
|
-
(props:
|
|
2
|
+
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
3
3
|
displayName: string;
|
|
4
4
|
}>;
|
|
5
5
|
export default AsyncLockCircleIcon;
|
|
@@ -179,9 +179,11 @@ export declare const isPromise: <T>(p: any) => p is Promise<T>;
|
|
|
179
179
|
export type InviteFlow = 'mention' | 'assign';
|
|
180
180
|
export type UserRole = 'admin' | 'trusted' | 'basic';
|
|
181
181
|
export interface InviteFromMentionProvider {
|
|
182
|
+
getShouldEnableInlineInvite?: () => boolean;
|
|
182
183
|
onInviteItemClick?(flow: InviteFlow): void;
|
|
183
184
|
productName?: string;
|
|
184
185
|
shouldEnableInvite?: boolean;
|
|
186
|
+
userEmailDomain?: string;
|
|
185
187
|
userRole?: UserRole;
|
|
186
188
|
}
|
|
187
189
|
export interface XProductInviteMentionProvider {
|
package/docs/0-intro.tsx
CHANGED
|
@@ -6,7 +6,7 @@ const SimpleMentionSource = require('!!raw-loader!../examples/00-simple-mention-
|
|
|
6
6
|
|
|
7
7
|
const MentionProps = require('!!extract-react-types-loader!../src/components/Mention');
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
const _default_1: any = md`
|
|
10
10
|
${(<AtlassianInternalWarning />)}
|
|
11
11
|
|
|
12
12
|
The main purpose of the mention component is to provide a mention picker for choosing users to mention within a text field or editor.
|
|
@@ -82,3 +82,4 @@ export default md`
|
|
|
82
82
|
${(<Props props={MentionProps} />)}
|
|
83
83
|
|
|
84
84
|
`;
|
|
85
|
+
export default _default_1;
|
package/docs/1-in-editor.tsx
CHANGED
|
@@ -6,7 +6,7 @@ import { md, Example, code, AtlassianInternalWarning } from '@atlaskit/docs';
|
|
|
6
6
|
import MentionWithEditorExample from '../examples/14-mention-with-editor-extending-abstract-mention-resource';
|
|
7
7
|
const MentionWithEditorExampleSource = require('!!raw-loader!../examples/14-mention-with-editor-extending-abstract-mention-resource');
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
const _default_1: any = md`
|
|
10
10
|
${(<AtlassianInternalWarning />)}
|
|
11
11
|
|
|
12
12
|
## Using Mentions in AK Editor
|
|
@@ -74,3 +74,4 @@ export default md`
|
|
|
74
74
|
This is only available for internal use.
|
|
75
75
|
|
|
76
76
|
`;
|
|
77
|
+
export default _default_1;
|
package/package.json
CHANGED
|
@@ -22,17 +22,17 @@
|
|
|
22
22
|
"@atlaskit/afm-i18n-platform-elements-mention": "2.7.0",
|
|
23
23
|
"@atlaskit/analytics-gas-types": "^5.1.0",
|
|
24
24
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
25
|
-
"@atlaskit/avatar": "^25.
|
|
25
|
+
"@atlaskit/avatar": "^25.7.0",
|
|
26
26
|
"@atlaskit/focus-ring": "^3.0.0",
|
|
27
27
|
"@atlaskit/heading": "^5.2.0",
|
|
28
|
-
"@atlaskit/icon": "^
|
|
29
|
-
"@atlaskit/lozenge": "^13.
|
|
28
|
+
"@atlaskit/icon": "^30.0.0",
|
|
29
|
+
"@atlaskit/lozenge": "^13.3.0",
|
|
30
30
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
31
|
-
"@atlaskit/primitives": "^17.
|
|
31
|
+
"@atlaskit/primitives": "^17.1.0",
|
|
32
32
|
"@atlaskit/teams-avatar": "^2.4.0",
|
|
33
33
|
"@atlaskit/theme": "^21.0.0",
|
|
34
|
-
"@atlaskit/tokens": "^
|
|
35
|
-
"@atlaskit/tooltip": "^20.
|
|
34
|
+
"@atlaskit/tokens": "^10.1.0",
|
|
35
|
+
"@atlaskit/tooltip": "^20.14.0",
|
|
36
36
|
"@atlaskit/ufo": "^0.4.0",
|
|
37
37
|
"@atlaskit/util-service-support": "^6.3.0",
|
|
38
38
|
"@babel/runtime": "^7.0.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@af/visual-regression": "workspace:^",
|
|
49
49
|
"@atlaskit/elements-test-helpers": "workspace:^",
|
|
50
50
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
51
|
-
"@testing-library/react": "^
|
|
51
|
+
"@testing-library/react": "^16.3.0",
|
|
52
52
|
"@testing-library/user-event": "^14.4.3",
|
|
53
53
|
"@types/query-string": "^4.3.1",
|
|
54
54
|
"@types/serialize-javascript": "^5.0.0",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
]
|
|
112
112
|
}
|
|
113
113
|
},
|
|
114
|
-
"version": "24.4.
|
|
114
|
+
"version": "24.4.7"
|
|
115
115
|
}
|
package/build/tsconfig.json
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "../tsconfig",
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"declaration": true,
|
|
5
|
-
"target": "es5",
|
|
6
|
-
"paths": {}
|
|
7
|
-
},
|
|
8
|
-
"include": [
|
|
9
|
-
"../src/**/*.ts",
|
|
10
|
-
"../src/**/*.tsx"
|
|
11
|
-
],
|
|
12
|
-
"exclude": [
|
|
13
|
-
"../src/**/__tests__/*",
|
|
14
|
-
"../src/**/*.test.*",
|
|
15
|
-
"../src/**/test.*",
|
|
16
|
-
"../src/**/examples.*",
|
|
17
|
-
"../src/**/examples/*",
|
|
18
|
-
"../src/**/examples/**/*",
|
|
19
|
-
"../src/**/*.stories.*",
|
|
20
|
-
"../src/**/stories/*",
|
|
21
|
-
"../src/**/stories/**/*"
|
|
22
|
-
]
|
|
23
|
-
}
|