@atlaskit/link-picker 5.1.0 → 5.1.2
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 +16 -0
- package/dist/cjs/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js +1 -10
- package/dist/es2019/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js +1 -10
- package/dist/esm/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js +1 -10
- package/link-picker.docs.tsx +73 -0
- package/package.json +7 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/link-picker
|
|
2
2
|
|
|
3
|
+
## 5.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`4b2ced38a9cf3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b2ced38a9cf3) -
|
|
8
|
+
FG Cleanup navx-4548-migrate-to-atlaskit-spotlight
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 5.1.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`01bfb2823034b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/01bfb2823034b) -
|
|
16
|
+
Expands automatic accessibility (a11y) Playwright test coverage for Platform
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 5.1.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
@@ -6,21 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.ConditionalSpotlightTargetWrapper = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _onboarding = require("@atlaskit/onboarding");
|
|
10
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
9
|
var _spotlight = require("@atlaskit/spotlight");
|
|
12
|
-
// eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
|
|
13
|
-
|
|
14
10
|
var ConditionalSpotlightTargetWrapper = exports.ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
|
|
15
11
|
var spotlightTargetName = _ref.spotlightTargetName,
|
|
16
12
|
children = _ref.children;
|
|
17
13
|
if (spotlightTargetName) {
|
|
18
|
-
|
|
19
|
-
return /*#__PURE__*/_react.default.createElement(_spotlight.PopoverProvider, null, /*#__PURE__*/_react.default.createElement(_spotlight.PopoverTarget, null, children));
|
|
20
|
-
}
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_onboarding.SpotlightTarget, {
|
|
22
|
-
name: spotlightTargetName
|
|
23
|
-
}, children);
|
|
14
|
+
return /*#__PURE__*/_react.default.createElement(_spotlight.PopoverProvider, null, /*#__PURE__*/_react.default.createElement(_spotlight.PopoverTarget, null, children));
|
|
24
15
|
}
|
|
25
16
|
return children;
|
|
26
17
|
};
|
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
// eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
|
|
4
|
-
import { SpotlightTarget } from '@atlaskit/onboarding';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
2
|
import { PopoverProvider, PopoverTarget } from '@atlaskit/spotlight';
|
|
7
3
|
export const ConditionalSpotlightTargetWrapper = ({
|
|
8
4
|
spotlightTargetName,
|
|
9
5
|
children
|
|
10
6
|
}) => {
|
|
11
7
|
if (spotlightTargetName) {
|
|
12
|
-
|
|
13
|
-
return /*#__PURE__*/React.createElement(PopoverProvider, null, /*#__PURE__*/React.createElement(PopoverTarget, null, children));
|
|
14
|
-
}
|
|
15
|
-
return /*#__PURE__*/React.createElement(SpotlightTarget, {
|
|
16
|
-
name: spotlightTargetName
|
|
17
|
-
}, children);
|
|
8
|
+
return /*#__PURE__*/React.createElement(PopoverProvider, null, /*#__PURE__*/React.createElement(PopoverTarget, null, children));
|
|
18
9
|
}
|
|
19
10
|
return children;
|
|
20
11
|
};
|
|
@@ -1,19 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
// eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
|
|
4
|
-
import { SpotlightTarget } from '@atlaskit/onboarding';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
2
|
import { PopoverProvider, PopoverTarget } from '@atlaskit/spotlight';
|
|
7
3
|
export var ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
|
|
8
4
|
var spotlightTargetName = _ref.spotlightTargetName,
|
|
9
5
|
children = _ref.children;
|
|
10
6
|
if (spotlightTargetName) {
|
|
11
|
-
|
|
12
|
-
return /*#__PURE__*/React.createElement(PopoverProvider, null, /*#__PURE__*/React.createElement(PopoverTarget, null, children));
|
|
13
|
-
}
|
|
14
|
-
return /*#__PURE__*/React.createElement(SpotlightTarget, {
|
|
15
|
-
name: spotlightTargetName
|
|
16
|
-
}, children);
|
|
7
|
+
return /*#__PURE__*/React.createElement(PopoverProvider, null, /*#__PURE__*/React.createElement(PopoverTarget, null, children));
|
|
17
8
|
}
|
|
18
9
|
return children;
|
|
19
10
|
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Testing structured MCP docs for review — ignore this file.
|
|
3
|
+
* Contact #dst-structured-content in Slack with questions.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
import path from 'path';
|
|
7
|
+
|
|
8
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
9
|
+
|
|
10
|
+
import packageJson from './package.json';
|
|
11
|
+
|
|
12
|
+
const packagePath = path.resolve(__dirname);
|
|
13
|
+
|
|
14
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
15
|
+
{
|
|
16
|
+
name: 'LinkPicker',
|
|
17
|
+
description:
|
|
18
|
+
'Standalone link picker UI that lets users search and select links to insert. Supports plugins for different data sources (recents, search, Jira, Confluence, etc.) and can be used in modals, popups, or inline.',
|
|
19
|
+
status: 'general-availability',
|
|
20
|
+
import: {
|
|
21
|
+
name: 'LinkPicker',
|
|
22
|
+
package: '@atlaskit/link-picker',
|
|
23
|
+
type: 'default',
|
|
24
|
+
packagePath,
|
|
25
|
+
packageJson,
|
|
26
|
+
},
|
|
27
|
+
usageGuidelines: [
|
|
28
|
+
'Use when the user needs to choose a link to insert (e.g. in an editor, form, or toolbar). Add plugins to define tabs and data sources; use SmartCardProvider above the picker so selected links resolve correctly.',
|
|
29
|
+
],
|
|
30
|
+
contentGuidelines: [],
|
|
31
|
+
accessibilityGuidelines: [
|
|
32
|
+
'Ensure the picker is focusable and has an accessible name (e.g. "Insert link"). Provide a keyboard-accessible way to open and close; ensure search and results are announced to screen readers.',
|
|
33
|
+
],
|
|
34
|
+
keywords: ['link-picker', 'link', 'picker', 'search', 'insert link', 'plugins'],
|
|
35
|
+
categories: ['linking', 'interaction', 'forms'],
|
|
36
|
+
examples: [
|
|
37
|
+
{
|
|
38
|
+
name: 'Link Picker (basic)',
|
|
39
|
+
description: 'Basic LinkPicker with URL input and submit. Requires plugins for search results.',
|
|
40
|
+
source: path.resolve(packagePath, './examples/00-basic.tsx'),
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
name: 'Link Picker (without plugins)',
|
|
44
|
+
description: 'LinkPicker without plugins — manual URL entry only.',
|
|
45
|
+
source: path.resolve(packagePath, './examples/20-without-plugins.tsx'),
|
|
46
|
+
},
|
|
47
|
+
],
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
name: 'LoaderFallback',
|
|
51
|
+
description: 'Fallback UI shown while the LinkPicker (or its lazy-loaded parts) are loading.',
|
|
52
|
+
status: 'general-availability',
|
|
53
|
+
import: {
|
|
54
|
+
name: 'LoaderFallback',
|
|
55
|
+
package: '@atlaskit/link-picker',
|
|
56
|
+
type: 'named',
|
|
57
|
+
packagePath,
|
|
58
|
+
packageJson,
|
|
59
|
+
},
|
|
60
|
+
usageGuidelines: [
|
|
61
|
+
'Use when rendering LinkPicker lazily (e.g. via react-loosely-lazy) to show a consistent loading state until the picker is ready.',
|
|
62
|
+
],
|
|
63
|
+
contentGuidelines: [],
|
|
64
|
+
accessibilityGuidelines: [
|
|
65
|
+
'Ensure the fallback is announced as loading (e.g. aria-busy or live region) so screen reader users know content is pending.',
|
|
66
|
+
],
|
|
67
|
+
keywords: ['link-picker', 'loader', 'fallback', 'lazy'],
|
|
68
|
+
categories: ['linking', 'interaction'],
|
|
69
|
+
examples: [],
|
|
70
|
+
},
|
|
71
|
+
];
|
|
72
|
+
|
|
73
|
+
export default documentation;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-picker",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.2",
|
|
4
4
|
"description": "Standalone link picker",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"publishConfig": {
|
|
@@ -41,9 +41,6 @@
|
|
|
41
41
|
"platform-feature-flags": {
|
|
42
42
|
"aifc_create_enabled": {
|
|
43
43
|
"type": "boolean"
|
|
44
|
-
},
|
|
45
|
-
"navx-4548-migrate-to-atlaskit-spotlight": {
|
|
46
|
-
"type": "boolean"
|
|
47
44
|
}
|
|
48
45
|
},
|
|
49
46
|
"scripts": {
|
|
@@ -58,21 +55,20 @@
|
|
|
58
55
|
"@atlaskit/form": "^15.5.0",
|
|
59
56
|
"@atlaskit/frontend-utilities": "^3.2.0",
|
|
60
57
|
"@atlaskit/heading": "^5.4.0",
|
|
61
|
-
"@atlaskit/icon": "^34.
|
|
58
|
+
"@atlaskit/icon": "^34.3.0",
|
|
62
59
|
"@atlaskit/intl-messages-provider": "^3.1.0",
|
|
63
60
|
"@atlaskit/link": "^3.4.0",
|
|
64
61
|
"@atlaskit/link-provider": "^4.3.0",
|
|
65
62
|
"@atlaskit/linking-common": "^9.11.0",
|
|
66
|
-
"@atlaskit/onboarding": "^14.6.0",
|
|
67
63
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
68
64
|
"@atlaskit/primitives": "^19.0.0",
|
|
69
|
-
"@atlaskit/smart-card": "^44.
|
|
65
|
+
"@atlaskit/smart-card": "^44.3.0",
|
|
70
66
|
"@atlaskit/spinner": "^19.1.0",
|
|
71
67
|
"@atlaskit/spotlight": "^0.12.0",
|
|
72
68
|
"@atlaskit/tabs": "^19.1.0",
|
|
73
69
|
"@atlaskit/textfield": "^8.3.0",
|
|
74
70
|
"@atlaskit/tokens": "^13.0.0",
|
|
75
|
-
"@atlaskit/tooltip": "^21.
|
|
71
|
+
"@atlaskit/tooltip": "^21.2.0",
|
|
76
72
|
"@atlaskit/ufo": "^0.4.0",
|
|
77
73
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
78
74
|
"@babel/runtime": "^7.0.0",
|
|
@@ -93,10 +89,12 @@
|
|
|
93
89
|
"@af/integration-testing": "workspace:^",
|
|
94
90
|
"@af/visual-regression": "workspace:^",
|
|
95
91
|
"@atlaskit/dropdown-menu": "^16.8.0",
|
|
96
|
-
"@atlaskit/link-test-helpers": "^10.
|
|
92
|
+
"@atlaskit/link-test-helpers": "^10.2.0",
|
|
97
93
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
94
|
+
"@atlassian/a11y-playwright-testing": "^0.9.0",
|
|
98
95
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
99
96
|
"@atlassian/react-compiler-gating": "workspace:^",
|
|
97
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
100
98
|
"@testing-library/dom": "^10.1.0",
|
|
101
99
|
"@testing-library/jest-dom": "^6.4.5",
|
|
102
100
|
"@testing-library/react": "^16.3.0",
|