@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.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/common/analytics/context.js +2 -2
- package/dist/cjs/common/analytics/input-field-tracking.js +2 -2
- package/dist/cjs/common/ui/min-height-container/index.js +2 -2
- package/dist/cjs/common/utils/errors.js +1 -1
- package/dist/cjs/controllers/session-provider/index.js +2 -2
- package/dist/cjs/services/use-plugins/utils.js +1 -1
- package/dist/cjs/ui/error-boundary/error-boundary-base/index.js +3 -3
- package/dist/cjs/ui/error-boundary/index.js +2 -2
- package/dist/cjs/ui/index.js +3 -3
- package/dist/cjs/ui/link-picker/announcer.js +4 -2
- package/dist/cjs/ui/link-picker/form-footer/index.js +2 -2
- package/dist/cjs/ui/link-picker/search-results/index.js +2 -2
- package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +1 -0
- package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/styled.js +61 -16
- package/dist/cjs/ui/link-picker/search-results/link-search-list/styled.js +30 -7
- package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js +2 -2
- package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js +2 -2
- package/dist/es2019/ui/index.js +1 -1
- package/dist/es2019/ui/link-picker/announcer.js +2 -0
- package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +1 -0
- package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/styled.js +61 -74
- package/dist/es2019/ui/link-picker/search-results/link-search-list/styled.js +28 -29
- package/dist/esm/common/utils/errors.js +1 -1
- package/dist/esm/services/use-plugins/utils.js +1 -1
- package/dist/esm/ui/error-boundary/error-boundary-base/index.js +1 -1
- package/dist/esm/ui/index.js +1 -1
- package/dist/esm/ui/link-picker/announcer.js +2 -0
- package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +1 -0
- package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/styled.js +62 -15
- package/dist/esm/ui/link-picker/search-results/link-search-list/styled.js +28 -6
- 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(
|
|
18
|
-
function _interopRequireWildcard(
|
|
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(
|
|
18
|
-
function _interopRequireWildcard(
|
|
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(
|
|
18
|
-
function _interopRequireWildcard(
|
|
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() {
|
|
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(
|
|
12
|
-
function _interopRequireWildcard(
|
|
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() {
|
|
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(
|
|
16
|
-
function _interopRequireWildcard(
|
|
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() {
|
|
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(
|
|
18
|
-
function _interopRequireWildcard(
|
|
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)(),
|
package/dist/cjs/ui/index.js
CHANGED
|
@@ -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(
|
|
23
|
-
function _interopRequireWildcard(
|
|
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.
|
|
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(
|
|
12
|
-
function _interopRequireWildcard(
|
|
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(
|
|
26
|
-
function _interopRequireWildcard(
|
|
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(
|
|
23
|
-
function _interopRequireWildcard(
|
|
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), {}, {
|
package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js
CHANGED
|
@@ -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)(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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)(
|
|
52
|
+
return (0, _react.css)(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
|
|
33
53
|
};
|
|
34
|
-
var itemNameStyles = exports.itemNameStyles = (0, _react.css)(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var
|
|
38
|
-
|
|
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)(
|
|
42
|
-
|
|
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
|
-
|
|
9
|
+
// AFP-2532 TODO: Fix automatic suppressions below
|
|
12
10
|
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
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(
|
|
19
|
-
function _interopRequireWildcard(
|
|
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 */
|
package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js
CHANGED
|
@@ -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(
|
|
12
|
-
function _interopRequireWildcard(
|
|
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;
|
package/dist/es2019/ui/index.js
CHANGED
|
@@ -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',
|
package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js
CHANGED
|
@@ -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
|
-
|
|
18
|
-
|
|
19
|
-
padding-left
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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
|
|
49
|
-
|
|
50
|
-
|
|
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:
|
|
65
|
-
overflow: hidden
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
export const listItemContextStyles = css
|
|
71
|
-
color:
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
display: flex
|
|
75
|
-
|
|
76
|
-
export const listItemContainerStyles = css
|
|
77
|
-
overflow: hidden
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
export const listItemContainerInnerStyles = css
|
|
81
|
-
color:
|
|
82
|
-
|
|
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
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
export const imgStyles = css
|
|
92
|
-
|
|
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
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
display: flex
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
export const spinnerContainerStyles = css
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
export const listStyles = css
|
|
22
|
-
padding: 0
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
export const listTitleStyles = css
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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() {
|
|
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() {
|
|
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() {
|
|
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) {
|
package/dist/esm/ui/index.js
CHANGED
|
@@ -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,
|
package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js
CHANGED
|
@@ -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(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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(
|
|
46
|
+
return css(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
|
|
25
47
|
};
|
|
26
|
-
export var itemNameStyles = css(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
export var
|
|
30
|
-
|
|
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(
|
|
34
|
-
|
|
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(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
64
|
+
"@atlaskit/icon": "^22.1.0",
|
|
65
65
|
"@atlaskit/intl-messages-provider": "^1.0.2",
|
|
66
|
-
"@atlaskit/linking-common": "^5.
|
|
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.
|
|
71
|
+
"@atlaskit/textfield": "^6.1.0",
|
|
72
72
|
"@atlaskit/theme": "^12.6.0",
|
|
73
|
-
"@atlaskit/tokens": "^1.
|
|
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.
|
|
94
|
-
"@atlaskit/link-provider": "^1.
|
|
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": "^
|
|
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": "*",
|