@atlaskit/link-picker 4.0.1 → 4.0.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 +15 -0
- package/dist/cjs/ui/link-picker/search-results/link-search-list/index.compiled.css +2 -6
- package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +2 -10
- package/dist/cjs/ui/main.js +1 -1
- package/dist/es2019/ui/link-picker/search-results/link-search-list/index.compiled.css +2 -6
- package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +1 -9
- package/dist/es2019/ui/main.js +1 -1
- package/dist/esm/ui/link-picker/search-results/link-search-list/index.compiled.css +2 -6
- package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +2 -10
- package/dist/esm/ui/main.js +1 -1
- package/package.json +5 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/link-picker
|
|
2
2
|
|
|
3
|
+
## 4.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`c37544224e3fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c37544224e3fd) -
|
|
8
|
+
NAVX-2340 cleaning up navx-2134-fix-a11y-link-picker-headings
|
|
9
|
+
|
|
10
|
+
## 4.0.2
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`37aa215f58706`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/37aa215f58706) -
|
|
15
|
+
NAVX-1904 cleaning up navx-1819-link-create-confluence-site-migration
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 4.0.1
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
._qtt8glyw{list-style:none}
|
|
3
|
-
._16jlkb7n{flex-grow:1}
|
|
1
|
+
|
|
2
|
+
._qtt8glyw{list-style:none}._16jlkb7n{flex-grow:1}
|
|
4
3
|
._18u01mjz{margin-left:calc(var(--link-picker-padding-left)*-1)}
|
|
5
4
|
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
6
5
|
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
|
|
@@ -14,10 +13,7 @@
|
|
|
14
13
|
._4cvr1h6o{align-items:center}
|
|
15
14
|
._ca0qidpf{padding-top:0}
|
|
16
15
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
17
|
-
._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
|
|
18
16
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
19
|
-
._otyr1b66{margin-bottom:var(--ds-space-050,4px)}
|
|
20
17
|
._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
|
|
21
18
|
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
22
|
-
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
23
19
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
@@ -24,7 +24,7 @@ var _handleNavKeyDown = require("../../../../common/utils/handleNavKeyDown");
|
|
|
24
24
|
var _linkSearchNoResults = require("./link-search-no-results");
|
|
25
25
|
var _listItem = require("./list-item");
|
|
26
26
|
var _useTrackResultsShown = require("./use-track-results-shown");
|
|
27
|
-
var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "
|
|
27
|
+
var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight", "className", "tabPanelId", "shouldRenderNoResultsImage"];
|
|
28
28
|
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" != _typeof(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); }
|
|
29
29
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
30
30
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -34,8 +34,6 @@ var styles = {
|
|
|
34
34
|
var listContainerStyles = null;
|
|
35
35
|
var spinnerContainerStyles = null;
|
|
36
36
|
var listStyles = null;
|
|
37
|
-
var baseListTitleStyles = null;
|
|
38
|
-
var newListTitleStyles = null;
|
|
39
37
|
var listTitleStyles = {
|
|
40
38
|
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
41
39
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
@@ -79,8 +77,6 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
|
|
|
79
77
|
activeIndex = _ref.activeIndex,
|
|
80
78
|
selectedIndex = _ref.selectedIndex,
|
|
81
79
|
isLoading = _ref.isLoading,
|
|
82
|
-
ariaControls = _ref.ariaControls,
|
|
83
|
-
ariaLabelledBy = _ref.ariaLabelledBy,
|
|
84
80
|
ariaReadOnly = _ref.ariaReadOnly,
|
|
85
81
|
role = _ref.role,
|
|
86
82
|
id = _ref.id,
|
|
@@ -149,7 +145,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
|
|
|
149
145
|
}
|
|
150
146
|
var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
|
|
151
147
|
if (items && items.length > 0) {
|
|
152
|
-
itemsContent = /*#__PURE__*/React.createElement(_react.Fragment, null,
|
|
148
|
+
itemsContent = /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
153
149
|
as: "h2" // Must remain <h2> for a11y title hierarchy as per https://hello.jira.atlassian.cloud/browse/A11Y-27579
|
|
154
150
|
// `.wiki-content h2` css styles in confluence override ADS/native styles here, so inline styles are needed.
|
|
155
151
|
// Should use css or xcss prop when that CSS is removed/fixed by confluence
|
|
@@ -158,10 +154,6 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
|
|
|
158
154
|
style: listTitleStyles,
|
|
159
155
|
id: testIds.resultListTitle,
|
|
160
156
|
testId: testIds.resultListTitle
|
|
161
|
-
}, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, linkListTitle)) : /*#__PURE__*/React.createElement("div", {
|
|
162
|
-
id: testIds.resultListTitle,
|
|
163
|
-
"data-testid": testIds.resultListTitle,
|
|
164
|
-
className: (0, _runtime.ax)(["_11c81o8v _k48pmoej _otyr1b66", "_syazazsu"])
|
|
165
157
|
}, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, linkListTitle)), /*#__PURE__*/React.createElement(_visuallyHidden.default, {
|
|
166
158
|
id: "fabric.smartcard.linkpicker.suggested.results"
|
|
167
159
|
}, hasSearchTerm && /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, messages.searchLinkResults, {
|
package/dist/cjs/ui/main.js
CHANGED
|
@@ -25,7 +25,7 @@ var testIds = exports.testIds = {
|
|
|
25
25
|
};
|
|
26
26
|
var PACKAGE_DATA = exports.PACKAGE_DATA = {
|
|
27
27
|
packageName: "@atlaskit/link-picker" || '',
|
|
28
|
-
packageVersion: "4.0.
|
|
28
|
+
packageVersion: "4.0.2" || '',
|
|
29
29
|
componentName: _constants.COMPONENT_NAME,
|
|
30
30
|
source: _constants.COMPONENT_NAME
|
|
31
31
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
._qtt8glyw{list-style:none}
|
|
3
|
-
._16jlkb7n{flex-grow:1}
|
|
1
|
+
|
|
2
|
+
._qtt8glyw{list-style:none}._16jlkb7n{flex-grow:1}
|
|
4
3
|
._18u01mjz{margin-left:calc(var(--link-picker-padding-left)*-1)}
|
|
5
4
|
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
6
5
|
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
|
|
@@ -14,10 +13,7 @@
|
|
|
14
13
|
._4cvr1h6o{align-items:center}
|
|
15
14
|
._ca0qidpf{padding-top:0}
|
|
16
15
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
17
|
-
._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
|
|
18
16
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
19
|
-
._otyr1b66{margin-bottom:var(--ds-space-050,4px)}
|
|
20
17
|
._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
|
|
21
18
|
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
22
|
-
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
23
19
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
@@ -20,8 +20,6 @@ const styles = {
|
|
|
20
20
|
const listContainerStyles = null;
|
|
21
21
|
const spinnerContainerStyles = null;
|
|
22
22
|
const listStyles = null;
|
|
23
|
-
const baseListTitleStyles = null;
|
|
24
|
-
const newListTitleStyles = null;
|
|
25
23
|
const listTitleStyles = {
|
|
26
24
|
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
27
25
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
@@ -66,8 +64,6 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
|
|
|
66
64
|
activeIndex,
|
|
67
65
|
selectedIndex,
|
|
68
66
|
isLoading,
|
|
69
|
-
ariaControls,
|
|
70
|
-
ariaLabelledBy,
|
|
71
67
|
ariaReadOnly,
|
|
72
68
|
role,
|
|
73
69
|
id,
|
|
@@ -138,7 +134,7 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
|
|
|
138
134
|
}
|
|
139
135
|
const listItemNameMaxLines = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
|
|
140
136
|
if (items && items.length > 0) {
|
|
141
|
-
itemsContent = /*#__PURE__*/React.createElement(Fragment, null,
|
|
137
|
+
itemsContent = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
142
138
|
as: "h2" // Must remain <h2> for a11y title hierarchy as per https://hello.jira.atlassian.cloud/browse/A11Y-27579
|
|
143
139
|
// `.wiki-content h2` css styles in confluence override ADS/native styles here, so inline styles are needed.
|
|
144
140
|
// Should use css or xcss prop when that CSS is removed/fixed by confluence
|
|
@@ -147,10 +143,6 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
|
|
|
147
143
|
style: listTitleStyles,
|
|
148
144
|
id: testIds.resultListTitle,
|
|
149
145
|
testId: testIds.resultListTitle
|
|
150
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)) : /*#__PURE__*/React.createElement("div", {
|
|
151
|
-
id: testIds.resultListTitle,
|
|
152
|
-
"data-testid": testIds.resultListTitle,
|
|
153
|
-
className: ax(["_11c81o8v _k48pmoej _otyr1b66", "_syazazsu"])
|
|
154
146
|
}, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)), /*#__PURE__*/React.createElement(VisuallyHidden, {
|
|
155
147
|
id: "fabric.smartcard.linkpicker.suggested.results"
|
|
156
148
|
}, hasSearchTerm && /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.searchLinkResults, {
|
package/dist/es2019/ui/main.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
._qtt8glyw{list-style:none}
|
|
3
|
-
._16jlkb7n{flex-grow:1}
|
|
1
|
+
|
|
2
|
+
._qtt8glyw{list-style:none}._16jlkb7n{flex-grow:1}
|
|
4
3
|
._18u01mjz{margin-left:calc(var(--link-picker-padding-left)*-1)}
|
|
5
4
|
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
6
5
|
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
|
|
@@ -14,10 +13,7 @@
|
|
|
14
13
|
._4cvr1h6o{align-items:center}
|
|
15
14
|
._ca0qidpf{padding-top:0}
|
|
16
15
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
17
|
-
._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
|
|
18
16
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
19
|
-
._otyr1b66{margin-bottom:var(--ds-space-050,4px)}
|
|
20
17
|
._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
|
|
21
18
|
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
22
|
-
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
23
19
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
5
|
-
var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "
|
|
5
|
+
var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight", "className", "tabPanelId", "shouldRenderNoResultsImage"];
|
|
6
6
|
import "./index.compiled.css";
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -25,8 +25,6 @@ var styles = {
|
|
|
25
25
|
var listContainerStyles = null;
|
|
26
26
|
var spinnerContainerStyles = null;
|
|
27
27
|
var listStyles = null;
|
|
28
|
-
var baseListTitleStyles = null;
|
|
29
|
-
var newListTitleStyles = null;
|
|
30
28
|
var listTitleStyles = {
|
|
31
29
|
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
32
30
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
@@ -70,8 +68,6 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
70
68
|
activeIndex = _ref.activeIndex,
|
|
71
69
|
selectedIndex = _ref.selectedIndex,
|
|
72
70
|
isLoading = _ref.isLoading,
|
|
73
|
-
ariaControls = _ref.ariaControls,
|
|
74
|
-
ariaLabelledBy = _ref.ariaLabelledBy,
|
|
75
71
|
ariaReadOnly = _ref.ariaReadOnly,
|
|
76
72
|
role = _ref.role,
|
|
77
73
|
id = _ref.id,
|
|
@@ -140,7 +136,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
140
136
|
}
|
|
141
137
|
var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
|
|
142
138
|
if (items && items.length > 0) {
|
|
143
|
-
itemsContent = /*#__PURE__*/React.createElement(Fragment, null,
|
|
139
|
+
itemsContent = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
144
140
|
as: "h2" // Must remain <h2> for a11y title hierarchy as per https://hello.jira.atlassian.cloud/browse/A11Y-27579
|
|
145
141
|
// `.wiki-content h2` css styles in confluence override ADS/native styles here, so inline styles are needed.
|
|
146
142
|
// Should use css or xcss prop when that CSS is removed/fixed by confluence
|
|
@@ -149,10 +145,6 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
149
145
|
style: listTitleStyles,
|
|
150
146
|
id: testIds.resultListTitle,
|
|
151
147
|
testId: testIds.resultListTitle
|
|
152
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)) : /*#__PURE__*/React.createElement("div", {
|
|
153
|
-
id: testIds.resultListTitle,
|
|
154
|
-
"data-testid": testIds.resultListTitle,
|
|
155
|
-
className: ax(["_11c81o8v _k48pmoej _otyr1b66", "_syazazsu"])
|
|
156
148
|
}, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)), /*#__PURE__*/React.createElement(VisuallyHidden, {
|
|
157
149
|
id: "fabric.smartcard.linkpicker.suggested.results"
|
|
158
150
|
}, hasSearchTerm && /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.searchLinkResults, {
|
package/dist/esm/ui/main.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-picker",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.3",
|
|
4
4
|
"description": "Standalone link picker",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"publishConfig": {
|
|
@@ -40,9 +40,6 @@
|
|
|
40
40
|
},
|
|
41
41
|
"aifc_create_enabled": {
|
|
42
42
|
"type": "boolean"
|
|
43
|
-
},
|
|
44
|
-
"navx-2134-fix-a11y-link-picker-headings": {
|
|
45
|
-
"type": "boolean"
|
|
46
43
|
}
|
|
47
44
|
},
|
|
48
45
|
"scripts": {
|
|
@@ -62,16 +59,16 @@
|
|
|
62
59
|
"@atlaskit/intl-messages-provider": "^2.0.0",
|
|
63
60
|
"@atlaskit/link": "^3.2.0",
|
|
64
61
|
"@atlaskit/link-provider": "^4.0.0",
|
|
65
|
-
"@atlaskit/linking-common": "^9.
|
|
62
|
+
"@atlaskit/linking-common": "^9.9.0",
|
|
66
63
|
"@atlaskit/onboarding": "^14.4.0",
|
|
67
64
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
68
|
-
"@atlaskit/primitives": "^16.
|
|
69
|
-
"@atlaskit/smart-card": "^43.
|
|
65
|
+
"@atlaskit/primitives": "^16.4.0",
|
|
66
|
+
"@atlaskit/smart-card": "^43.11.0",
|
|
70
67
|
"@atlaskit/spinner": "^19.0.0",
|
|
71
68
|
"@atlaskit/tabs": "^18.2.0",
|
|
72
69
|
"@atlaskit/textfield": "^8.1.0",
|
|
73
70
|
"@atlaskit/theme": "^21.0.0",
|
|
74
|
-
"@atlaskit/tokens": "^8.
|
|
71
|
+
"@atlaskit/tokens": "^8.4.0",
|
|
75
72
|
"@atlaskit/tooltip": "^20.10.0",
|
|
76
73
|
"@atlaskit/ufo": "^0.4.0",
|
|
77
74
|
"@atlaskit/visually-hidden": "^3.0.0",
|