@atlaskit/link-picker 1.37.1 → 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/CHANGELOG.md +6 -0
- 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 +7 -3
- 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 +4 -2
- 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 +8 -2
- 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 +4 -1
- 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 +8 -2
- 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 +4 -1
- 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/ui/error-boundary/error-boundary-base/index.d.ts +3 -3
- package/dist/types-ts4.5/ui/error-boundary/error-boundary-base/index.d.ts +3 -3
- package/package.json +147 -147
|
@@ -5,6 +5,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
5
5
|
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) { _defineProperty(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; }
|
|
6
6
|
/** @jsx jsx */
|
|
7
7
|
import { Fragment, memo, useCallback, useLayoutEffect, useReducer } from 'react';
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
10
|
import { jsx } from '@emotion/react';
|
|
9
11
|
import { FormattedMessage, useIntl } from 'react-intl-next';
|
|
10
12
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
@@ -308,7 +310,9 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
|
|
|
308
310
|
// for details: https://a11y-internal.atlassian.net/browse/AK-740
|
|
309
311
|
var screenReaderText = browser().safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
|
|
310
312
|
return jsx("form", {
|
|
311
|
-
"data-testid": testIds.linkPicker
|
|
313
|
+
"data-testid": testIds.linkPicker
|
|
314
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
315
|
+
,
|
|
312
316
|
css: rootContainerStyles
|
|
313
317
|
// Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
|
|
314
318
|
,
|
|
@@ -376,7 +380,9 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
|
|
|
376
380
|
url: url,
|
|
377
381
|
isEditing: isEditing,
|
|
378
382
|
onCancel: onCancel,
|
|
379
|
-
action: pluginAction
|
|
383
|
+
action: pluginAction
|
|
384
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
385
|
+
,
|
|
380
386
|
css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
|
|
381
387
|
/* Show the feature discovery pulse when we're on the Jira tab, we haven't started typing a url and
|
|
382
388
|
the feature flag is enabled */,
|
|
@@ -4,6 +4,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
4
4
|
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) { _defineProperty(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; }
|
|
5
5
|
/** @jsx jsx */
|
|
6
6
|
import { Fragment } from 'react';
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
9
|
import { jsx } from '@emotion/react';
|
|
8
10
|
import Spinner from '@atlaskit/spinner/spinner';
|
|
9
11
|
import Tabs, { Tab, TabList } from '@atlaskit/tabs';
|
|
@@ -51,12 +53,16 @@ export var SearchResults = function SearchResults(_ref) {
|
|
|
51
53
|
}));
|
|
52
54
|
return jsx(SearchResultsContainer, _extends({
|
|
53
55
|
hasTabs: !!tabs.length || isLoadingPlugins
|
|
54
|
-
}, fixListHeightProps), isLoadingPlugins && !!queryState &&
|
|
56
|
+
}, fixListHeightProps), isLoadingPlugins && !!queryState &&
|
|
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
|
+
jsx("div", {
|
|
55
59
|
css: spinnerContainerStyles
|
|
56
60
|
}, jsx(Spinner, {
|
|
57
61
|
testId: testIds.tabsLoadingIndicator,
|
|
58
62
|
size: "medium"
|
|
59
|
-
})), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 &&
|
|
63
|
+
})), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 &&
|
|
64
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
65
|
+
jsx("div", {
|
|
60
66
|
css: tabsWrapperStyles
|
|
61
67
|
}, jsx(Tabs, {
|
|
62
68
|
id: testIds.tabList,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
/** @jsx jsx */
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
4
|
import { jsx } from '@emotion/react';
|
|
4
5
|
import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
|
|
5
6
|
import Button from '@atlaskit/button';
|
|
@@ -6,6 +6,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
6
6
|
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) { _defineProperty(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; }
|
|
7
7
|
/** @jsx jsx */
|
|
8
8
|
import { forwardRef, Fragment, useCallback, useRef } from 'react';
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
11
|
import { jsx } from '@emotion/react';
|
|
10
12
|
import { defineMessages, FormattedMessage } from 'react-intl-next';
|
|
11
13
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
@@ -100,9 +102,12 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
100
102
|
if (hasSearchTerm) {
|
|
101
103
|
return jsx(NoResults, null);
|
|
102
104
|
} else {
|
|
103
|
-
return
|
|
104
|
-
css
|
|
105
|
-
|
|
105
|
+
return (
|
|
106
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
107
|
+
jsx("div", {
|
|
108
|
+
css: emptyStateNoResultsWrapper
|
|
109
|
+
}, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null)
|
|
110
|
+
);
|
|
106
111
|
}
|
|
107
112
|
} else {
|
|
108
113
|
return jsx(NoResults, null);
|
|
@@ -110,6 +115,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
110
115
|
}
|
|
111
116
|
if (items && items.length > 0) {
|
|
112
117
|
itemsContent = jsx(Fragment, null, jsx("div", {
|
|
118
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
113
119
|
css: listTitleStyles,
|
|
114
120
|
id: testIds.resultListTitle,
|
|
115
121
|
"data-testid": testIds.resultListTitle
|
|
@@ -123,7 +129,9 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
123
129
|
"aria-atomic": "true"
|
|
124
130
|
}))), jsx("ul", {
|
|
125
131
|
id: id,
|
|
126
|
-
role: role
|
|
132
|
+
role: role
|
|
133
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
134
|
+
,
|
|
127
135
|
css: listStyles,
|
|
128
136
|
"aria-controls": "fabric.smartcard.linkpicker.suggested.results",
|
|
129
137
|
"aria-labelledby": testIds.resultListTitle,
|
|
@@ -151,15 +159,20 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
151
159
|
}
|
|
152
160
|
if (isLoading) {
|
|
153
161
|
loadingContent = jsx(MinHeightContainer, {
|
|
154
|
-
minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
|
|
162
|
+
minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
|
|
163
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
164
|
+
,
|
|
155
165
|
css: spinnerContainerStyles
|
|
156
166
|
}, jsx(Spinner, {
|
|
157
167
|
testId: testIds.searchResultLoadingIndicator,
|
|
158
168
|
size: "medium"
|
|
159
169
|
}));
|
|
160
170
|
}
|
|
161
|
-
return
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
171
|
+
return (
|
|
172
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
173
|
+
jsx("div", _extends({
|
|
174
|
+
ref: ref,
|
|
175
|
+
css: listContainerStyles
|
|
176
|
+
}, restProps), itemsContent, loadingContent)
|
|
177
|
+
);
|
|
165
178
|
});
|
package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
3
|
import { jsx } from '@emotion/react';
|
|
3
4
|
import { defineMessages, useIntl } from 'react-intl-next';
|
|
4
5
|
import EmptyState from '@atlaskit/empty-state';
|
|
@@ -24,15 +25,18 @@ export var testIds = {
|
|
|
24
25
|
export var NoResults = function NoResults() {
|
|
25
26
|
var intl = useIntl();
|
|
26
27
|
var Component = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
|
|
27
|
-
return
|
|
28
|
-
css
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
28
|
+
return (
|
|
29
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
30
|
+
jsx("div", {
|
|
31
|
+
css: emptyStateWrapperStyles
|
|
32
|
+
}, jsx(Component, {
|
|
33
|
+
testId: testIds.emptyResultPage,
|
|
34
|
+
header: intl.formatMessage(messages.noResults),
|
|
35
|
+
headingLevel: getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
|
|
36
|
+
description: intl.formatMessage(messages.noResultsDescription),
|
|
37
|
+
renderImage: function renderImage() {
|
|
38
|
+
return jsx(NoResultsSVG, null);
|
|
39
|
+
}
|
|
40
|
+
}))
|
|
41
|
+
);
|
|
38
42
|
};
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
2
2
|
/** @jsx jsx */
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
4
|
import { jsx } from '@emotion/react';
|
|
4
5
|
import { noResultsSVGStyles } from './styled';
|
|
5
6
|
export var NoResultsSVG = function NoResultsSVG() {
|
|
6
7
|
var id = 'link-picker-ui-no-results-svg';
|
|
7
8
|
return jsx("svg", {
|
|
9
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
8
10
|
css: noResultsSVGStyles,
|
|
9
11
|
height: "120",
|
|
10
12
|
viewBox: "0 0 208 191",
|
|
@@ -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
|
var HEIGHT = 120;
|
|
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 var noResultsSVGStyles = css({
|
|
4
7
|
height: "".concat(HEIGHT, "px"),
|
|
5
8
|
margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
|
package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
1
2
|
import { css } from '@emotion/react';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
2
4
|
export var emptyStateWrapperStyles = css({
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
3
6
|
'& p': {
|
|
4
7
|
margin: 0
|
|
5
8
|
}
|
|
6
9
|
});
|
|
10
|
+
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
7
12
|
export var emptyStateNoResultsWrapper = css({
|
|
8
13
|
minHeight: "var(--ds-space-200, 16px)"
|
|
9
14
|
});
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { forwardRef, Fragment } from 'react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
5
|
import { jsx } from '@emotion/react';
|
|
4
6
|
import { useIntl } from 'react-intl-next';
|
|
5
7
|
/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
|
|
@@ -26,21 +28,29 @@ var ListItemIcon = function ListItemIcon(props) {
|
|
|
26
28
|
var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
|
|
27
29
|
if (typeof icon !== 'string') {
|
|
28
30
|
var Glyph = icon;
|
|
29
|
-
return
|
|
30
|
-
css
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
return (
|
|
32
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
33
|
+
jsx("span", {
|
|
34
|
+
css: itemIconStyles
|
|
35
|
+
}, jsx(Glyph, {
|
|
36
|
+
alt: alt,
|
|
37
|
+
"data-testid": testIds.searchResultIcon
|
|
38
|
+
}))
|
|
39
|
+
);
|
|
35
40
|
}
|
|
36
|
-
return
|
|
37
|
-
css
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
return (
|
|
42
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
43
|
+
jsx("span", {
|
|
44
|
+
css: itemIconStyles
|
|
45
|
+
}, jsx("img", {
|
|
46
|
+
"data-testid": testIds.searchResultIcon,
|
|
47
|
+
src: isSVG(icon) ? base64SVG(icon) : icon,
|
|
48
|
+
alt: alt
|
|
49
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
50
|
+
,
|
|
51
|
+
css: imgStyles
|
|
52
|
+
}))
|
|
53
|
+
);
|
|
44
54
|
};
|
|
45
55
|
export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
46
56
|
var item = _ref.item,
|
|
@@ -58,6 +68,7 @@ export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
58
68
|
var container = item.container || null;
|
|
59
69
|
var date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
|
|
60
70
|
return jsx("div", {
|
|
71
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
61
72
|
css: composeListItemStyles(selected),
|
|
62
73
|
role: role,
|
|
63
74
|
id: id,
|
|
@@ -74,17 +85,23 @@ export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
74
85
|
}), jsx("div", {
|
|
75
86
|
css: itemNameStyles
|
|
76
87
|
}, jsx("div", {
|
|
77
|
-
"data-testid": "".concat(testIds.searchResultItem, "-title")
|
|
88
|
+
"data-testid": "".concat(testIds.searchResultItem, "-title")
|
|
89
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
90
|
+
,
|
|
78
91
|
css: listItemNameStyles,
|
|
79
92
|
title: item.name
|
|
80
93
|
}, item.name), jsx("div", {
|
|
81
94
|
"data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
|
|
82
95
|
css: listItemContextStyles
|
|
83
|
-
}, container &&
|
|
96
|
+
}, container &&
|
|
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
|
+
jsx("div", {
|
|
84
99
|
css: listItemContainerStyles
|
|
85
100
|
}, jsx("span", {
|
|
86
101
|
css: listItemContainerInnerStyles
|
|
87
|
-
}, container)), date &&
|
|
102
|
+
}, container)), date &&
|
|
103
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
104
|
+
jsx("div", {
|
|
88
105
|
css: listItemContainerInnerStyles
|
|
89
106
|
}, container && jsx(Fragment, null, "\xA0 \u2022\xA0 "), jsx(Fragment, null, date)))));
|
|
90
107
|
});
|
|
@@ -1,3 +1,4 @@
|
|
|
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
|
import { B100, B400, B50, N20, N200, N300, N800 } from '@atlaskit/theme/colors';
|
|
3
4
|
import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
|
|
@@ -36,19 +37,34 @@ var listItemActive = css({
|
|
|
36
37
|
'&:hover': {
|
|
37
38
|
backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")")
|
|
38
39
|
},
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
39
41
|
listItemBoxShadow: listItemBoxShadow
|
|
40
42
|
});
|
|
41
43
|
var listItemSelected = css({
|
|
42
44
|
backgroundColor: "var(--ds-background-selected, ".concat(B50, ")")
|
|
43
|
-
},
|
|
45
|
+
},
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
47
|
+
listItemBoxShadow);
|
|
44
48
|
export var composeListItemStyles = function composeListItemStyles() {
|
|
45
49
|
var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
46
|
-
return css(
|
|
50
|
+
return css(
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
52
|
+
listItemBaseStyles,
|
|
53
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
54
|
+
!selected && listItemActive,
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
56
|
+
selected && listItemSelected,
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
58
|
+
listItemFocusStyles);
|
|
47
59
|
};
|
|
60
|
+
|
|
61
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
48
62
|
export var itemNameStyles = css({
|
|
49
63
|
overflow: 'hidden',
|
|
50
64
|
alignContent: 'center'
|
|
51
65
|
});
|
|
66
|
+
|
|
67
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
52
68
|
export var listItemNameStyles = css({
|
|
53
69
|
color: "var(--ds-text, ".concat(N800, ")"),
|
|
54
70
|
overflow: 'hidden',
|
|
@@ -56,27 +72,36 @@ export var listItemNameStyles = css({
|
|
|
56
72
|
whiteSpace: 'nowrap',
|
|
57
73
|
lineHeight: '20px'
|
|
58
74
|
});
|
|
75
|
+
|
|
76
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
59
77
|
export var listItemContextStyles = css({
|
|
60
78
|
color: "var(--ds-text, ".concat(N300, ")"),
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
61
80
|
fontSize: relativeFontSizeToBase16(fontSizeSmall()),
|
|
62
81
|
lineHeight: "".concat(fontSize(), "px"),
|
|
63
82
|
display: 'flex'
|
|
64
83
|
});
|
|
84
|
+
|
|
85
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
65
86
|
export var listItemContainerStyles = css({
|
|
66
87
|
overflow: 'hidden',
|
|
67
88
|
textOverflow: 'ellipsis'
|
|
68
89
|
});
|
|
90
|
+
|
|
91
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
69
92
|
export var listItemContainerInnerStyles = css({
|
|
70
93
|
color: "var(--ds-text-subtlest, ".concat(N200, ")"),
|
|
71
94
|
whiteSpace: 'nowrap'
|
|
72
95
|
});
|
|
73
96
|
|
|
74
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
97
|
+
// 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
|
|
75
98
|
export var itemIconStyles = css({
|
|
76
99
|
minWidth: "var(--ds-space-200, 16px)",
|
|
77
100
|
marginTop: "var(--ds-space-050, 4px)",
|
|
78
101
|
marginRight: "var(--ds-space-150, 12px)"
|
|
79
102
|
});
|
|
103
|
+
|
|
104
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
80
105
|
export var imgStyles = css({
|
|
81
106
|
maxWidth: "var(--ds-space-200, 16px)"
|
|
82
107
|
});
|
|
@@ -1,8 +1,10 @@
|
|
|
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
|
|
|
3
4
|
// AFP-2532 TODO: Fix automatic suppressions below
|
|
4
5
|
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
|
|
5
6
|
import { typography } from '@atlaskit/theme';
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
6
8
|
export var listContainerStyles = css({
|
|
7
9
|
width: '100%',
|
|
8
10
|
paddingTop: 0,
|
|
@@ -13,11 +15,15 @@ export var listContainerStyles = css({
|
|
|
13
15
|
display: 'flex',
|
|
14
16
|
flexDirection: 'column'
|
|
15
17
|
});
|
|
18
|
+
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
16
20
|
export var spinnerContainerStyles = css({
|
|
17
21
|
flexGrow: 1,
|
|
18
22
|
flexDirection: 'column',
|
|
19
23
|
alignItems: 'center'
|
|
20
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
|
|
21
27
|
export var listStyles = css({
|
|
22
28
|
padding: "var(--ds-space-0, 0px)",
|
|
23
29
|
marginTop: "var(--ds-space-0, 0px)",
|
|
@@ -26,6 +32,8 @@ export var listStyles = css({
|
|
|
26
32
|
marginRight: 'calc(-1 * var(--link-picker-padding-right))',
|
|
27
33
|
listStyle: 'none'
|
|
28
34
|
});
|
|
35
|
+
|
|
36
|
+
// 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
|
|
29
37
|
export var listTitleStyles = css(typography.h100(), {
|
|
30
38
|
textTransform: 'uppercase',
|
|
31
39
|
marginTop: 0,
|
|
@@ -5,6 +5,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
5
5
|
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; }
|
|
6
6
|
/** @jsx jsx */
|
|
7
7
|
import React, { useCallback, useMemo, useRef, useState } from 'react';
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
10
|
import { jsx } from '@emotion/react';
|
|
9
11
|
import Button from '@atlaskit/button';
|
|
10
12
|
import ChevronLeftIcon from '@atlaskit/icon/glyph/chevron-left';
|
|
@@ -114,36 +116,41 @@ export var ScrollingTabList = function ScrollingTabList(props) {
|
|
|
114
116
|
appearance: 'subtle',
|
|
115
117
|
spacing: 'none'
|
|
116
118
|
};
|
|
117
|
-
return
|
|
118
|
-
css
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
119
|
+
return (
|
|
120
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
121
|
+
jsx("div", {
|
|
122
|
+
css: containerStyles,
|
|
123
|
+
ref: ref,
|
|
124
|
+
"data-testid": "scrolling-tabs"
|
|
125
|
+
}, conditionalButtons.back &&
|
|
126
|
+
// 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
|
|
127
|
+
jsx("div", {
|
|
128
|
+
className: "back",
|
|
129
|
+
css: backButtonStyles
|
|
130
|
+
}, jsx(Button, _extends({
|
|
131
|
+
"data-test-id": "back"
|
|
132
|
+
}, buttonProps, {
|
|
133
|
+
iconBefore: jsx(ChevronLeftIcon, {
|
|
134
|
+
label: "back"
|
|
135
|
+
}),
|
|
136
|
+
onClick: function onClick() {
|
|
137
|
+
return scrollBack(ref);
|
|
138
|
+
}
|
|
139
|
+
}))), jsx("div", {
|
|
140
|
+
css: scrollingContainerStyles
|
|
141
|
+
}, props.children), conditionalButtons.forward &&
|
|
142
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
143
|
+
jsx("div", {
|
|
144
|
+
css: nextButtonStyles
|
|
145
|
+
}, jsx(Button, _extends({
|
|
146
|
+
"data-test-id": "forward"
|
|
147
|
+
}, buttonProps, {
|
|
148
|
+
iconBefore: jsx(ChevronRightIcon, {
|
|
149
|
+
label: "forward"
|
|
150
|
+
}),
|
|
151
|
+
onClick: function onClick() {
|
|
152
|
+
return scrollForward(ref);
|
|
153
|
+
}
|
|
154
|
+
}))))
|
|
155
|
+
);
|
|
149
156
|
};
|
|
@@ -1,10 +1,13 @@
|
|
|
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
|
import { N0, N30 } from '@atlaskit/theme/colors';
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
3
5
|
export var scrollingContainerStyles = css({
|
|
4
6
|
overflowX: 'auto',
|
|
5
7
|
scrollBehavior: 'smooth',
|
|
6
8
|
scrollPadding: '0 24px',
|
|
7
9
|
scrollbarWidth: 'none',
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
8
11
|
'&::-webkit-scrollbar': {
|
|
9
12
|
display: 'none'
|
|
10
13
|
},
|
|
@@ -21,19 +24,27 @@ export var scrollingContainerStyles = css({
|
|
|
21
24
|
backgroundColor: "var(--ds-border, ".concat(N30, ")")
|
|
22
25
|
}
|
|
23
26
|
});
|
|
27
|
+
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
24
29
|
export var containerStyles = css({
|
|
25
30
|
position: 'relative',
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
26
32
|
'[role="tablist"]': {
|
|
27
33
|
'&::before': {
|
|
28
34
|
display: 'none'
|
|
29
35
|
}
|
|
30
36
|
},
|
|
31
37
|
// Overrides Atlaskit tabs styles to stop overflowing with ellipsis
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
32
39
|
'[role="tab"]': {
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
33
41
|
overflow: 'unset !important',
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
34
43
|
textOverflow: 'unset !important'
|
|
35
44
|
}
|
|
36
45
|
});
|
|
46
|
+
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
37
48
|
export var buttonContainerStyles = css({
|
|
38
49
|
position: 'absolute',
|
|
39
50
|
top: "var(--ds-space-050, 4px)",
|
|
@@ -41,12 +52,16 @@ export var buttonContainerStyles = css({
|
|
|
41
52
|
backgroundColor: "var(--ds-surface, ".concat(N0, ")")
|
|
42
53
|
});
|
|
43
54
|
|
|
44
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
|
|
45
|
-
export var backButtonStyles = css([
|
|
55
|
+
// 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
|
|
56
|
+
export var backButtonStyles = css([
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
58
|
+
buttonContainerStyles, {
|
|
46
59
|
left: 0
|
|
47
60
|
}]);
|
|
48
61
|
|
|
49
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
|
|
50
|
-
export var nextButtonStyles = 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
|
+
export var nextButtonStyles = css([
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
65
|
+
buttonContainerStyles, {
|
|
51
66
|
right: 0
|
|
52
67
|
}]);
|
|
@@ -3,6 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
var _excluded = ["hasTabs"];
|
|
4
4
|
/** @jsx jsx */
|
|
5
5
|
import { forwardRef } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
8
|
import { jsx } from '@emotion/react';
|
|
7
9
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
8
10
|
import { MinHeightContainer } from '../../../../common/ui/min-height-container';
|
|
@@ -12,6 +14,8 @@ export var SearchResultsContainer = /*#__PURE__*/forwardRef(function (_ref, ref)
|
|
|
12
14
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
15
|
var minHeight = hasTabs ? '347px' : '302px';
|
|
14
16
|
var ffMinHeight = getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
|
|
17
|
+
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
15
19
|
return jsx(MinHeightContainer, _extends({
|
|
16
20
|
ref: ref,
|
|
17
21
|
minHeight: ffMinHeight,
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
1
2
|
import { css } from '@emotion/react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
2
5
|
export var flexColumn = css({
|
|
3
6
|
display: 'flex',
|
|
4
7
|
flexDirection: 'column',
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
1
2
|
import { css } from '@emotion/react';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
2
4
|
export var tabsWrapperStyles = css({
|
|
3
5
|
marginTop: "var(--ds-space-150, 12px)"
|
|
4
6
|
});
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
9
|
export var spinnerContainerStyles = css({
|
|
6
10
|
minHeight: '80px',
|
|
7
11
|
display: 'flex',
|
|
@@ -10,6 +14,8 @@ export var spinnerContainerStyles = css({
|
|
|
10
14
|
alignSelf: 'center',
|
|
11
15
|
flexGrow: 1
|
|
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
|
export var flexColumnStyles = css({
|
|
14
20
|
display: 'flex',
|
|
15
21
|
flexDirection: 'column'
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject;
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
4
|
import { css } from '@emotion/react';
|
|
4
5
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
5
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
6
|
+
// 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
|
|
6
7
|
export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
7
10
|
export var formFooterMargin = css({
|
|
8
11
|
marginTop: "var(--ds-space-200, 16px)"
|
|
9
12
|
});
|