@atlaskit/link-picker 3.0.1 → 3.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.
Files changed (34) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.compiled.css +1 -1
  3. package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js +1 -1
  4. package/dist/cjs/ui/link-picker/search-results/index.js +2 -1
  5. package/dist/cjs/ui/link-picker/search-results/link-search-list/index.compiled.css +1 -1
  6. package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +8 -3
  7. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +1 -1
  8. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +1 -1
  9. package/dist/cjs/ui/link-picker/text-input/index.compiled.css +1 -1
  10. package/dist/cjs/ui/link-picker/text-input/index.js +1 -1
  11. package/dist/cjs/ui/main.js +1 -1
  12. package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.compiled.css +1 -1
  13. package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.js +1 -1
  14. package/dist/es2019/ui/link-picker/search-results/index.js +2 -1
  15. package/dist/es2019/ui/link-picker/search-results/link-search-list/index.compiled.css +1 -1
  16. package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +7 -2
  17. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +1 -1
  18. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +1 -1
  19. package/dist/es2019/ui/link-picker/text-input/index.compiled.css +1 -1
  20. package/dist/es2019/ui/link-picker/text-input/index.js +1 -1
  21. package/dist/es2019/ui/main.js +1 -1
  22. package/dist/esm/ui/error-boundary/error-boundary-fallback/index.compiled.css +1 -1
  23. package/dist/esm/ui/error-boundary/error-boundary-fallback/index.js +1 -1
  24. package/dist/esm/ui/link-picker/search-results/index.js +2 -1
  25. package/dist/esm/ui/link-picker/search-results/link-search-list/index.compiled.css +1 -1
  26. package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +8 -3
  27. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +1 -1
  28. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +1 -1
  29. package/dist/esm/ui/link-picker/text-input/index.compiled.css +1 -1
  30. package/dist/esm/ui/link-picker/text-input/index.js +1 -1
  31. package/dist/esm/ui/main.js +1 -1
  32. package/dist/types/ui/link-picker/search-results/link-search-list/index.d.ts +2 -0
  33. package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/index.d.ts +2 -0
  34. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/link-picker
2
2
 
3
+ ## 3.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#122927](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122927)
8
+ [`1a18023f54f1c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a18023f54f1c) -
9
+ EDM-11900 adding a wrapper with correct id so aria-controls can find the right element for a11y
10
+
11
+ ## 3.0.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [#122698](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122698)
16
+ [`ad8e98f0a31f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ad8e98f0a31f2) -
17
+ Updating roles in examples to fix a11y violations for aria-selected attribute
18
+ - Updated dependencies
19
+
3
20
  ## 3.0.1
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.compiled.css CHANGED
@@ -1,2 +1,2 @@
1
- ._11c816g6{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._vwz44jg8{line-height:normal}
package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js CHANGED
@@ -38,7 +38,7 @@ var ErrorBoundaryFallback = exports.ErrorBoundaryFallback = function ErrorBounda
38
38
  return /*#__PURE__*/React.createElement(_minHeightContainer.MinHeightContainer, {
39
39
  minHeight: _constants.LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
40
40
  "data-testid": "link-picker-root-error-boundary-ui",
41
- className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c816g6" : "_vwz44jg8"])
41
+ className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_11c81vhk" : "_vwz44jg8"])
42
42
  }, /*#__PURE__*/React.createElement(_emptyState.EmptyState, {
43
43
  header: header,
44
44
  renderImage: function renderImage() {
package/dist/cjs/ui/link-picker/search-results/index.js CHANGED
@@ -93,6 +93,7 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
93
93
  onKeyDown: handleKeyDown,
94
94
  hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
95
95
  activePlugin: activePlugin,
96
- adaptiveHeight: adaptiveHeight
96
+ adaptiveHeight: adaptiveHeight,
97
+ tabPanelId: "".concat(testIds.tabList, "-").concat(activeTab, "-tab")
97
98
  }), error ? (_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 || (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : /*#__PURE__*/React.createElement(_linkSearchError.LinkSearchError, null) : null));
98
99
  };
package/dist/cjs/ui/link-picker/search-results/link-search-list/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._qtt8glyw{list-style:none}
3
3
  ._16jlkb7n{flex-grow:1}
4
4
  ._18u01mjz{margin-left:calc(var(--link-picker-padding-left)*-1)}
package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js CHANGED
@@ -23,7 +23,7 @@ var _handleNavKeyDown = require("../../../../common/utils/handleNavKeyDown");
23
23
  var _linkSearchNoResults = require("./link-search-no-results");
24
24
  var _listItem = require("./list-item");
25
25
  var _useTrackResultsShown = require("./use-track-results-shown");
26
- var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight", "className"];
26
+ var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight", "className", "tabPanelId"];
27
27
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
28
28
  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 && {}.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; }
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; }
@@ -78,6 +78,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
78
78
  activePlugin = _ref.activePlugin,
79
79
  adaptiveHeight = _ref.adaptiveHeight,
80
80
  className = _ref.className,
81
+ tabPanelId = _ref.tabPanelId,
81
82
  restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
82
83
  var itemsContent;
83
84
  var loadingContent;
@@ -123,18 +124,21 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
123
124
  var emptyState = activePlugin === null || activePlugin === void 0 || (_activePlugin$emptySt = activePlugin.emptyStateNoResults) === null || _activePlugin$emptySt === void 0 ? void 0 : _activePlugin$emptySt.call(activePlugin);
124
125
  if (emptyState) {
125
126
  return /*#__PURE__*/React.createElement("div", {
127
+ id: tabPanelId,
126
128
  className: (0, _runtime.ax)([styles.emptyStateNoResultsWrapper])
127
129
  }, emptyState);
128
130
  }
129
131
  }
130
- return /*#__PURE__*/React.createElement(_linkSearchNoResults.NoResults, null);
132
+ return /*#__PURE__*/React.createElement("div", {
133
+ id: tabPanelId
134
+ }, /*#__PURE__*/React.createElement(_linkSearchNoResults.NoResults, null));
131
135
  }
132
136
  var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
133
137
  if (items && items.length > 0) {
134
138
  itemsContent = /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
135
139
  id: testIds.resultListTitle,
136
140
  "data-testid": testIds.resultListTitle,
137
- className: (0, _runtime.ax)(["_11c81vlj _k48pmoej _otyr1b66", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_syaz1gjq" : "_syaz131l"])
141
+ className: (0, _runtime.ax)(["_11c81o8v _k48pmoej _otyr1b66", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? "_syaz1gjq" : "_syaz131l"])
138
142
  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, linkListTitle)), /*#__PURE__*/React.createElement(_visuallyHidden.default, {
139
143
  id: "fabric.smartcard.linkpicker.suggested.results"
140
144
  }, hasSearchTerm && /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, messages.searchLinkResults, {
@@ -183,6 +187,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
183
187
  }));
184
188
  }
185
189
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
190
+ id: tabPanelId,
186
191
  ref: ref,
187
192
  className: (0, _runtime.ax)(["_1bsb1osq _ca0qidpf _1tkeys9h _19pkpxbi _otyrpxbi _16jlkb7n _1e0c1txw _2lx21bp4", className])
188
193
  }, restProps), itemsContent, loadingContent);
package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._16qs1f4r{box-shadow:var(--_1mo126v)}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._18u0idpf{margin-left:0}
package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js CHANGED
@@ -69,7 +69,7 @@ var ListItemSubtitle = function ListItemSubtitle(_ref) {
69
69
  secondItem = _ref$items[1];
70
70
  return /*#__PURE__*/React.createElement("div", {
71
71
  "data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
72
- className: (0, _runtime.ax)(["_11c81vlj _syazct01 _1e0c1txw"]),
72
+ className: (0, _runtime.ax)(["_11c81o8v _syazct01 _1e0c1txw"]),
73
73
  style: {
74
74
  "--_khvm95": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N300, ")"))
75
75
  }
package/dist/cjs/ui/link-picker/text-input/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c816g6{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._19itglyw{border:none}
3
3
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
package/dist/cjs/ui/link-picker/text-input/index.js CHANGED
@@ -94,7 +94,7 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
94
94
  spacing: "spacious"
95
95
  })));
96
96
  return /*#__PURE__*/React.createElement("div", {
97
- className: (0, _runtime.ax)(["_7yjtidpf _onzypxbi", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c816g6"])
97
+ className: (0, _runtime.ax)(["_7yjtidpf _onzypxbi", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c81vhk"])
98
98
  }, /*#__PURE__*/React.createElement(_form.Field, {
99
99
  label: label,
100
100
  name: name
package/dist/cjs/ui/main.js CHANGED
@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
26
26
  };
27
27
  var PACKAGE_DATA = exports.PACKAGE_DATA = {
28
28
  packageName: "@atlaskit/link-picker" || '',
29
- packageVersion: "3.0.1" || '',
29
+ packageVersion: "3.0.3" || '',
30
30
  componentName: _constants.COMPONENT_NAME,
31
31
  source: _constants.COMPONENT_NAME
32
32
  };
package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.compiled.css CHANGED
@@ -1,2 +1,2 @@
1
- ._11c816g6{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._vwz44jg8{line-height:normal}
package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.js CHANGED
@@ -29,7 +29,7 @@ export const ErrorBoundaryFallback = () => {
29
29
  return /*#__PURE__*/React.createElement(MinHeightContainer, {
30
30
  minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
31
31
  "data-testid": "link-picker-root-error-boundary-ui",
32
- className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c816g6" : "_vwz44jg8"])
32
+ className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c81vhk" : "_vwz44jg8"])
33
33
  }, /*#__PURE__*/React.createElement(EmptyState, {
34
34
  header: header,
35
35
  renderImage: () => /*#__PURE__*/React.createElement(GenericErrorSVG, null),
package/dist/es2019/ui/link-picker/search-results/index.js CHANGED
@@ -81,6 +81,7 @@ export const SearchResults = ({
81
81
  onKeyDown: handleKeyDown,
82
82
  hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
83
83
  activePlugin: activePlugin,
84
- adaptiveHeight: adaptiveHeight
84
+ adaptiveHeight: adaptiveHeight,
85
+ tabPanelId: `${testIds.tabList}-${activeTab}-tab`
85
86
  }), error ? (_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : /*#__PURE__*/React.createElement(LinkSearchError, null) : null));
86
87
  };
package/dist/es2019/ui/link-picker/search-results/link-search-list/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._qtt8glyw{list-style:none}
3
3
  ._16jlkb7n{flex-grow:1}
4
4
  ._18u01mjz{margin-left:calc(var(--link-picker-padding-left)*-1)}
package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js CHANGED
@@ -64,6 +64,7 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
64
64
  activePlugin,
65
65
  adaptiveHeight,
66
66
  className,
67
+ tabPanelId,
67
68
  ...restProps
68
69
  }, ref) => {
69
70
  var _activePlugin$uiOptio;
@@ -111,18 +112,21 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
111
112
  const emptyState = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$emptySt = activePlugin.emptyStateNoResults) === null || _activePlugin$emptySt === void 0 ? void 0 : _activePlugin$emptySt.call(activePlugin);
112
113
  if (emptyState) {
113
114
  return /*#__PURE__*/React.createElement("div", {
115
+ id: tabPanelId,
114
116
  className: ax([styles.emptyStateNoResultsWrapper])
115
117
  }, emptyState);
116
118
  }
117
119
  }
118
- return /*#__PURE__*/React.createElement(NoResults, null);
120
+ return /*#__PURE__*/React.createElement("div", {
121
+ id: tabPanelId
122
+ }, /*#__PURE__*/React.createElement(NoResults, null));
119
123
  }
120
124
  const listItemNameMaxLines = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
121
125
  if (items && items.length > 0) {
122
126
  itemsContent = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
123
127
  id: testIds.resultListTitle,
124
128
  "data-testid": testIds.resultListTitle,
125
- className: ax(["_11c81vlj _k48pmoej _otyr1b66", fg('platform-linking-visual-refresh-v1') ? "_syaz1gjq" : "_syaz131l"])
129
+ className: ax(["_11c81o8v _k48pmoej _otyr1b66", fg('platform-linking-visual-refresh-v1') ? "_syaz1gjq" : "_syaz131l"])
126
130
  }, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)), /*#__PURE__*/React.createElement(VisuallyHidden, {
127
131
  id: "fabric.smartcard.linkpicker.suggested.results"
128
132
  }, hasSearchTerm && /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.searchLinkResults, {
@@ -165,6 +169,7 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
165
169
  }));
166
170
  }
167
171
  return /*#__PURE__*/React.createElement("div", _extends({
172
+ id: tabPanelId,
168
173
  ref: ref,
169
174
  className: ax(["_1bsb1osq _ca0qidpf _1tkeys9h _19pkpxbi _otyrpxbi _16jlkb7n _1e0c1txw _2lx21bp4", className])
170
175
  }, restProps), itemsContent, loadingContent);
package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._16qs1l95{box-shadow:inset 2px 0 0 var(--ds-border-selected,#0052cc)}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._18u0idpf{margin-left:0}
package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js CHANGED
@@ -57,7 +57,7 @@ const ListItemSubtitle = ({
57
57
  }) => {
58
58
  return /*#__PURE__*/React.createElement("div", {
59
59
  "data-testid": `${testIds.searchResultItem}-subtitle`,
60
- className: ax(["_11c81vlj _syaz14xw _1e0c1txw"])
60
+ className: ax(["_11c81o8v _syaz14xw _1e0c1txw"])
61
61
  }, /*#__PURE__*/React.createElement("div", {
62
62
  className: ax(["_1reo15vq _18m915vq _1bto1l2s"])
63
63
  }, /*#__PURE__*/React.createElement("span", {
package/dist/es2019/ui/link-picker/text-input/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c816g6{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._19itglyw{border:none}
3
3
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
package/dist/es2019/ui/link-picker/text-input/index.js CHANGED
@@ -83,7 +83,7 @@ export const TextInput = ({
83
83
  spacing: "spacious"
84
84
  })));
85
85
  return /*#__PURE__*/React.createElement("div", {
86
- className: ax(["_7yjtidpf _onzypxbi", fg('platform-linking-visual-refresh-v1') && "_11c816g6"])
86
+ className: ax(["_7yjtidpf _onzypxbi", fg('platform-linking-visual-refresh-v1') && "_11c81vhk"])
87
87
  }, /*#__PURE__*/React.createElement(Field, {
88
88
  label: label,
89
89
  name: name
package/dist/es2019/ui/main.js CHANGED
@@ -15,7 +15,7 @@ export const testIds = {
15
15
  };
16
16
  export const PACKAGE_DATA = {
17
17
  packageName: "@atlaskit/link-picker" || '',
18
- packageVersion: "3.0.1" || '',
18
+ packageVersion: "3.0.3" || '',
19
19
  componentName: COMPONENT_NAME,
20
20
  source: COMPONENT_NAME
21
21
  };
package/dist/esm/ui/error-boundary/error-boundary-fallback/index.compiled.css CHANGED
@@ -1,2 +1,2 @@
1
- ._11c816g6{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._vwz44jg8{line-height:normal}
package/dist/esm/ui/error-boundary/error-boundary-fallback/index.js CHANGED
@@ -29,7 +29,7 @@ export var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
29
29
  return /*#__PURE__*/React.createElement(MinHeightContainer, {
30
30
  minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
31
31
  "data-testid": "link-picker-root-error-boundary-ui",
32
- className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c816g6" : "_vwz44jg8"])
32
+ className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c81vhk" : "_vwz44jg8"])
33
33
  }, /*#__PURE__*/React.createElement(EmptyState, {
34
34
  header: header,
35
35
  renderImage: function renderImage() {
package/dist/esm/ui/link-picker/search-results/index.js CHANGED
@@ -83,6 +83,7 @@ export var SearchResults = function SearchResults(_ref) {
83
83
  onKeyDown: handleKeyDown,
84
84
  hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
85
85
  activePlugin: activePlugin,
86
- adaptiveHeight: adaptiveHeight
86
+ adaptiveHeight: adaptiveHeight,
87
+ tabPanelId: "".concat(testIds.tabList, "-").concat(activeTab, "-tab")
87
88
  }), error ? (_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 || (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : /*#__PURE__*/React.createElement(LinkSearchError, null) : null));
88
89
  };
package/dist/esm/ui/link-picker/search-results/link-search-list/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._qtt8glyw{list-style:none}
3
3
  ._16jlkb7n{flex-grow:1}
4
4
  ._18u01mjz{margin-left:calc(var(--link-picker-padding-left)*-1)}
package/dist/esm/ui/link-picker/search-results/link-search-list/index.js CHANGED
@@ -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", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight", "className"];
5
+ var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin", "adaptiveHeight", "className", "tabPanelId"];
6
6
  import "./index.compiled.css";
7
7
  import * as React from 'react';
8
8
  import { ax, ix } from "@compiled/react/runtime";
@@ -68,6 +68,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
68
68
  activePlugin = _ref.activePlugin,
69
69
  adaptiveHeight = _ref.adaptiveHeight,
70
70
  className = _ref.className,
71
+ tabPanelId = _ref.tabPanelId,
71
72
  restProps = _objectWithoutProperties(_ref, _excluded);
72
73
  var itemsContent;
73
74
  var loadingContent;
@@ -113,18 +114,21 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
113
114
  var emptyState = activePlugin === null || activePlugin === void 0 || (_activePlugin$emptySt = activePlugin.emptyStateNoResults) === null || _activePlugin$emptySt === void 0 ? void 0 : _activePlugin$emptySt.call(activePlugin);
114
115
  if (emptyState) {
115
116
  return /*#__PURE__*/React.createElement("div", {
117
+ id: tabPanelId,
116
118
  className: ax([styles.emptyStateNoResultsWrapper])
117
119
  }, emptyState);
118
120
  }
119
121
  }
120
- return /*#__PURE__*/React.createElement(NoResults, null);
122
+ return /*#__PURE__*/React.createElement("div", {
123
+ id: tabPanelId
124
+ }, /*#__PURE__*/React.createElement(NoResults, null));
121
125
  }
122
126
  var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
123
127
  if (items && items.length > 0) {
124
128
  itemsContent = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
125
129
  id: testIds.resultListTitle,
126
130
  "data-testid": testIds.resultListTitle,
127
- className: ax(["_11c81vlj _k48pmoej _otyr1b66", fg('platform-linking-visual-refresh-v1') ? "_syaz1gjq" : "_syaz131l"])
131
+ className: ax(["_11c81o8v _k48pmoej _otyr1b66", fg('platform-linking-visual-refresh-v1') ? "_syaz1gjq" : "_syaz131l"])
128
132
  }, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)), /*#__PURE__*/React.createElement(VisuallyHidden, {
129
133
  id: "fabric.smartcard.linkpicker.suggested.results"
130
134
  }, hasSearchTerm && /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.searchLinkResults, {
@@ -173,6 +177,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
173
177
  }));
174
178
  }
175
179
  return /*#__PURE__*/React.createElement("div", _extends({
180
+ id: tabPanelId,
176
181
  ref: ref,
177
182
  className: ax(["_1bsb1osq _ca0qidpf _1tkeys9h _19pkpxbi _otyrpxbi _16jlkb7n _1e0c1txw _2lx21bp4", className])
178
183
  }, restProps), itemsContent, loadingContent);
package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._16qs1f4r{box-shadow:var(--_1mo126v)}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._18u0idpf{margin-left:0}
package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js CHANGED
@@ -59,7 +59,7 @@ var ListItemSubtitle = function ListItemSubtitle(_ref) {
59
59
  secondItem = _ref$items[1];
60
60
  return /*#__PURE__*/React.createElement("div", {
61
61
  "data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
62
- className: ax(["_11c81vlj _syazct01 _1e0c1txw"]),
62
+ className: ax(["_11c81o8v _syazct01 _1e0c1txw"]),
63
63
  style: {
64
64
  "--_khvm95": ix("var(--ds-text, ".concat(N300, ")"))
65
65
  }
package/dist/esm/ui/link-picker/text-input/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c816g6{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._19itglyw{border:none}
3
3
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
4
4
  ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
package/dist/esm/ui/link-picker/text-input/index.js CHANGED
@@ -84,7 +84,7 @@ export var TextInput = function TextInput(_ref) {
84
84
  spacing: "spacious"
85
85
  })));
86
86
  return /*#__PURE__*/React.createElement("div", {
87
- className: ax(["_7yjtidpf _onzypxbi", fg('platform-linking-visual-refresh-v1') && "_11c816g6"])
87
+ className: ax(["_7yjtidpf _onzypxbi", fg('platform-linking-visual-refresh-v1') && "_11c81vhk"])
88
88
  }, /*#__PURE__*/React.createElement(Field, {
89
89
  label: label,
90
90
  name: name
package/dist/esm/ui/main.js CHANGED
@@ -16,7 +16,7 @@ export var testIds = {
16
16
  };
17
17
  export var PACKAGE_DATA = {
18
18
  packageName: "@atlaskit/link-picker" || '',
19
- packageVersion: "3.0.1" || '',
19
+ packageVersion: "3.0.3" || '',
20
20
  componentName: COMPONENT_NAME,
21
21
  source: COMPONENT_NAME
22
22
  };
package/dist/types/ui/link-picker/search-results/link-search-list/index.d.ts CHANGED
@@ -47,6 +47,8 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
47
47
  id?: string;
48
48
  hasSearchTerm?: boolean;
49
49
  activePlugin?: LinkPickerPlugin;
50
+ /** Because we don't use the DST TabPanels component, tabPanelId is needed to set the correct aria-controls for a11y. */
51
+ tabPanelId?: string;
50
52
  }
51
53
  export declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
52
54
  export {};
package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/index.d.ts CHANGED
@@ -47,6 +47,8 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
47
47
  id?: string;
48
48
  hasSearchTerm?: boolean;
49
49
  activePlugin?: LinkPickerPlugin;
50
+ /** Because we don't use the DST TabPanels component, tabPanelId is needed to set the correct aria-controls for a11y. */
51
+ tabPanelId?: string;
50
52
  }
51
53
  export declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
52
54
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "3.0.1",
3
+ "version": "3.0.3",
4
4
  "description": "Standalone link picker",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -61,7 +61,7 @@
61
61
  "@atlaskit/spinner": "^18.0.0",
62
62
  "@atlaskit/tabs": "^18.0.0",
63
63
  "@atlaskit/textfield": "^8.0.0",
64
- "@atlaskit/theme": "^17.0.0",
64
+ "@atlaskit/theme": "^18.0.0",
65
65
  "@atlaskit/tokens": "^4.3.0",
66
66
  "@atlaskit/tooltip": "^20.0.0",
67
67
  "@atlaskit/ufo": "^0.4.0",