@atlaskit/link-picker 1.34.0 → 1.34.1

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 (32) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/common/analytics/context.js +2 -2
  3. package/dist/cjs/common/analytics/input-field-tracking.js +2 -2
  4. package/dist/cjs/common/ui/min-height-container/index.js +2 -2
  5. package/dist/cjs/common/utils/errors.js +1 -1
  6. package/dist/cjs/controllers/session-provider/index.js +2 -2
  7. package/dist/cjs/services/use-plugins/utils.js +1 -1
  8. package/dist/cjs/ui/error-boundary/error-boundary-base/index.js +3 -3
  9. package/dist/cjs/ui/error-boundary/index.js +2 -2
  10. package/dist/cjs/ui/index.js +3 -3
  11. package/dist/cjs/ui/link-picker/announcer.js +4 -2
  12. package/dist/cjs/ui/link-picker/form-footer/index.js +2 -2
  13. package/dist/cjs/ui/link-picker/search-results/index.js +2 -2
  14. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +1 -0
  15. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/styled.js +61 -16
  16. package/dist/cjs/ui/link-picker/search-results/link-search-list/styled.js +30 -7
  17. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js +2 -2
  18. package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js +2 -2
  19. package/dist/es2019/ui/index.js +1 -1
  20. package/dist/es2019/ui/link-picker/announcer.js +2 -0
  21. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +1 -0
  22. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/styled.js +61 -74
  23. package/dist/es2019/ui/link-picker/search-results/link-search-list/styled.js +28 -29
  24. package/dist/esm/common/utils/errors.js +1 -1
  25. package/dist/esm/services/use-plugins/utils.js +1 -1
  26. package/dist/esm/ui/error-boundary/error-boundary-base/index.js +1 -1
  27. package/dist/esm/ui/index.js +1 -1
  28. package/dist/esm/ui/link-picker/announcer.js +2 -0
  29. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +1 -0
  30. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/styled.js +62 -15
  31. package/dist/esm/ui/link-picker/search-results/link-search-list/styled.js +28 -6
  32. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/link-picker
2
2
 
3
+ ## 1.34.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#77721](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77721) [`724546c920cf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/724546c920cf) - Changed some hard-coded px values and replaced with space tokens
8
+
3
9
  ## 1.34.0
4
10
 
5
11
  ### Minor Changes
@@ -14,8 +14,8 @@ var _react = _interopRequireWildcard(require("react"));
14
14
  var _analyticsNext = require("@atlaskit/analytics-next");
15
15
  var _url = require("@atlaskit/linking-common/url");
16
16
  var _constants = require("../constants");
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+ 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); }
18
+ 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 && Object.prototype.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; }
19
19
  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; }
20
20
  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; }
21
21
  var DEFAULT_CONTEXT_ATTRIBUTES = {
@@ -14,8 +14,8 @@ var _analyticsNext = require("@atlaskit/analytics-next");
14
14
  var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
15
15
  var _constants = require("../constants");
16
16
  var _index = require("./index");
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+ 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); }
18
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(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 && Object.prototype.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; }
19
19
  var isEventWithInputType = function isEventWithInputType(e) {
20
20
  return (0, _typeof2.default)(e) === 'object' && e !== null && 'inputType' in e;
21
21
  };
@@ -14,8 +14,8 @@ var _react2 = require("@emotion/react");
14
14
  var _styled = require("./styled");
15
15
  var _excluded = ["minHeight"];
16
16
  /** @jsx jsx */
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+ 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); }
18
+ 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 && Object.prototype.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; }
19
19
  var MinHeightContainer = exports.MinHeightContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
20
20
  var minHeight = _ref.minHeight,
21
21
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -12,7 +12,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
12
12
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
13
  var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
14
14
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
15
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
15
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
16
16
  var UnauthenticatedError = exports.UnauthenticatedError = /*#__PURE__*/function (_Error) {
17
17
  (0, _inherits2.default)(UnauthenticatedError, _Error);
18
18
  var _super = _createSuper(UnauthenticatedError);
@@ -8,8 +8,8 @@ exports.useLinkPickerSessionId = exports.SessionContext = exports.LinkPickerSess
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _uuid = require("uuid");
10
10
  var _experiences = require("../../common/analytics/experiences");
11
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
11
+ 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); }
12
+ 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 && Object.prototype.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; }
13
13
  var INIT_CONTEXT = exports.INIT_CONTEXT = 'SESSION_UNINITIALIZED';
14
14
  var SessionContext = exports.SessionContext = /*#__PURE__*/(0, _react.createContext)(INIT_CONTEXT);
15
15
  var useConstructor = function useConstructor(callback) {
@@ -14,7 +14,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
14
14
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
15
  var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
16
16
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
17
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
17
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
18
18
  var CancellationError = exports.CancellationError = /*#__PURE__*/function (_Error) {
19
19
  (0, _inherits2.default)(CancellationError, _Error);
20
20
  var _super = _createSuper(CancellationError);
@@ -12,10 +12,10 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
12
12
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
13
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
14
14
  var _react = _interopRequireWildcard(require("react"));
15
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+ 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); }
16
+ 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 && Object.prototype.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; }
17
17
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
18
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
18
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
19
19
  // eslint-disable-next-line @repo/internal/react/no-class-components
20
20
  var BaseErrorBoundary = exports.BaseErrorBoundary = /*#__PURE__*/function (_Component) {
21
21
  (0, _inherits2.default)(BaseErrorBoundary, _Component);
@@ -14,8 +14,8 @@ var _analytics = _interopRequireDefault(require("../../common/utils/analytics/an
14
14
  var _sessionProvider = require("../../controllers/session-provider");
15
15
  var _errorBoundaryBase = require("./error-boundary-base");
16
16
  var _errorBoundaryFallback = require("./error-boundary-fallback");
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+ 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); }
18
+ 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 && Object.prototype.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; }
19
19
  function ErrorBoundary(_ref) {
20
20
  var children = _ref.children;
21
21
  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
@@ -19,14 +19,14 @@ var _errorBoundary = require("./error-boundary");
19
19
  var _loaderFallback = require("./loader-fallback");
20
20
  var _messagesProvider = require("./messages-provider");
21
21
  var _styled = require("./styled");
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } /** @jsx jsx */
22
+ 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); }
23
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(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 && Object.prototype.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; } /** @jsx jsx */
24
24
  var testIds = exports.testIds = {
25
25
  linkPickerRoot: 'link-picker-root'
26
26
  };
27
27
  var PACKAGE_DATA = exports.PACKAGE_DATA = {
28
28
  packageName: "@atlaskit/link-picker" || '',
29
- packageVersion: "1.34.0" || '',
29
+ packageVersion: "1.34.1" || '',
30
30
  componentName: _constants.COMPONENT_NAME,
31
31
  source: _constants.COMPONENT_NAME
32
32
  };
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.Announcer = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
11
+ 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); }
12
+ 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 && Object.prototype.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; }
13
13
  // How to use:
14
14
  // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#Preferring_specialized_live_region_roles
15
15
  // Demo: https://dequeuniversity.com/library/aria/liveregion-playground
@@ -19,8 +19,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
19
19
 
20
20
  // Note: Text won't be announced if the text message doesn't change after the render.
21
21
  // For using a forced announcement in this case, set the 'key' attribute - key={Date.now()}
22
+
22
23
  // Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
23
24
  // https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
25
+
24
26
  var timer;
25
27
  var Announcer = exports.Announcer = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
26
28
  var _ref$ariaAtomic = _ref.ariaAtomic,
@@ -22,8 +22,8 @@ var _styled = require("./styled");
22
22
  var _utils = require("./utils");
23
23
  var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "createFeatureDiscovery", "customSubmitButtonLabel"];
24
24
  /** @jsx jsx */
25
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+ 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); }
26
+ 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 && Object.prototype.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; }
27
27
  var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
28
28
  cancelButton: {
29
29
  id: 'fabric.linkPicker.button.cancel',
@@ -19,8 +19,8 @@ var _scrollingTabs = require("./scrolling-tabs");
19
19
  var _searchResultsContainer = require("./search-results-container");
20
20
  var _styled = require("./styled");
21
21
  var _trackTabViewed = require("./track-tab-viewed");
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
22
+ 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); }
23
+ 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 && Object.prototype.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; }
24
24
  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; }
25
25
  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; } /** @jsx jsx */
26
26
  var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({}, _linkSearchError.testIds), _linkSearchList.testIds), {}, {
@@ -34,6 +34,7 @@ var NoResults = exports.NoResults = function NoResults() {
34
34
  }, (0, _react.jsx)(_emptyState.default, {
35
35
  testId: testIds.emptyResultPage,
36
36
  header: intl.formatMessage(messages.noResults),
37
+ headingLevel: 3,
37
38
  description: intl.formatMessage(messages.noResultsDescription),
38
39
  renderImage: function renderImage() {
39
40
  return (0, _react.jsx)(_noResultsSvg.NoResultsSVG, null);
@@ -1,15 +1,12 @@
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.relativeFontSizeToBase16 = exports.listItemNameStyles = exports.listItemContextStyles = exports.listItemContainerStyles = exports.listItemContainerInnerStyles = exports.itemNameStyles = exports.itemIconStyles = exports.imgStyles = exports.composeListItemStyles = 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
9
  var _constants = require("@atlaskit/theme/constants");
12
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
13
10
  // AFP-2532 TODO: Fix automatic suppressions below
14
11
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
15
12
 
@@ -22,21 +19,69 @@ var relativeFontSizeToBase16 = exports.relativeFontSizeToBase16 = function relat
22
19
  }
23
20
  return "".concat(px / 16, "rem");
24
21
  };
25
- var listItemBaseStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: clamp(\n ", ",\n var(--link-picker-padding-left),\n 100%\n );\n padding-right: clamp(\n ", ",\n var(--link-picker-padding-right),\n 100%\n );\n margin: 0;\n cursor: pointer;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
26
- var listItemFocusStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px ", " inset;\n text-decoration: none;\n }\n"])), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
27
- var listItemBoxShadow = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-border-selected, ".concat(_colors.B400, ")"));
28
- var listItemActive = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n &:hover {\n background-color: ", ";\n ", ";\n }\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), listItemBoxShadow);
29
- var listItemSelected = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n ", ";\n"])), "var(--ds-background-selected, ".concat(_colors.B50, ")"), listItemBoxShadow);
22
+ var listItemBaseStyles = (0, _react.css)({
23
+ display: 'flex',
24
+ paddingTop: "var(--ds-space-100, 8px)",
25
+ paddingBottom: "var(--ds-space-100, 8px)",
26
+ paddingLeft: "clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-left), 100% )"),
27
+ paddingRight: "clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-right), 100% )"),
28
+ margin: 0,
29
+ cursor: 'pointer'
30
+ });
31
+ var listItemFocusStyles = (0, _react.css)({
32
+ '&:focus': {
33
+ outline: 'none',
34
+ boxShadow: "0 0 0 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"), " inset"),
35
+ textDecoration: 'none'
36
+ }
37
+ });
38
+ var listItemBoxShadow = (0, _react.css)({
39
+ boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(_colors.B400, ")"))
40
+ });
41
+ var listItemActive = (0, _react.css)({
42
+ '&:hover': {
43
+ backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")")
44
+ },
45
+ listItemBoxShadow: listItemBoxShadow
46
+ });
47
+ var listItemSelected = (0, _react.css)({
48
+ backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")")
49
+ }, listItemBoxShadow);
30
50
  var composeListItemStyles = exports.composeListItemStyles = function composeListItemStyles() {
31
51
  var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
32
- return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n ", ";\n ", ";\n ", ";\n "])), listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
52
+ return (0, _react.css)(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
33
53
  };
34
- var itemNameStyles = exports.itemNameStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n"])));
35
- var listItemNameStyles = exports.listItemNameStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 20px;\n"])), "var(--ds-text, ".concat(_colors.N800, ")"));
36
- var listItemContextStyles = exports.listItemContextStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n font-size: ", ";\n line-height: ", "px;\n display: flex;\n"])), "var(--ds-text, ".concat(_colors.N300, ")"), relativeFontSizeToBase16((0, _constants.fontSizeSmall)()), (0, _constants.fontSize)());
37
- var listItemContainerStyles = exports.listItemContainerStyles = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
38
- var listItemContainerInnerStyles = exports.listItemContainerInnerStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n white-space: nowrap;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"));
54
+ var itemNameStyles = exports.itemNameStyles = (0, _react.css)({
55
+ overflow: 'hidden'
56
+ });
57
+ var listItemNameStyles = exports.listItemNameStyles = (0, _react.css)({
58
+ color: "var(--ds-text, ".concat(_colors.N800, ")"),
59
+ overflow: 'hidden',
60
+ textOverflow: 'ellipsis',
61
+ whiteSpace: 'nowrap',
62
+ lineHeight: '20px'
63
+ });
64
+ var listItemContextStyles = exports.listItemContextStyles = (0, _react.css)({
65
+ color: "var(--ds-text, ".concat(_colors.N300, ")"),
66
+ fontSize: relativeFontSizeToBase16((0, _constants.fontSizeSmall)()),
67
+ lineHeight: "".concat((0, _constants.fontSize)(), "px"),
68
+ display: 'flex'
69
+ });
70
+ var listItemContainerStyles = exports.listItemContainerStyles = (0, _react.css)({
71
+ overflow: 'hidden',
72
+ textOverflow: 'ellipsis'
73
+ });
74
+ var listItemContainerInnerStyles = exports.listItemContainerInnerStyles = (0, _react.css)({
75
+ color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
76
+ whiteSpace: 'nowrap'
77
+ });
39
78
 
40
79
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
41
- var itemIconStyles = exports.itemIconStyles = (0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n min-width: ", ";\n margin-top: 3px;\n margin-right: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-150, 12px)");
42
- var imgStyles = exports.imgStyles = (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n max-width: ", ";\n"])), "var(--ds-space-200, 16px)");
80
+ var itemIconStyles = exports.itemIconStyles = (0, _react.css)({
81
+ minWidth: "var(--ds-space-200, 16px)",
82
+ marginTop: "var(--ds-space-050, 4px)",
83
+ marginRight: "var(--ds-space-150, 12px)"
84
+ });
85
+ var imgStyles = exports.imgStyles = (0, _react.css)({
86
+ maxWidth: "var(--ds-space-200, 16px)"
87
+ });
@@ -1,16 +1,39 @@
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.spinnerContainerStyles = exports.listTitleStyles = exports.listStyles = exports.listContainerStyles = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
7
  var _react = require("@emotion/react");
10
8
  var _theme = require("@atlaskit/theme");
11
- var _templateObject, _templateObject2, _templateObject3, _templateObject4; // AFP-2532 TODO: Fix automatic suppressions below
9
+ // AFP-2532 TODO: Fix automatic suppressions below
12
10
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
13
- var listContainerStyles = exports.listContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n padding-top: 0;\n min-height: 80px;\n margin-top: ", ";\n margin-bottom: ", ";\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
14
- var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n flex-grow: 1;\n flex-direction: column;\n align-items: center;\n"])));
15
- var listStyles = exports.listStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding: 0;\n margin-top: 0;\n margin-bottom: 0;\n margin-left: calc(-1 * var(--link-picker-padding-left));\n margin-right: calc(-1 * var(--link-picker-padding-right));\n list-style: none;\n"])));
16
- var listTitleStyles = exports.listTitleStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n text-transform: uppercase;\n margin-top: 0;\n margin-bottom: ", ";\n"])), _theme.typography.h100(), "var(--ds-space-050, 4px)");
11
+
12
+ var listContainerStyles = exports.listContainerStyles = (0, _react.css)({
13
+ width: '100%',
14
+ paddingTop: 0,
15
+ minHeight: '80px',
16
+ marginTop: "var(--ds-space-200, 16px)",
17
+ marginBottom: "var(--ds-space-200, 16px)",
18
+ flexGrow: 1,
19
+ display: 'flex',
20
+ flexDirection: 'column'
21
+ });
22
+ var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
23
+ flexGrow: 1,
24
+ flexDirection: 'column',
25
+ alignItems: 'center'
26
+ });
27
+ var listStyles = exports.listStyles = (0, _react.css)({
28
+ padding: "var(--ds-space-0, 0px)",
29
+ marginTop: "var(--ds-space-0, 0px)",
30
+ marginBottom: "var(--ds-space-0, 0px)",
31
+ marginLeft: 'calc(-1 * var(--link-picker-padding-left))',
32
+ marginRight: 'calc(-1 * var(--link-picker-padding-right))',
33
+ listStyle: 'none'
34
+ });
35
+ var listTitleStyles = exports.listTitleStyles = (0, _react.css)(_theme.typography.h100(), {
36
+ textTransform: 'uppercase',
37
+ marginTop: 0,
38
+ marginBottom: "var(--ds-space-050, 4px)"
39
+ });
@@ -15,8 +15,8 @@ var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
15
15
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
16
16
  var _scrollingTabs = require("./scrolling-tabs");
17
17
  var _styles = require("./styles");
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
+ 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); }
19
+ 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 && Object.prototype.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; }
20
20
  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
21
21
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
22
22
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /** @jsx jsx */
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.fetchMessagesForLocale = void 0;
9
9
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
10
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
11
+ 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); }
12
+ 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 && Object.prototype.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; }
13
13
  var fetchMessagesForLocale = exports.fetchMessagesForLocale = /*#__PURE__*/function () {
14
14
  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
15
15
  var messages, parentLocale, _messages;
@@ -16,7 +16,7 @@ export const testIds = {
16
16
  };
17
17
  export const PACKAGE_DATA = {
18
18
  packageName: "@atlaskit/link-picker" || '',
19
- packageVersion: "1.34.0" || '',
19
+ packageVersion: "1.34.1" || '',
20
20
  componentName: COMPONENT_NAME,
21
21
  source: COMPONENT_NAME
22
22
  };
@@ -9,8 +9,10 @@ import React, { forwardRef, memo, useEffect, useState } from 'react';
9
9
 
10
10
  // Note: Text won't be announced if the text message doesn't change after the render.
11
11
  // For using a forced announcement in this case, set the 'key' attribute - key={Date.now()}
12
+
12
13
  // Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
13
14
  // https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
15
+
14
16
  let timer;
15
17
  export const Announcer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
16
18
  ariaAtomic = 'true',
@@ -26,6 +26,7 @@ export const NoResults = () => {
26
26
  }, jsx(EmptyState, {
27
27
  testId: testIds.emptyResultPage,
28
28
  header: intl.formatMessage(messages.noResults),
29
+ headingLevel: 3,
29
30
  description: intl.formatMessage(messages.noResultsDescription),
30
31
  renderImage: () => jsx(NoResultsSVG, null)
31
32
  }));
@@ -3,6 +3,7 @@ import { B100, B400, B50, N20, N200, N300, N800 } from '@atlaskit/theme/colors';
3
3
  import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
4
4
  // AFP-2532 TODO: Fix automatic suppressions below
5
5
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
6
+
6
7
  export const relativeFontSizeToBase16 = px => {
7
8
  if (typeof px === 'string') {
8
9
  px = parseInt(px);
@@ -12,82 +13,68 @@ export const relativeFontSizeToBase16 = px => {
12
13
  }
13
14
  return `${px / 16}rem`;
14
15
  };
15
- const listItemBaseStyles = css`
16
- display: flex;
17
- padding-top: ${"var(--ds-space-100, 8px)"};
18
- padding-bottom: ${"var(--ds-space-100, 8px)"};
19
- padding-left: clamp(
20
- ${"var(--ds-space-100, 8px)"},
21
- var(--link-picker-padding-left),
22
- 100%
23
- );
24
- padding-right: clamp(
25
- ${"var(--ds-space-100, 8px)"},
26
- var(--link-picker-padding-right),
27
- 100%
28
- );
29
- margin: 0;
30
- cursor: pointer;
31
- `;
32
- const listItemFocusStyles = css`
33
- &:focus {
34
- outline: none;
35
- box-shadow: 0 0 0 2px ${`var(--ds-border-focused, ${B100})`} inset;
36
- text-decoration: none;
37
- }
38
- `;
39
- const listItemBoxShadow = css`
40
- box-shadow: inset 2px 0px 0px ${`var(--ds-border-selected, ${B400})`};
41
- `;
42
- const listItemActive = css`
43
- &:hover {
44
- background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N20})`};
45
- ${listItemBoxShadow};
16
+ const listItemBaseStyles = css({
17
+ display: 'flex',
18
+ paddingTop: "var(--ds-space-100, 8px)",
19
+ paddingBottom: "var(--ds-space-100, 8px)",
20
+ paddingLeft: `clamp( ${"var(--ds-space-100, 8px)"}, var(--link-picker-padding-left), 100% )`,
21
+ paddingRight: `clamp( ${"var(--ds-space-100, 8px)"}, var(--link-picker-padding-right), 100% )`,
22
+ margin: 0,
23
+ cursor: 'pointer'
24
+ });
25
+ const listItemFocusStyles = css({
26
+ '&:focus': {
27
+ outline: 'none',
28
+ boxShadow: `0 0 0 2px ${`var(--ds-border-focused, ${B100})`} inset`,
29
+ textDecoration: 'none'
46
30
  }
47
- `;
48
- const listItemSelected = css`
49
- background-color: ${`var(--ds-background-selected, ${B50})`};
50
- ${listItemBoxShadow};
51
- `;
31
+ });
32
+ const listItemBoxShadow = css({
33
+ boxShadow: `inset 2px 0px 0px ${`var(--ds-border-selected, ${B400})`}`
34
+ });
35
+ const listItemActive = css({
36
+ '&:hover': {
37
+ backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N20})`
38
+ },
39
+ listItemBoxShadow
40
+ });
41
+ const listItemSelected = css({
42
+ backgroundColor: `var(--ds-background-selected, ${B50})`
43
+ }, listItemBoxShadow);
52
44
  export const composeListItemStyles = (selected = false) => {
53
- return css`
54
- ${listItemBaseStyles};
55
- ${!selected && listItemActive};
56
- ${selected && listItemSelected};
57
- ${listItemFocusStyles};
58
- `;
45
+ return css(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
59
46
  };
60
- export const itemNameStyles = css`
61
- overflow: hidden;
62
- `;
63
- export const listItemNameStyles = css`
64
- color: ${`var(--ds-text, ${N800})`};
65
- overflow: hidden;
66
- text-overflow: ellipsis;
67
- white-space: nowrap;
68
- line-height: 20px;
69
- `;
70
- export const listItemContextStyles = css`
71
- color: ${`var(--ds-text, ${N300})`};
72
- font-size: ${relativeFontSizeToBase16(fontSizeSmall())};
73
- line-height: ${fontSize()}px;
74
- display: flex;
75
- `;
76
- export const listItemContainerStyles = css`
77
- overflow: hidden;
78
- text-overflow: ellipsis;
79
- `;
80
- export const listItemContainerInnerStyles = css`
81
- color: ${`var(--ds-text-subtlest, ${N200})`};
82
- white-space: nowrap;
83
- `;
47
+ export const itemNameStyles = css({
48
+ overflow: 'hidden'
49
+ });
50
+ export const listItemNameStyles = css({
51
+ color: `var(--ds-text, ${N800})`,
52
+ overflow: 'hidden',
53
+ textOverflow: 'ellipsis',
54
+ whiteSpace: 'nowrap',
55
+ lineHeight: '20px'
56
+ });
57
+ export const listItemContextStyles = css({
58
+ color: `var(--ds-text, ${N300})`,
59
+ fontSize: relativeFontSizeToBase16(fontSizeSmall()),
60
+ lineHeight: `${fontSize()}px`,
61
+ display: 'flex'
62
+ });
63
+ export const listItemContainerStyles = css({
64
+ overflow: 'hidden',
65
+ textOverflow: 'ellipsis'
66
+ });
67
+ export const listItemContainerInnerStyles = css({
68
+ color: `var(--ds-text-subtlest, ${N200})`,
69
+ whiteSpace: 'nowrap'
70
+ });
84
71
 
85
72
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
86
- export const itemIconStyles = css`
87
- min-width: ${"var(--ds-space-200, 16px)"};
88
- margin-top: 3px;
89
- margin-right: ${"var(--ds-space-150, 12px)"};
90
- `;
91
- export const imgStyles = css`
92
- max-width: ${"var(--ds-space-200, 16px)"};
93
- `;
73
+ export const itemIconStyles = css({
74
+ minWidth: "var(--ds-space-200, 16px)",
75
+ marginTop: "var(--ds-space-050, 4px)",
76
+ marginRight: "var(--ds-space-150, 12px)"
77
+ });
78
+ export const imgStyles = css({
79
+ maxWidth: "var(--ds-space-200, 16px)"
80
+ });
@@ -3,32 +3,31 @@ import { css } from '@emotion/react';
3
3
  // AFP-2532 TODO: Fix automatic suppressions below
4
4
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
5
5
  import { typography } from '@atlaskit/theme';
6
- export const listContainerStyles = css`
7
- width: 100%;
8
- padding-top: 0;
9
- min-height: 80px;
10
- margin-top: ${"var(--ds-space-200, 16px)"};
11
- margin-bottom: ${"var(--ds-space-200, 16px)"};
12
- flex-grow: 1;
13
- display: flex;
14
- flex-direction: column;
15
- `;
16
- export const spinnerContainerStyles = css`
17
- flex-grow: 1;
18
- flex-direction: column;
19
- align-items: center;
20
- `;
21
- export const listStyles = css`
22
- padding: 0;
23
- margin-top: 0;
24
- margin-bottom: 0;
25
- margin-left: calc(-1 * var(--link-picker-padding-left));
26
- margin-right: calc(-1 * var(--link-picker-padding-right));
27
- list-style: none;
28
- `;
29
- export const listTitleStyles = css`
30
- ${typography.h100()}
31
- text-transform: uppercase;
32
- margin-top: 0;
33
- margin-bottom: ${"var(--ds-space-050, 4px)"};
34
- `;
6
+ export const listContainerStyles = css({
7
+ width: '100%',
8
+ paddingTop: 0,
9
+ minHeight: '80px',
10
+ marginTop: "var(--ds-space-200, 16px)",
11
+ marginBottom: "var(--ds-space-200, 16px)",
12
+ flexGrow: 1,
13
+ display: 'flex',
14
+ flexDirection: 'column'
15
+ });
16
+ export const spinnerContainerStyles = css({
17
+ flexGrow: 1,
18
+ flexDirection: 'column',
19
+ alignItems: 'center'
20
+ });
21
+ export const listStyles = css({
22
+ padding: "var(--ds-space-0, 0px)",
23
+ marginTop: "var(--ds-space-0, 0px)",
24
+ marginBottom: "var(--ds-space-0, 0px)",
25
+ marginLeft: 'calc(-1 * var(--link-picker-padding-left))',
26
+ marginRight: 'calc(-1 * var(--link-picker-padding-right))',
27
+ listStyle: 'none'
28
+ });
29
+ export const listTitleStyles = css(typography.h100(), {
30
+ textTransform: 'uppercase',
31
+ marginTop: 0,
32
+ marginBottom: "var(--ds-space-050, 4px)"
33
+ });
@@ -5,7 +5,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
5
5
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
6
  import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
7
7
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
8
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
8
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
9
9
  export var UnauthenticatedError = /*#__PURE__*/function (_Error) {
10
10
  _inherits(UnauthenticatedError, _Error);
11
11
  var _super = _createSuper(UnauthenticatedError);
@@ -7,7 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
8
8
  import _regeneratorRuntime from "@babel/runtime/regenerator";
9
9
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
10
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
10
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
11
11
  export var CancellationError = /*#__PURE__*/function (_Error) {
12
12
  _inherits(CancellationError, _Error);
13
13
  var _super = _createSuper(CancellationError);
@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
4
4
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
5
5
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
6
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
7
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
7
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
8
8
  import React, { Component } from 'react';
9
9
  // eslint-disable-next-line @repo/internal/react/no-class-components
10
10
  export var BaseErrorBoundary = /*#__PURE__*/function (_Component) {
@@ -17,7 +17,7 @@ export var testIds = {
17
17
  };
18
18
  export var PACKAGE_DATA = {
19
19
  packageName: "@atlaskit/link-picker" || '',
20
- packageVersion: "1.34.0" || '',
20
+ packageVersion: "1.34.1" || '',
21
21
  componentName: COMPONENT_NAME,
22
22
  source: COMPONENT_NAME
23
23
  };
@@ -10,8 +10,10 @@ import React, { forwardRef, memo, useEffect, useState } from 'react';
10
10
 
11
11
  // Note: Text won't be announced if the text message doesn't change after the render.
12
12
  // For using a forced announcement in this case, set the 'key' attribute - key={Date.now()}
13
+
13
14
  // Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
14
15
  // https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
16
+
15
17
  var timer;
16
18
  export var Announcer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
17
19
  var _ref$ariaAtomic = _ref.ariaAtomic,
@@ -26,6 +26,7 @@ export var NoResults = function NoResults() {
26
26
  }, jsx(EmptyState, {
27
27
  testId: testIds.emptyResultPage,
28
28
  header: intl.formatMessage(messages.noResults),
29
+ headingLevel: 3,
29
30
  description: intl.formatMessage(messages.noResultsDescription),
30
31
  renderImage: function renderImage() {
31
32
  return jsx(NoResultsSVG, null);
@@ -1,10 +1,9 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
3
1
  import { css } from '@emotion/react';
4
2
  import { B100, B400, B50, N20, N200, N300, N800 } from '@atlaskit/theme/colors';
5
3
  import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
6
4
  // AFP-2532 TODO: Fix automatic suppressions below
7
5
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
6
+
8
7
  export var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
9
8
  if (typeof px === 'string') {
10
9
  px = parseInt(px);
@@ -14,21 +13,69 @@ export var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
14
13
  }
15
14
  return "".concat(px / 16, "rem");
16
15
  };
17
- var listItemBaseStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: clamp(\n ", ",\n var(--link-picker-padding-left),\n 100%\n );\n padding-right: clamp(\n ", ",\n var(--link-picker-padding-right),\n 100%\n );\n margin: 0;\n cursor: pointer;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
18
- var listItemFocusStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px ", " inset;\n text-decoration: none;\n }\n"])), "var(--ds-border-focused, ".concat(B100, ")"));
19
- var listItemBoxShadow = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-border-selected, ".concat(B400, ")"));
20
- var listItemActive = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n &:hover {\n background-color: ", ";\n ", ";\n }\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), listItemBoxShadow);
21
- var listItemSelected = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-color: ", ";\n ", ";\n"])), "var(--ds-background-selected, ".concat(B50, ")"), listItemBoxShadow);
16
+ var listItemBaseStyles = css({
17
+ display: 'flex',
18
+ paddingTop: "var(--ds-space-100, 8px)",
19
+ paddingBottom: "var(--ds-space-100, 8px)",
20
+ paddingLeft: "clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-left), 100% )"),
21
+ paddingRight: "clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-right), 100% )"),
22
+ margin: 0,
23
+ cursor: 'pointer'
24
+ });
25
+ var listItemFocusStyles = css({
26
+ '&:focus': {
27
+ outline: 'none',
28
+ boxShadow: "0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")"), " inset"),
29
+ textDecoration: 'none'
30
+ }
31
+ });
32
+ var listItemBoxShadow = css({
33
+ boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(B400, ")"))
34
+ });
35
+ var listItemActive = css({
36
+ '&:hover': {
37
+ backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")")
38
+ },
39
+ listItemBoxShadow: listItemBoxShadow
40
+ });
41
+ var listItemSelected = css({
42
+ backgroundColor: "var(--ds-background-selected, ".concat(B50, ")")
43
+ }, listItemBoxShadow);
22
44
  export var composeListItemStyles = function composeListItemStyles() {
23
45
  var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
24
- return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", ";\n ", ";\n ", ";\n ", ";\n "])), listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
46
+ return css(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
25
47
  };
26
- export var itemNameStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n overflow: hidden;\n"])));
27
- export var listItemNameStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 20px;\n"])), "var(--ds-text, ".concat(N800, ")"));
28
- export var listItemContextStyles = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", ";\n line-height: ", "px;\n display: flex;\n"])), "var(--ds-text, ".concat(N300, ")"), relativeFontSizeToBase16(fontSizeSmall()), fontSize());
29
- export var listItemContainerStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
30
- export var listItemContainerInnerStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n color: ", ";\n white-space: nowrap;\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"));
48
+ export var itemNameStyles = css({
49
+ overflow: 'hidden'
50
+ });
51
+ export var listItemNameStyles = css({
52
+ color: "var(--ds-text, ".concat(N800, ")"),
53
+ overflow: 'hidden',
54
+ textOverflow: 'ellipsis',
55
+ whiteSpace: 'nowrap',
56
+ lineHeight: '20px'
57
+ });
58
+ export var listItemContextStyles = css({
59
+ color: "var(--ds-text, ".concat(N300, ")"),
60
+ fontSize: relativeFontSizeToBase16(fontSizeSmall()),
61
+ lineHeight: "".concat(fontSize(), "px"),
62
+ display: 'flex'
63
+ });
64
+ export var listItemContainerStyles = css({
65
+ overflow: 'hidden',
66
+ textOverflow: 'ellipsis'
67
+ });
68
+ export var listItemContainerInnerStyles = css({
69
+ color: "var(--ds-text-subtlest, ".concat(N200, ")"),
70
+ whiteSpace: 'nowrap'
71
+ });
31
72
 
32
73
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
33
- export var itemIconStyles = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n min-width: ", ";\n margin-top: 3px;\n margin-right: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-150, 12px)");
34
- export var imgStyles = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n max-width: ", ";\n"])), "var(--ds-space-200, 16px)");
74
+ export var itemIconStyles = css({
75
+ minWidth: "var(--ds-space-200, 16px)",
76
+ marginTop: "var(--ds-space-050, 4px)",
77
+ marginRight: "var(--ds-space-150, 12px)"
78
+ });
79
+ export var imgStyles = css({
80
+ maxWidth: "var(--ds-space-200, 16px)"
81
+ });
@@ -1,11 +1,33 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
3
1
  import { css } from '@emotion/react';
4
2
 
5
3
  // AFP-2532 TODO: Fix automatic suppressions below
6
4
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
7
5
  import { typography } from '@atlaskit/theme';
8
- export var listContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n padding-top: 0;\n min-height: 80px;\n margin-top: ", ";\n margin-bottom: ", ";\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
9
- export var spinnerContainerStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n flex-grow: 1;\n flex-direction: column;\n align-items: center;\n"])));
10
- export var listStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 0;\n margin-top: 0;\n margin-bottom: 0;\n margin-left: calc(-1 * var(--link-picker-padding-left));\n margin-right: calc(-1 * var(--link-picker-padding-right));\n list-style: none;\n"])));
11
- export var listTitleStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", "\n text-transform: uppercase;\n margin-top: 0;\n margin-bottom: ", ";\n"])), typography.h100(), "var(--ds-space-050, 4px)");
6
+ export var listContainerStyles = css({
7
+ width: '100%',
8
+ paddingTop: 0,
9
+ minHeight: '80px',
10
+ marginTop: "var(--ds-space-200, 16px)",
11
+ marginBottom: "var(--ds-space-200, 16px)",
12
+ flexGrow: 1,
13
+ display: 'flex',
14
+ flexDirection: 'column'
15
+ });
16
+ export var spinnerContainerStyles = css({
17
+ flexGrow: 1,
18
+ flexDirection: 'column',
19
+ alignItems: 'center'
20
+ });
21
+ export var listStyles = css({
22
+ padding: "var(--ds-space-0, 0px)",
23
+ marginTop: "var(--ds-space-0, 0px)",
24
+ marginBottom: "var(--ds-space-0, 0px)",
25
+ marginLeft: 'calc(-1 * var(--link-picker-padding-left))',
26
+ marginRight: 'calc(-1 * var(--link-picker-padding-right))',
27
+ listStyle: 'none'
28
+ });
29
+ export var listTitleStyles = css(typography.h100(), {
30
+ textTransform: 'uppercase',
31
+ marginTop: 0,
32
+ marginBottom: "var(--ds-space-050, 4px)"
33
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.34.0",
3
+ "version": "1.34.1",
4
4
  "description": "Standalone link picker",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -57,20 +57,20 @@
57
57
  },
58
58
  "dependencies": {
59
59
  "@atlaskit/analytics-next": "^9.2.0",
60
- "@atlaskit/button": "^17.4.0",
60
+ "@atlaskit/button": "^17.7.0",
61
61
  "@atlaskit/empty-state": "^7.7.0",
62
62
  "@atlaskit/form": "^9.0.3",
63
63
  "@atlaskit/frontend-utilities": "^2.7.0",
64
- "@atlaskit/icon": "^22.0.0",
64
+ "@atlaskit/icon": "^22.1.0",
65
65
  "@atlaskit/intl-messages-provider": "^1.0.2",
66
- "@atlaskit/linking-common": "^5.3.0",
66
+ "@atlaskit/linking-common": "^5.4.0",
67
67
  "@atlaskit/onboarding": "^11.2.0",
68
68
  "@atlaskit/platform-feature-flags": "^0.2.1",
69
69
  "@atlaskit/spinner": "^16.0.0",
70
70
  "@atlaskit/tabs": "^14.0.0",
71
- "@atlaskit/textfield": "^6.0.0",
71
+ "@atlaskit/textfield": "^6.1.0",
72
72
  "@atlaskit/theme": "^12.6.0",
73
- "@atlaskit/tokens": "^1.38.0",
73
+ "@atlaskit/tokens": "^1.41.0",
74
74
  "@atlaskit/tooltip": "^18.1.0",
75
75
  "@atlaskit/ufo": "^0.2.0",
76
76
  "@atlaskit/visually-hidden": "^1.2.0",
@@ -90,10 +90,10 @@
90
90
  "@af/analytics-codegen": "^0.1.0",
91
91
  "@af/integration-testing": "*",
92
92
  "@af/visual-regression": "*",
93
- "@atlaskit/dropdown-menu": "^12.5.0",
94
- "@atlaskit/link-provider": "^1.7.0",
93
+ "@atlaskit/dropdown-menu": "^12.8.0",
94
+ "@atlaskit/link-provider": "^1.8.0",
95
95
  "@atlaskit/link-test-helpers": "^6.2.0",
96
- "@atlaskit/primitives": "^2.0.0",
96
+ "@atlaskit/primitives": "^4.1.0",
97
97
  "@atlaskit/visual-regression": "*",
98
98
  "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
99
99
  "@atlassian/feature-flags-test-utils": "*",