@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
|
@@ -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
|
-
export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n
|
|
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
|
|
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
|
});
|
|
@@ -3,6 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
|
|
4
4
|
/** @jsx jsx */
|
|
5
5
|
import { Fragment, useCallback, useRef } 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 { ErrorMessage, Field } from '@atlaskit/form';
|
|
8
10
|
import Selectclear from '@atlaskit/icon/glyph/select-clear';
|
|
@@ -61,7 +63,9 @@ export var TextInput = function TextInput(_ref) {
|
|
|
61
63
|
var clearText = restProps.value !== '' && jsx(Tooltip, {
|
|
62
64
|
content: clearLabel
|
|
63
65
|
}, jsx("button", {
|
|
64
|
-
type: "button"
|
|
66
|
+
type: "button"
|
|
67
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
68
|
+
,
|
|
65
69
|
css: clearTextButtonStyles,
|
|
66
70
|
onClick: handleClear,
|
|
67
71
|
"data-testid": testIds.clearUrlButton
|
|
@@ -69,22 +73,25 @@ export var TextInput = function TextInput(_ref) {
|
|
|
69
73
|
size: "medium",
|
|
70
74
|
label: clearLabel || ''
|
|
71
75
|
})));
|
|
72
|
-
return
|
|
73
|
-
css
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
76
|
+
return (
|
|
77
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
78
|
+
jsx("div", {
|
|
79
|
+
css: fieldStyles
|
|
80
|
+
}, jsx(Field, {
|
|
81
|
+
label: label,
|
|
82
|
+
name: name
|
|
83
|
+
}, function (_ref2) {
|
|
84
|
+
var fieldProps = _ref2.fieldProps;
|
|
85
|
+
return jsx(ConditionalSpotlightTargetWrapper, {
|
|
86
|
+
spotlightTargetName: spotlightTargetName
|
|
87
|
+
}, jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
|
|
88
|
+
onKeyDown: handleKeydown,
|
|
89
|
+
ref: handleRef,
|
|
90
|
+
elemAfterInput: clearText,
|
|
91
|
+
isInvalid: !!error
|
|
92
|
+
})), error && jsx(ErrorMessage, {
|
|
93
|
+
testId: testIds.urlError
|
|
94
|
+
}, error)));
|
|
95
|
+
}))
|
|
96
|
+
);
|
|
90
97
|
};
|
|
@@ -1,5 +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';
|
|
2
3
|
import { N500 } 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 clearTextButtonStyles = css({
|
|
4
6
|
padding: 0,
|
|
5
7
|
marginRight: "var(--ds-space-050, 4px)",
|
|
@@ -13,10 +15,13 @@ export var clearTextButtonStyles = css({
|
|
|
13
15
|
* Overidding text input margin top which design system provides as a default spacer
|
|
14
16
|
* but it gets in the way of our layout
|
|
15
17
|
*/
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
16
19
|
export var fieldStyles = css({
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
21
|
'> div': {
|
|
18
22
|
marginTop: 0
|
|
19
23
|
},
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
20
25
|
'& + &': {
|
|
21
26
|
marginTop: "var(--ds-space-200, 16px)"
|
|
22
27
|
}
|
|
@@ -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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
4
5
|
import Spinner from '@atlaskit/spinner';
|
|
@@ -37,7 +38,9 @@ export var LoaderFallback = function LoaderFallback(props) {
|
|
|
37
38
|
var minHeight = getEstimatedMinHeight(props);
|
|
38
39
|
return jsx(MinHeightContainer, {
|
|
39
40
|
minHeight: minHeight,
|
|
40
|
-
"data-testid": "link-picker-root-loader-boundary-ui"
|
|
41
|
+
"data-testid": "link-picker-root-loader-boundary-ui"
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
43
|
+
,
|
|
41
44
|
css: styles
|
|
42
45
|
}, jsx(Spinner, {
|
|
43
46
|
testId: "link-picker.component-loading-indicator",
|
|
@@ -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 styles = css({
|
|
3
6
|
alignItems: 'center'
|
|
4
7
|
});
|
package/dist/esm/ui/styled.js
CHANGED
|
@@ -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 fixedWidthContainerStyles = css({
|
|
3
6
|
width: 'var(--link-picker-width)'
|
|
4
7
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { useLinkPickerAnalytics, withLinkPickerAnalyticsContext
|
|
1
|
+
export { useLinkPickerAnalytics, withLinkPickerAnalyticsContext } from './context';
|
|
2
2
|
export { withInputFieldTracking } from './input-field-tracking';
|
|
@@ -5,5 +5,5 @@ type EmptyStateProps = {
|
|
|
5
5
|
description?: React.ReactNode;
|
|
6
6
|
renderImage?: () => React.ReactNode;
|
|
7
7
|
};
|
|
8
|
-
export declare const EmptyState: ({ testId, header, description, renderImage
|
|
8
|
+
export declare const EmptyState: ({ testId, header, description, renderImage }: EmptyStateProps) => JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -5,6 +5,6 @@ export declare const SessionContext: React.Context<string>;
|
|
|
5
5
|
interface SessionProviderProps {
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
}
|
|
8
|
-
export declare const LinkPickerSessionProvider: ({ children
|
|
8
|
+
export declare const LinkPickerSessionProvider: ({ children }: SessionProviderProps) => JSX.Element;
|
|
9
9
|
export declare const useLinkPickerSessionId: () => string;
|
|
10
10
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { Component, type ReactNode } from 'react';
|
|
1
|
+
import React, { Component, type ErrorInfo, type ReactNode } from 'react';
|
|
2
2
|
export type ErrorBoundaryErrorInfo = {
|
|
3
3
|
componentStack: string;
|
|
4
4
|
};
|
|
@@ -8,11 +8,11 @@ type BaseErrorBoundaryState = {
|
|
|
8
8
|
interface BaseErrorBoundaryProps {
|
|
9
9
|
children: ReactNode;
|
|
10
10
|
ErrorComponent?: React.ComponentType;
|
|
11
|
-
onError?: (error: Error, info?:
|
|
11
|
+
onError?: (error: Error, info?: ErrorInfo) => void;
|
|
12
12
|
}
|
|
13
13
|
export declare class BaseErrorBoundary extends Component<BaseErrorBoundaryProps, BaseErrorBoundaryState> {
|
|
14
14
|
constructor(props: BaseErrorBoundaryProps);
|
|
15
|
-
componentDidCatch(error: Error, info?:
|
|
15
|
+
componentDidCatch(error: Error, info?: ErrorInfo): void;
|
|
16
16
|
render(): React.ReactNode;
|
|
17
17
|
}
|
|
18
18
|
export {};
|
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
type LazyMessagesProviderProps = {
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
};
|
|
5
|
-
export declare const LazyMessagesProvider: ({ children
|
|
5
|
+
export declare const LazyMessagesProvider: ({ children }: LazyMessagesProviderProps) => JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { useLinkPickerAnalytics, withLinkPickerAnalyticsContext
|
|
1
|
+
export { useLinkPickerAnalytics, withLinkPickerAnalyticsContext } from './context';
|
|
2
2
|
export { withInputFieldTracking } from './input-field-tracking';
|
|
@@ -5,5 +5,5 @@ type EmptyStateProps = {
|
|
|
5
5
|
description?: React.ReactNode;
|
|
6
6
|
renderImage?: () => React.ReactNode;
|
|
7
7
|
};
|
|
8
|
-
export declare const EmptyState: ({ testId, header, description, renderImage
|
|
8
|
+
export declare const EmptyState: ({ testId, header, description, renderImage }: EmptyStateProps) => JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -5,6 +5,6 @@ export declare const SessionContext: React.Context<string>;
|
|
|
5
5
|
interface SessionProviderProps {
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
}
|
|
8
|
-
export declare const LinkPickerSessionProvider: ({ children
|
|
8
|
+
export declare const LinkPickerSessionProvider: ({ children }: SessionProviderProps) => JSX.Element;
|
|
9
9
|
export declare const useLinkPickerSessionId: () => string;
|
|
10
10
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { Component, type ReactNode } from 'react';
|
|
1
|
+
import React, { Component, type ErrorInfo, type ReactNode } from 'react';
|
|
2
2
|
export type ErrorBoundaryErrorInfo = {
|
|
3
3
|
componentStack: string;
|
|
4
4
|
};
|
|
@@ -8,11 +8,11 @@ type BaseErrorBoundaryState = {
|
|
|
8
8
|
interface BaseErrorBoundaryProps {
|
|
9
9
|
children: ReactNode;
|
|
10
10
|
ErrorComponent?: React.ComponentType;
|
|
11
|
-
onError?: (error: Error, info?:
|
|
11
|
+
onError?: (error: Error, info?: ErrorInfo) => void;
|
|
12
12
|
}
|
|
13
13
|
export declare class BaseErrorBoundary extends Component<BaseErrorBoundaryProps, BaseErrorBoundaryState> {
|
|
14
14
|
constructor(props: BaseErrorBoundaryProps);
|
|
15
|
-
componentDidCatch(error: Error, info?:
|
|
15
|
+
componentDidCatch(error: Error, info?: ErrorInfo): void;
|
|
16
16
|
render(): React.ReactNode;
|
|
17
17
|
}
|
|
18
18
|
export {};
|
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
type LazyMessagesProviderProps = {
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
};
|
|
5
|
-
export declare const LazyMessagesProvider: ({ children
|
|
5
|
+
export declare const LazyMessagesProvider: ({ children }: LazyMessagesProviderProps) => JSX.Element;
|
|
6
6
|
export {};
|