@atlaskit/link-picker 1.37.0 → 1.37.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.js +22 -22
- package/CHANGELOG.md +12 -0
- package/LICENSE.md +6 -8
- package/compass.yml +0 -1
- package/dist/cjs/common/generic-error-svg/index.js +4 -1
- package/dist/cjs/common/generic-error-svg/styled.js +4 -0
- package/dist/cjs/common/ui/empty-state/index.js +3 -1
- package/dist/cjs/common/ui/min-height-container/index.js +4 -1
- package/dist/cjs/common/ui/min-height-container/styled.js +3 -0
- package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js +17 -11
- package/dist/cjs/ui/error-boundary/error-boundary-fallback/styled.js +3 -0
- package/dist/cjs/ui/index.js +5 -3
- package/dist/cjs/ui/link-picker/form-footer/feature-discovery/index.js +9 -4
- package/dist/cjs/ui/link-picker/form-footer/feature-discovery/styled.js +4 -0
- package/dist/cjs/ui/link-picker/form-footer/index.js +30 -24
- package/dist/cjs/ui/link-picker/form-footer/styled.js +5 -0
- package/dist/cjs/ui/link-picker/index.js +8 -4
- package/dist/cjs/ui/link-picker/search-results/index.js +7 -3
- package/dist/cjs/ui/link-picker/search-results/link-search-error/index.js +1 -0
- package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +21 -10
- package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +15 -11
- package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -0
- package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +4 -0
- package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js +6 -0
- package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +34 -17
- package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/styled.js +29 -3
- package/dist/cjs/ui/link-picker/search-results/link-search-list/styled.js +9 -0
- package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js +38 -33
- package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/styles.js +20 -4
- package/dist/cjs/ui/link-picker/search-results/search-results-container/index.js +3 -0
- package/dist/cjs/ui/link-picker/search-results/search-results-container/styled.js +3 -0
- package/dist/cjs/ui/link-picker/search-results/styled.js +7 -0
- package/dist/cjs/ui/link-picker/styled.js +5 -3
- package/dist/cjs/ui/link-picker/text-input/index.js +25 -19
- package/dist/cjs/ui/link-picker/text-input/styled.js +6 -0
- package/dist/cjs/ui/loader-fallback/index.js +4 -1
- package/dist/cjs/ui/loader-fallback/styled.js +3 -0
- package/dist/cjs/ui/styled.js +3 -0
- package/dist/es2019/common/generic-error-svg/index.js +4 -1
- package/dist/es2019/common/generic-error-svg/styled.js +3 -0
- package/dist/es2019/common/ui/empty-state/index.js +3 -1
- package/dist/es2019/common/ui/min-height-container/index.js +5 -1
- package/dist/es2019/common/ui/min-height-container/styled.js +3 -0
- package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.js +15 -9
- package/dist/es2019/ui/error-boundary/error-boundary-fallback/styled.js +3 -0
- package/dist/es2019/ui/index.js +7 -2
- package/dist/es2019/ui/link-picker/form-footer/feature-discovery/index.js +9 -4
- package/dist/es2019/ui/link-picker/form-footer/feature-discovery/styled.js +3 -0
- package/dist/es2019/ui/link-picker/form-footer/index.js +31 -24
- package/dist/es2019/ui/link-picker/form-footer/styled.js +5 -0
- package/dist/es2019/ui/link-picker/index.js +9 -3
- package/dist/es2019/ui/link-picker/search-results/index.js +8 -2
- package/dist/es2019/ui/link-picker/search-results/link-search-error/index.js +1 -0
- package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +22 -9
- package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +13 -9
- package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -0
- package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +3 -0
- package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js +5 -0
- package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +34 -17
- package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/styled.js +28 -3
- package/dist/es2019/ui/link-picker/search-results/link-search-list/styled.js +8 -0
- package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.js +35 -28
- package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/styles.js +19 -4
- package/dist/es2019/ui/link-picker/search-results/search-results-container/index.js +4 -0
- package/dist/es2019/ui/link-picker/search-results/search-results-container/styled.js +3 -0
- package/dist/es2019/ui/link-picker/search-results/styled.js +6 -0
- package/dist/es2019/ui/link-picker/styled.js +12 -9
- package/dist/es2019/ui/link-picker/text-input/index.js +27 -20
- package/dist/es2019/ui/link-picker/text-input/styled.js +5 -0
- package/dist/es2019/ui/loader-fallback/index.js +4 -1
- package/dist/es2019/ui/loader-fallback/styled.js +3 -0
- package/dist/es2019/ui/styled.js +3 -0
- package/dist/esm/common/generic-error-svg/index.js +4 -1
- package/dist/esm/common/generic-error-svg/styled.js +3 -0
- package/dist/esm/common/ui/empty-state/index.js +3 -1
- package/dist/esm/common/ui/min-height-container/index.js +5 -1
- package/dist/esm/common/ui/min-height-container/styled.js +3 -0
- package/dist/esm/ui/error-boundary/error-boundary-fallback/index.js +17 -11
- package/dist/esm/ui/error-boundary/error-boundary-fallback/styled.js +3 -0
- package/dist/esm/ui/index.js +6 -2
- package/dist/esm/ui/link-picker/form-footer/feature-discovery/index.js +9 -4
- package/dist/esm/ui/link-picker/form-footer/feature-discovery/styled.js +3 -0
- package/dist/esm/ui/link-picker/form-footer/index.js +31 -24
- package/dist/esm/ui/link-picker/form-footer/styled.js +5 -0
- package/dist/esm/ui/link-picker/index.js +9 -3
- package/dist/esm/ui/link-picker/search-results/index.js +8 -2
- package/dist/esm/ui/link-picker/search-results/link-search-error/index.js +1 -0
- package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +22 -9
- package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +15 -11
- package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -0
- package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +3 -0
- package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js +5 -0
- package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +34 -17
- package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/styled.js +28 -3
- package/dist/esm/ui/link-picker/search-results/link-search-list/styled.js +8 -0
- package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.js +39 -32
- package/dist/esm/ui/link-picker/search-results/scrolling-tabs/styles.js +19 -4
- package/dist/esm/ui/link-picker/search-results/search-results-container/index.js +4 -0
- package/dist/esm/ui/link-picker/search-results/search-results-container/styled.js +3 -0
- package/dist/esm/ui/link-picker/search-results/styled.js +6 -0
- package/dist/esm/ui/link-picker/styled.js +5 -2
- package/dist/esm/ui/link-picker/text-input/index.js +26 -19
- package/dist/esm/ui/link-picker/text-input/styled.js +5 -0
- package/dist/esm/ui/loader-fallback/index.js +4 -1
- package/dist/esm/ui/loader-fallback/styled.js +3 -0
- package/dist/esm/ui/styled.js +3 -0
- package/dist/types/common/analytics/index.d.ts +1 -1
- package/dist/types/common/ui/empty-state/index.d.ts +1 -1
- package/dist/types/controllers/session-provider/index.d.ts +1 -1
- package/dist/types/ui/error-boundary/error-boundary-base/index.d.ts +3 -3
- package/dist/types/ui/link-picker/search-results/track-tab-viewed/index.d.ts +1 -1
- package/dist/types/ui/messages-provider/lazy-messages-provider/index.d.ts +1 -1
- package/dist/types-ts4.5/common/analytics/index.d.ts +1 -1
- package/dist/types-ts4.5/common/ui/empty-state/index.d.ts +1 -1
- package/dist/types-ts4.5/controllers/session-provider/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/error-boundary/error-boundary-base/index.d.ts +3 -3
- package/dist/types-ts4.5/ui/link-picker/search-results/track-tab-viewed/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/messages-provider/lazy-messages-provider/index.d.ts +1 -1
- package/package.json +147 -147
- package/report.api.md +75 -82
package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js
CHANGED
|
@@ -5,11 +5,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.emptyStateWrapperStyles = exports.emptyStateNoResultsWrapper = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
8
11
|
var emptyStateWrapperStyles = exports.emptyStateWrapperStyles = (0, _react.css)({
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
9
13
|
'& p': {
|
|
10
14
|
margin: 0
|
|
11
15
|
}
|
|
12
16
|
});
|
|
17
|
+
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
13
19
|
var emptyStateNoResultsWrapper = exports.emptyStateNoResultsWrapper = (0, _react.css)({
|
|
14
20
|
minHeight: "var(--ds-space-200, 16px)"
|
|
15
21
|
});
|
|
@@ -11,6 +11,8 @@ var _transformTimeStamp = require("../../../transformTimeStamp");
|
|
|
11
11
|
var _styled = require("./styled");
|
|
12
12
|
/** @jsx jsx */
|
|
13
13
|
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
|
+
|
|
14
16
|
/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
|
|
15
17
|
|
|
16
18
|
var testIds = exports.testIds = {
|
|
@@ -34,21 +36,29 @@ var ListItemIcon = function ListItemIcon(props) {
|
|
|
34
36
|
var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
|
|
35
37
|
if (typeof icon !== 'string') {
|
|
36
38
|
var Glyph = icon;
|
|
37
|
-
return (
|
|
38
|
-
css
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
return (
|
|
40
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
41
|
+
(0, _react2.jsx)("span", {
|
|
42
|
+
css: _styled.itemIconStyles
|
|
43
|
+
}, (0, _react2.jsx)(Glyph, {
|
|
44
|
+
alt: alt,
|
|
45
|
+
"data-testid": testIds.searchResultIcon
|
|
46
|
+
}))
|
|
47
|
+
);
|
|
43
48
|
}
|
|
44
|
-
return (
|
|
45
|
-
css
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
return (
|
|
50
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
51
|
+
(0, _react2.jsx)("span", {
|
|
52
|
+
css: _styled.itemIconStyles
|
|
53
|
+
}, (0, _react2.jsx)("img", {
|
|
54
|
+
"data-testid": testIds.searchResultIcon,
|
|
55
|
+
src: isSVG(icon) ? base64SVG(icon) : icon,
|
|
56
|
+
alt: alt
|
|
57
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
58
|
+
,
|
|
59
|
+
css: _styled.imgStyles
|
|
60
|
+
}))
|
|
61
|
+
);
|
|
52
62
|
};
|
|
53
63
|
var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
54
64
|
var item = _ref.item,
|
|
@@ -66,6 +76,7 @@ var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.fo
|
|
|
66
76
|
var container = item.container || null;
|
|
67
77
|
var date = (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate);
|
|
68
78
|
return (0, _react2.jsx)("div", {
|
|
79
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
69
80
|
css: (0, _styled.composeListItemStyles)(selected),
|
|
70
81
|
role: role,
|
|
71
82
|
id: id,
|
|
@@ -82,17 +93,23 @@ var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.fo
|
|
|
82
93
|
}), (0, _react2.jsx)("div", {
|
|
83
94
|
css: _styled.itemNameStyles
|
|
84
95
|
}, (0, _react2.jsx)("div", {
|
|
85
|
-
"data-testid": "".concat(testIds.searchResultItem, "-title")
|
|
96
|
+
"data-testid": "".concat(testIds.searchResultItem, "-title")
|
|
97
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
98
|
+
,
|
|
86
99
|
css: _styled.listItemNameStyles,
|
|
87
100
|
title: item.name
|
|
88
101
|
}, item.name), (0, _react2.jsx)("div", {
|
|
89
102
|
"data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
|
|
90
103
|
css: _styled.listItemContextStyles
|
|
91
|
-
}, container &&
|
|
104
|
+
}, container &&
|
|
105
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
106
|
+
(0, _react2.jsx)("div", {
|
|
92
107
|
css: _styled.listItemContainerStyles
|
|
93
108
|
}, (0, _react2.jsx)("span", {
|
|
94
109
|
css: _styled.listItemContainerInnerStyles
|
|
95
|
-
}, container)), date &&
|
|
110
|
+
}, container)), date &&
|
|
111
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
112
|
+
(0, _react2.jsx)("div", {
|
|
96
113
|
css: _styled.listItemContainerInnerStyles
|
|
97
114
|
}, container && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022\xA0 "), (0, _react2.jsx)(_react.Fragment, null, date)))));
|
|
98
115
|
});
|
|
@@ -7,6 +7,8 @@ exports.relativeFontSizeToBase16 = exports.listItemNameStyles = exports.listItem
|
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _colors = require("@atlaskit/theme/colors");
|
|
9
9
|
var _constants = require("@atlaskit/theme/constants");
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
+
|
|
10
12
|
// AFP-2532 TODO: Fix automatic suppressions below
|
|
11
13
|
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
|
|
12
14
|
|
|
@@ -42,19 +44,34 @@ var listItemActive = (0, _react.css)({
|
|
|
42
44
|
'&:hover': {
|
|
43
45
|
backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")")
|
|
44
46
|
},
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
45
48
|
listItemBoxShadow: listItemBoxShadow
|
|
46
49
|
});
|
|
47
50
|
var listItemSelected = (0, _react.css)({
|
|
48
51
|
backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")")
|
|
49
|
-
},
|
|
52
|
+
},
|
|
53
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
54
|
+
listItemBoxShadow);
|
|
50
55
|
var composeListItemStyles = exports.composeListItemStyles = function composeListItemStyles() {
|
|
51
56
|
var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
52
|
-
return (0, _react.css)(
|
|
57
|
+
return (0, _react.css)(
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
59
|
+
listItemBaseStyles,
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
61
|
+
!selected && listItemActive,
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
63
|
+
selected && listItemSelected,
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
65
|
+
listItemFocusStyles);
|
|
53
66
|
};
|
|
67
|
+
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
54
69
|
var itemNameStyles = exports.itemNameStyles = (0, _react.css)({
|
|
55
70
|
overflow: 'hidden',
|
|
56
71
|
alignContent: 'center'
|
|
57
72
|
});
|
|
73
|
+
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
58
75
|
var listItemNameStyles = exports.listItemNameStyles = (0, _react.css)({
|
|
59
76
|
color: "var(--ds-text, ".concat(_colors.N800, ")"),
|
|
60
77
|
overflow: 'hidden',
|
|
@@ -62,27 +79,36 @@ var listItemNameStyles = exports.listItemNameStyles = (0, _react.css)({
|
|
|
62
79
|
whiteSpace: 'nowrap',
|
|
63
80
|
lineHeight: '20px'
|
|
64
81
|
});
|
|
82
|
+
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
65
84
|
var listItemContextStyles = exports.listItemContextStyles = (0, _react.css)({
|
|
66
85
|
color: "var(--ds-text, ".concat(_colors.N300, ")"),
|
|
86
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
67
87
|
fontSize: relativeFontSizeToBase16((0, _constants.fontSizeSmall)()),
|
|
68
88
|
lineHeight: "".concat((0, _constants.fontSize)(), "px"),
|
|
69
89
|
display: 'flex'
|
|
70
90
|
});
|
|
91
|
+
|
|
92
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
71
93
|
var listItemContainerStyles = exports.listItemContainerStyles = (0, _react.css)({
|
|
72
94
|
overflow: 'hidden',
|
|
73
95
|
textOverflow: 'ellipsis'
|
|
74
96
|
});
|
|
97
|
+
|
|
98
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
75
99
|
var listItemContainerInnerStyles = exports.listItemContainerInnerStyles = (0, _react.css)({
|
|
76
100
|
color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
|
|
77
101
|
whiteSpace: 'nowrap'
|
|
78
102
|
});
|
|
79
103
|
|
|
80
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
104
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
81
105
|
var itemIconStyles = exports.itemIconStyles = (0, _react.css)({
|
|
82
106
|
minWidth: "var(--ds-space-200, 16px)",
|
|
83
107
|
marginTop: "var(--ds-space-050, 4px)",
|
|
84
108
|
marginRight: "var(--ds-space-150, 12px)"
|
|
85
109
|
});
|
|
110
|
+
|
|
111
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
86
112
|
var imgStyles = exports.imgStyles = (0, _react.css)({
|
|
87
113
|
maxWidth: "var(--ds-space-200, 16px)"
|
|
88
114
|
});
|
|
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.spinnerContainerStyles = exports.listTitleStyles = exports.listStyles = exports.listContainerStyles = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _theme = require("@atlaskit/theme");
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
+
|
|
9
11
|
// AFP-2532 TODO: Fix automatic suppressions below
|
|
10
12
|
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
|
|
11
13
|
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
12
15
|
var listContainerStyles = exports.listContainerStyles = (0, _react.css)({
|
|
13
16
|
width: '100%',
|
|
14
17
|
paddingTop: 0,
|
|
@@ -19,11 +22,15 @@ var listContainerStyles = exports.listContainerStyles = (0, _react.css)({
|
|
|
19
22
|
display: 'flex',
|
|
20
23
|
flexDirection: 'column'
|
|
21
24
|
});
|
|
25
|
+
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
22
27
|
var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
|
|
23
28
|
flexGrow: 1,
|
|
24
29
|
flexDirection: 'column',
|
|
25
30
|
alignItems: 'center'
|
|
26
31
|
});
|
|
32
|
+
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
27
34
|
var listStyles = exports.listStyles = (0, _react.css)({
|
|
28
35
|
padding: "var(--ds-space-0, 0px)",
|
|
29
36
|
marginTop: "var(--ds-space-0, 0px)",
|
|
@@ -32,6 +39,8 @@ var listStyles = exports.listStyles = (0, _react.css)({
|
|
|
32
39
|
marginRight: 'calc(-1 * var(--link-picker-padding-right))',
|
|
33
40
|
listStyle: 'none'
|
|
34
41
|
});
|
|
42
|
+
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
35
44
|
var listTitleStyles = exports.listTitleStyles = (0, _react.css)(_theme.typography.h100(), {
|
|
36
45
|
textTransform: 'uppercase',
|
|
37
46
|
marginTop: 0,
|
|
@@ -19,7 +19,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
19
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
|
-
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 */
|
|
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 */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
23
23
|
function isTouchDevice() {
|
|
24
24
|
return 'ontouchstart' in window ||
|
|
25
25
|
// eslint-disable-next-line compat/compat
|
|
@@ -123,36 +123,41 @@ var ScrollingTabList = exports.ScrollingTabList = function ScrollingTabList(prop
|
|
|
123
123
|
appearance: 'subtle',
|
|
124
124
|
spacing: 'none'
|
|
125
125
|
};
|
|
126
|
-
return (
|
|
127
|
-
css
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
126
|
+
return (
|
|
127
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
128
|
+
(0, _react2.jsx)("div", {
|
|
129
|
+
css: _styles.containerStyles,
|
|
130
|
+
ref: ref,
|
|
131
|
+
"data-testid": "scrolling-tabs"
|
|
132
|
+
}, conditionalButtons.back &&
|
|
133
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
134
|
+
(0, _react2.jsx)("div", {
|
|
135
|
+
className: "back",
|
|
136
|
+
css: _styles.backButtonStyles
|
|
137
|
+
}, (0, _react2.jsx)(_button.default, (0, _extends2.default)({
|
|
138
|
+
"data-test-id": "back"
|
|
139
|
+
}, buttonProps, {
|
|
140
|
+
iconBefore: (0, _react2.jsx)(_chevronLeft.default, {
|
|
141
|
+
label: "back"
|
|
142
|
+
}),
|
|
143
|
+
onClick: function onClick() {
|
|
144
|
+
return (0, _scrollingTabs.scrollBack)(ref);
|
|
145
|
+
}
|
|
146
|
+
}))), (0, _react2.jsx)("div", {
|
|
147
|
+
css: _styles.scrollingContainerStyles
|
|
148
|
+
}, props.children), conditionalButtons.forward &&
|
|
149
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
150
|
+
(0, _react2.jsx)("div", {
|
|
151
|
+
css: _styles.nextButtonStyles
|
|
152
|
+
}, (0, _react2.jsx)(_button.default, (0, _extends2.default)({
|
|
153
|
+
"data-test-id": "forward"
|
|
154
|
+
}, buttonProps, {
|
|
155
|
+
iconBefore: (0, _react2.jsx)(_chevronRight.default, {
|
|
156
|
+
label: "forward"
|
|
157
|
+
}),
|
|
158
|
+
onClick: function onClick() {
|
|
159
|
+
return (0, _scrollingTabs.scrollForward)(ref);
|
|
160
|
+
}
|
|
161
|
+
}))))
|
|
162
|
+
);
|
|
158
163
|
};
|
|
@@ -6,11 +6,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.scrollingContainerStyles = exports.nextButtonStyles = exports.containerStyles = exports.buttonContainerStyles = exports.backButtonStyles = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _colors = require("@atlaskit/theme/colors");
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
+
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
9
12
|
var scrollingContainerStyles = exports.scrollingContainerStyles = (0, _react.css)({
|
|
10
13
|
overflowX: 'auto',
|
|
11
14
|
scrollBehavior: 'smooth',
|
|
12
15
|
scrollPadding: '0 24px',
|
|
13
16
|
scrollbarWidth: 'none',
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
14
18
|
'&::-webkit-scrollbar': {
|
|
15
19
|
display: 'none'
|
|
16
20
|
},
|
|
@@ -27,19 +31,27 @@ var scrollingContainerStyles = exports.scrollingContainerStyles = (0, _react.css
|
|
|
27
31
|
backgroundColor: "var(--ds-border, ".concat(_colors.N30, ")")
|
|
28
32
|
}
|
|
29
33
|
});
|
|
34
|
+
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
30
36
|
var containerStyles = exports.containerStyles = (0, _react.css)({
|
|
31
37
|
position: 'relative',
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
32
39
|
'[role="tablist"]': {
|
|
33
40
|
'&::before': {
|
|
34
41
|
display: 'none'
|
|
35
42
|
}
|
|
36
43
|
},
|
|
37
44
|
// Overrides Atlaskit tabs styles to stop overflowing with ellipsis
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
38
46
|
'[role="tab"]': {
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
39
48
|
overflow: 'unset !important',
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
40
50
|
textOverflow: 'unset !important'
|
|
41
51
|
}
|
|
42
52
|
});
|
|
53
|
+
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
43
55
|
var buttonContainerStyles = exports.buttonContainerStyles = (0, _react.css)({
|
|
44
56
|
position: 'absolute',
|
|
45
57
|
top: "var(--ds-space-050, 4px)",
|
|
@@ -47,12 +59,16 @@ var buttonContainerStyles = exports.buttonContainerStyles = (0, _react.css)({
|
|
|
47
59
|
backgroundColor: "var(--ds-surface, ".concat(_colors.N0, ")")
|
|
48
60
|
});
|
|
49
61
|
|
|
50
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
|
|
51
|
-
var backButtonStyles = exports.backButtonStyles = (0, _react.css)([
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
63
|
+
var backButtonStyles = exports.backButtonStyles = (0, _react.css)([
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
65
|
+
buttonContainerStyles, {
|
|
52
66
|
left: 0
|
|
53
67
|
}]);
|
|
54
68
|
|
|
55
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
|
|
56
|
-
var nextButtonStyles = exports.nextButtonStyles = (0, _react.css)([
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
70
|
+
var nextButtonStyles = exports.nextButtonStyles = (0, _react.css)([
|
|
71
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
72
|
+
buttonContainerStyles, {
|
|
57
73
|
right: 0
|
|
58
74
|
}]);
|
|
@@ -14,11 +14,14 @@ var _minHeightContainer = require("../../../../common/ui/min-height-container");
|
|
|
14
14
|
var _styled = require("./styled");
|
|
15
15
|
var _excluded = ["hasTabs"];
|
|
16
16
|
/** @jsx jsx */
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
18
|
var SearchResultsContainer = exports.SearchResultsContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
18
19
|
var hasTabs = _ref.hasTabs,
|
|
19
20
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
20
21
|
var minHeight = hasTabs ? '347px' : '302px';
|
|
21
22
|
var ffMinHeight = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
|
|
23
|
+
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
22
25
|
return (0, _react2.jsx)(_minHeightContainer.MinHeightContainer, (0, _extends2.default)({
|
|
23
26
|
ref: ref,
|
|
24
27
|
minHeight: ffMinHeight,
|
|
@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.flexColumn = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
8
11
|
var flexColumn = exports.flexColumn = (0, _react.css)({
|
|
9
12
|
display: 'flex',
|
|
10
13
|
flexDirection: 'column',
|
|
@@ -5,9 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.tabsWrapperStyles = exports.spinnerContainerStyles = exports.flexColumnStyles = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
8
11
|
var tabsWrapperStyles = exports.tabsWrapperStyles = (0, _react.css)({
|
|
9
12
|
marginTop: "var(--ds-space-150, 12px)"
|
|
10
13
|
});
|
|
14
|
+
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
11
16
|
var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
|
|
12
17
|
minHeight: '80px',
|
|
13
18
|
display: 'flex',
|
|
@@ -16,6 +21,8 @@ var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
|
|
|
16
21
|
alignSelf: 'center',
|
|
17
22
|
flexGrow: 1
|
|
18
23
|
});
|
|
24
|
+
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
19
26
|
var flexColumnStyles = exports.flexColumnStyles = (0, _react.css)({
|
|
20
27
|
display: 'flex',
|
|
21
28
|
flexDirection: 'column'
|
|
@@ -8,9 +8,11 @@ exports.rootContainerStyles = exports.formFooterMargin = void 0;
|
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
|
-
var _templateObject;
|
|
12
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
13
|
-
var rootContainerStyles = exports.rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n
|
|
11
|
+
var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
13
|
+
var rootContainerStyles = exports.rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\twidth: ", ";\n\tpadding-left: var(--link-picker-padding-left);\n\tpadding-right: var(--link-picker-padding-right);\n\tpadding-top: var(--link-picker-padding-top);\n\tpadding-bottom: var(--link-picker-padding-bottom);\n\tbox-sizing: border-box;\n\tline-height: initial;\n\tdisplay: block !important;\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
|
|
14
|
+
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
14
16
|
var formFooterMargin = exports.formFooterMargin = (0, _react.css)({
|
|
15
17
|
marginTop: "var(--ds-space-200, 16px)"
|
|
16
18
|
});
|
|
@@ -18,6 +18,7 @@ var _styled = require("./styled");
|
|
|
18
18
|
var _utils = require("./utils");
|
|
19
19
|
var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
|
|
20
20
|
/** @jsx jsx */
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
21
22
|
var testIds = exports.testIds = {
|
|
22
23
|
urlError: 'link-error',
|
|
23
24
|
clearUrlButton: 'clear-text'
|
|
@@ -68,7 +69,9 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
|
|
|
68
69
|
var clearText = restProps.value !== '' && (0, _react2.jsx)(_tooltip.default, {
|
|
69
70
|
content: clearLabel
|
|
70
71
|
}, (0, _react2.jsx)("button", {
|
|
71
|
-
type: "button"
|
|
72
|
+
type: "button"
|
|
73
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
74
|
+
,
|
|
72
75
|
css: _styled.clearTextButtonStyles,
|
|
73
76
|
onClick: handleClear,
|
|
74
77
|
"data-testid": testIds.clearUrlButton
|
|
@@ -76,22 +79,25 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
|
|
|
76
79
|
size: "medium",
|
|
77
80
|
label: clearLabel || ''
|
|
78
81
|
})));
|
|
79
|
-
return (
|
|
80
|
-
css
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
82
|
+
return (
|
|
83
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
84
|
+
(0, _react2.jsx)("div", {
|
|
85
|
+
css: _styled.fieldStyles
|
|
86
|
+
}, (0, _react2.jsx)(_form.Field, {
|
|
87
|
+
label: label,
|
|
88
|
+
name: name
|
|
89
|
+
}, function (_ref2) {
|
|
90
|
+
var fieldProps = _ref2.fieldProps;
|
|
91
|
+
return (0, _react2.jsx)(_conditionalSpotlightTargetWrapper.ConditionalSpotlightTargetWrapper, {
|
|
92
|
+
spotlightTargetName: spotlightTargetName
|
|
93
|
+
}, (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, restProps, {
|
|
94
|
+
onKeyDown: handleKeydown,
|
|
95
|
+
ref: handleRef,
|
|
96
|
+
elemAfterInput: clearText,
|
|
97
|
+
isInvalid: !!error
|
|
98
|
+
})), error && (0, _react2.jsx)(_form.ErrorMessage, {
|
|
99
|
+
testId: testIds.urlError
|
|
100
|
+
}, error)));
|
|
101
|
+
}))
|
|
102
|
+
);
|
|
97
103
|
};
|
|
@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.fieldStyles = exports.clearTextButtonStyles = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _colors = require("@atlaskit/theme/colors");
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
+
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
9
12
|
var clearTextButtonStyles = exports.clearTextButtonStyles = (0, _react.css)({
|
|
10
13
|
padding: 0,
|
|
11
14
|
marginRight: "var(--ds-space-050, 4px)",
|
|
@@ -19,10 +22,13 @@ var clearTextButtonStyles = exports.clearTextButtonStyles = (0, _react.css)({
|
|
|
19
22
|
* Overidding text input margin top which design system provides as a default spacer
|
|
20
23
|
* but it gets in the way of our layout
|
|
21
24
|
*/
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
22
26
|
var fieldStyles = exports.fieldStyles = (0, _react.css)({
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
23
28
|
'> div': {
|
|
24
29
|
marginTop: 0
|
|
25
30
|
},
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
26
32
|
'& + &': {
|
|
27
33
|
marginTop: "var(--ds-space-200, 16px)"
|
|
28
34
|
}
|
|
@@ -11,6 +11,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
|
11
11
|
var _minHeightContainer = require("../../common/ui/min-height-container");
|
|
12
12
|
var _styled = require("./styled");
|
|
13
13
|
/** @jsx jsx */
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
15
|
|
|
15
16
|
var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
|
|
16
17
|
var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
|
|
@@ -45,7 +46,9 @@ var LoaderFallback = exports.LoaderFallback = function LoaderFallback(props) {
|
|
|
45
46
|
var minHeight = getEstimatedMinHeight(props);
|
|
46
47
|
return (0, _react.jsx)(_minHeightContainer.MinHeightContainer, {
|
|
47
48
|
minHeight: minHeight,
|
|
48
|
-
"data-testid": "link-picker-root-loader-boundary-ui"
|
|
49
|
+
"data-testid": "link-picker-root-loader-boundary-ui"
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
51
|
+
,
|
|
49
52
|
css: _styled.styles
|
|
50
53
|
}, (0, _react.jsx)(_spinner.default, {
|
|
51
54
|
testId: "link-picker.component-loading-indicator",
|
|
@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.styles = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
8
11
|
var styles = exports.styles = (0, _react.css)({
|
|
9
12
|
alignItems: 'center'
|
|
10
13
|
});
|
package/dist/cjs/ui/styled.js
CHANGED
|
@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.fixedWidthContainerStyles = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
8
11
|
var fixedWidthContainerStyles = exports.fixedWidthContainerStyles = (0, _react.css)({
|
|
9
12
|
width: 'var(--link-picker-width)'
|
|
10
13
|
});
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
3
3
|
/** @jsx jsx */
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
5
|
import { jsx } from '@emotion/react';
|
|
5
6
|
import { genericErrorStyles } from './styled';
|
|
6
7
|
export const GenericErrorSVG = props => {
|
|
@@ -9,7 +10,9 @@ export const GenericErrorSVG = props => {
|
|
|
9
10
|
height: "90",
|
|
10
11
|
viewBox: "0 0 164 212",
|
|
11
12
|
fill: "none",
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
14
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
15
|
+
,
|
|
13
16
|
css: genericErrorStyles
|
|
14
17
|
}, props), jsx("path", {
|
|
15
18
|
d: "m95.43 74.16 66.44 115.08c5.84 10.12-1.46 22.76-13.14 22.76H15.85c-11.68 0-18.98-12.65-13.14-22.76L69.15 74.16c5.84-10.12 20.44-10.12 26.28 0Zm-7.56 83.55 2.88-44.35c.34-5.29-3.86-9.78-9.16-9.78-5.31 0-9.51 4.48-9.16 9.78l2.88 44.35a6.3 6.3 0 0 0 6.28 5.89c3.31 0 6.06-2.58 6.28-5.89Zm-15.84 23.54c0 5.66 4.76 10.1 10.39 9.58 4.85-.45 8.73-4.5 8.83-9.37.11-5.45-4.31-9.94-9.73-9.94-5.23-.01-9.49 4.37-9.49 9.73Z",
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
1
2
|
import { css } from '@emotion/react';
|
|
2
3
|
const HEIGHT = 90;
|
|
4
|
+
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
3
6
|
export const genericErrorStyles = css({
|
|
4
7
|
height: `${HEIGHT}px`,
|
|
5
8
|
margin: `0 auto ${"var(--ds-space-300, 24px)"}`,
|
|
@@ -7,7 +7,9 @@ export const EmptyState = ({
|
|
|
7
7
|
description,
|
|
8
8
|
renderImage
|
|
9
9
|
}) => {
|
|
10
|
-
return /*#__PURE__*/React.createElement(Flex
|
|
10
|
+
return /*#__PURE__*/React.createElement(Flex
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
12
|
+
, {
|
|
11
13
|
xcss: xcss({
|
|
12
14
|
marginBlockStart: 'space.600',
|
|
13
15
|
marginBlockEnd: 'space.600',
|