@atlaskit/link-picker 1.42.2 → 1.42.4
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 +17 -0
- package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js +6 -6
- package/dist/cjs/ui/link-picker/form-footer/index.js +31 -30
- package/dist/cjs/ui/link-picker/index.js +1 -1
- package/dist/cjs/ui/link-picker/search-results/index.js +16 -9
- package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +2 -2
- package/dist/cjs/ui/link-picker/search-results/search-results-container/index.js +8 -3
- package/dist/cjs/ui/link-picker/styled.js +1 -1
- package/dist/cjs/ui/link-picker/text-input/index.js +2 -1
- package/dist/cjs/ui/loader-fallback/index.js +1 -3
- package/dist/cjs/ui/main.js +5 -4
- package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.js +7 -7
- package/dist/es2019/ui/link-picker/form-footer/index.js +32 -31
- package/dist/es2019/ui/link-picker/index.js +1 -1
- package/dist/es2019/ui/link-picker/search-results/index.js +16 -9
- package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +3 -3
- package/dist/es2019/ui/link-picker/search-results/search-results-container/index.js +9 -4
- package/dist/es2019/ui/link-picker/styled.js +2 -2
- package/dist/es2019/ui/link-picker/text-input/index.js +2 -1
- package/dist/es2019/ui/loader-fallback/index.js +1 -3
- package/dist/es2019/ui/main.js +5 -4
- package/dist/esm/ui/error-boundary/error-boundary-fallback/index.js +7 -7
- package/dist/esm/ui/link-picker/form-footer/index.js +32 -31
- package/dist/esm/ui/link-picker/index.js +1 -1
- package/dist/esm/ui/link-picker/search-results/index.js +16 -9
- package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +3 -3
- package/dist/esm/ui/link-picker/search-results/search-results-container/index.js +9 -4
- package/dist/esm/ui/link-picker/styled.js +2 -2
- package/dist/esm/ui/link-picker/text-input/index.js +2 -1
- package/dist/esm/ui/loader-fallback/index.js +1 -3
- package/dist/esm/ui/main.js +5 -4
- package/package.json +4 -3
- package/dist/cjs/ui/error-boundary/error-boundary-fallback/styled.js +0 -13
- package/dist/cjs/ui/link-picker/form-footer/styled.js +0 -19
- package/dist/cjs/ui/link-picker/search-results/search-results-container/styled.js +0 -16
- package/dist/cjs/ui/link-picker/search-results/styled.js +0 -29
- package/dist/cjs/ui/styled.js +0 -13
- package/dist/es2019/ui/error-boundary/error-boundary-fallback/styled.js +0 -7
- package/dist/es2019/ui/link-picker/form-footer/styled.js +0 -13
- package/dist/es2019/ui/link-picker/search-results/search-results-container/styled.js +0 -10
- package/dist/es2019/ui/link-picker/search-results/styled.js +0 -22
- package/dist/es2019/ui/styled.js +0 -7
- package/dist/esm/ui/error-boundary/error-boundary-fallback/styled.js +0 -7
- package/dist/esm/ui/link-picker/form-footer/styled.js +0 -13
- package/dist/esm/ui/link-picker/search-results/search-results-container/styled.js +0 -10
- package/dist/esm/ui/link-picker/search-results/styled.js +0 -22
- package/dist/esm/ui/styled.js +0 -7
- package/dist/types/ui/error-boundary/error-boundary-fallback/styled.d.ts +0 -1
- package/dist/types/ui/link-picker/form-footer/styled.d.ts +0 -2
- package/dist/types/ui/link-picker/search-results/search-results-container/styled.d.ts +0 -1
- package/dist/types/ui/link-picker/search-results/styled.d.ts +0 -3
- package/dist/types/ui/styled.d.ts +0 -1
- package/dist/types-ts4.5/ui/error-boundary/error-boundary-fallback/styled.d.ts +0 -1
- package/dist/types-ts4.5/ui/link-picker/form-footer/styled.d.ts +0 -2
- package/dist/types-ts4.5/ui/link-picker/search-results/search-results-container/styled.d.ts +0 -1
- package/dist/types-ts4.5/ui/link-picker/search-results/styled.d.ts +0 -3
- package/dist/types-ts4.5/ui/styled.d.ts +0 -1
package/dist/es2019/ui/main.js
CHANGED
|
@@ -6,7 +6,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
6
6
|
import React, { Fragment, memo } from 'react';
|
|
7
7
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
-
import { jsx } from '@emotion/react';
|
|
9
|
+
import { css, jsx } from '@emotion/react';
|
|
10
10
|
import { LazySuspense } from 'react-loosely-lazy';
|
|
11
11
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
@@ -15,13 +15,12 @@ import { LinkPickerSessionProvider } from '../controllers/session-provider';
|
|
|
15
15
|
import { ErrorBoundary } from './error-boundary';
|
|
16
16
|
import { LoaderFallback } from './loader-fallback';
|
|
17
17
|
import { MessagesProvider } from './messages-provider';
|
|
18
|
-
import { fixedWidthContainerStyles } from './styled';
|
|
19
18
|
export const testIds = {
|
|
20
19
|
linkPickerRoot: 'link-picker-root'
|
|
21
20
|
};
|
|
22
21
|
export const PACKAGE_DATA = {
|
|
23
22
|
packageName: "@atlaskit/link-picker" || '',
|
|
24
|
-
packageVersion: "1.42.
|
|
23
|
+
packageVersion: "1.42.4" || '',
|
|
25
24
|
componentName: COMPONENT_NAME,
|
|
26
25
|
source: COMPONENT_NAME
|
|
27
26
|
};
|
|
@@ -32,8 +31,10 @@ const DefaultRootComponent = ({
|
|
|
32
31
|
"data-testid": testIds.linkPickerRoot
|
|
33
32
|
}, children);
|
|
34
33
|
};
|
|
34
|
+
const fixedWidthContainerStyles = css({
|
|
35
|
+
width: 'var(--link-picker-width)'
|
|
36
|
+
});
|
|
35
37
|
const FixedWidthContainer = props => {
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
37
38
|
return jsx("div", _extends({
|
|
38
39
|
css: fixedWidthContainerStyles
|
|
39
40
|
}, props));
|
|
@@ -3,16 +3,18 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
|
-
import { jsx } from '@emotion/react';
|
|
6
|
+
import { css, jsx } from '@emotion/react';
|
|
7
7
|
import { defineMessages, useIntl } from 'react-intl-next';
|
|
8
|
-
import {
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
9
|
import { LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK } from '../../../common/constants';
|
|
10
10
|
import { GenericErrorSVG } from '../../../common/generic-error-svg';
|
|
11
11
|
import { EmptyState } from '../../../common/ui/empty-state';
|
|
12
12
|
import { MinHeightContainer } from '../../../common/ui/min-height-container';
|
|
13
13
|
// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
|
|
14
14
|
import { rootContainerStyles } from '../../link-picker/styled';
|
|
15
|
-
|
|
15
|
+
var errorBoundaryFallbackStyles = css({
|
|
16
|
+
lineHeight: 'initial'
|
|
17
|
+
});
|
|
16
18
|
var messages = defineMessages({
|
|
17
19
|
heading: {
|
|
18
20
|
defaultMessage: 'Something went wrong!',
|
|
@@ -29,10 +31,8 @@ export var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
|
|
|
29
31
|
var intl = useIntl();
|
|
30
32
|
var header = intl.formatMessage(messages.heading);
|
|
31
33
|
var description = intl.formatMessage(messages.description);
|
|
32
|
-
if (
|
|
33
|
-
return jsx(MinHeightContainer
|
|
34
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
35
|
-
, {
|
|
34
|
+
if (fg('platform.linking-platform.link-picker.fixed-height-search-results')) {
|
|
35
|
+
return jsx(MinHeightContainer, {
|
|
36
36
|
css: errorBoundaryFallbackStyles,
|
|
37
37
|
minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
|
|
38
38
|
"data-testid": "link-picker-root-error-boundary-ui"
|
|
@@ -8,7 +8,7 @@ var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "ite
|
|
|
8
8
|
import { memo, useMemo } from 'react';
|
|
9
9
|
|
|
10
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
-
import { jsx } from '@emotion/react';
|
|
11
|
+
import { css, jsx } from '@emotion/react';
|
|
12
12
|
import { defineMessages, useIntl } from 'react-intl-next';
|
|
13
13
|
import uuid from 'uuid';
|
|
14
14
|
import Button, { ButtonGroup } from '@atlaskit/button';
|
|
@@ -18,8 +18,14 @@ import EditorAddIcon from '@atlaskit/icon/utility/add';
|
|
|
18
18
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
19
19
|
import { UnauthenticatedError } from '../../../common/utils/errors';
|
|
20
20
|
import FeatureDiscovery from './feature-discovery';
|
|
21
|
-
import { formFooterActionStyles, formFooterStyles } from './styled';
|
|
22
21
|
import { checkSubmitDisabled } from './utils';
|
|
22
|
+
var formFooterStyles = css({
|
|
23
|
+
display: 'flex',
|
|
24
|
+
justifyContent: 'flex-end'
|
|
25
|
+
});
|
|
26
|
+
var formFooterActionStyles = css({
|
|
27
|
+
marginRight: 'auto'
|
|
28
|
+
});
|
|
23
29
|
export var messages = defineMessages({
|
|
24
30
|
cancelButton: {
|
|
25
31
|
id: 'fabric.linkPicker.button.cancel',
|
|
@@ -89,33 +95,28 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
|
|
|
89
95
|
"aria-labelledby": isSubmitting ? submitMessageId : undefined
|
|
90
96
|
}, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
|
|
91
97
|
};
|
|
92
|
-
return (
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
isDisabled: isSubmitDisabled,
|
|
117
|
-
"aria-labelledby": isSubmitting ? submitMessageId : undefined,
|
|
118
|
-
isLoading: isSubmitting
|
|
119
|
-
}, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))))
|
|
120
|
-
);
|
|
98
|
+
return jsx("footer", _extends({
|
|
99
|
+
css: formFooterStyles
|
|
100
|
+
}, restProps), isSubmitting && jsx(VisuallyHidden, {
|
|
101
|
+
role: "status",
|
|
102
|
+
id: submitMessageId,
|
|
103
|
+
testId: testIds.submitStatusA11yIndicator
|
|
104
|
+
}, intl.formatMessage(messages.submittingStatusMessage)), action && jsx("div", {
|
|
105
|
+
css: formFooterActionStyles
|
|
106
|
+
}, createFeatureDiscovery ? jsx(FeatureDiscovery, {
|
|
107
|
+
testId: testIds.actionButtonDiscovery
|
|
108
|
+
}, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
|
|
109
|
+
appearance: "subtle",
|
|
110
|
+
onClick: onCancel,
|
|
111
|
+
testId: testIds.cancelButton,
|
|
112
|
+
isDisabled: isSubmitting,
|
|
113
|
+
"aria-labelledby": isSubmitting ? submitMessageId : undefined
|
|
114
|
+
}, intl.formatMessage(messages.cancelButton)), jsx(LoadingButton, {
|
|
115
|
+
type: "submit",
|
|
116
|
+
appearance: "primary",
|
|
117
|
+
testId: testIds.insertButton,
|
|
118
|
+
isDisabled: isSubmitDisabled,
|
|
119
|
+
"aria-labelledby": isSubmitting ? submitMessageId : undefined,
|
|
120
|
+
isLoading: isSubmitting
|
|
121
|
+
}, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))));
|
|
121
122
|
});
|
|
@@ -320,7 +320,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
|
|
|
320
320
|
// Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
|
|
321
321
|
,
|
|
322
322
|
onSubmitCapture: handleSubmit
|
|
323
|
-
}, jsx(TrackMount, null), isActivePlugin &&
|
|
323
|
+
}, jsx(TrackMount, null), isActivePlugin && jsx(Fragment, null, screenReaderText && jsx(Announcer, {
|
|
324
324
|
ariaLive: "assertive",
|
|
325
325
|
text: screenReaderText,
|
|
326
326
|
ariaRelevant: "additions",
|
|
@@ -9,7 +9,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
9
9
|
import { Fragment } from 'react';
|
|
10
10
|
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
|
-
import { jsx } from '@emotion/react';
|
|
12
|
+
import { css, jsx } from '@emotion/react';
|
|
13
|
+
import { Box, xcss } from '@atlaskit/primitives';
|
|
13
14
|
import Spinner from '@atlaskit/spinner/spinner';
|
|
14
15
|
import Tabs, { Tab, TabList } from '@atlaskit/tabs';
|
|
15
16
|
import { useFixHeight } from '../../../controllers/use-fix-height';
|
|
@@ -17,8 +18,18 @@ import { LinkSearchError, testIds as searchErrorTestIds } from './link-search-er
|
|
|
17
18
|
import { LinkSearchList, testIds as listTestIds } from './link-search-list';
|
|
18
19
|
import { ScrollingTabList } from './scrolling-tabs';
|
|
19
20
|
import { SearchResultsContainer } from './search-results-container';
|
|
20
|
-
import { spinnerContainerStyles, tabsWrapperStyles } from './styled';
|
|
21
21
|
import { TrackTabViewed } from './track-tab-viewed';
|
|
22
|
+
var tabsWrapperStyles = xcss({
|
|
23
|
+
marginTop: 'space.150'
|
|
24
|
+
});
|
|
25
|
+
var spinnerContainerStyles = css({
|
|
26
|
+
minHeight: '80px',
|
|
27
|
+
display: 'flex',
|
|
28
|
+
alignItems: 'center',
|
|
29
|
+
justifyContent: 'center',
|
|
30
|
+
alignSelf: 'center',
|
|
31
|
+
flexGrow: 1
|
|
32
|
+
});
|
|
22
33
|
export var testIds = _objectSpread(_objectSpread(_objectSpread({}, searchErrorTestIds), listTestIds), {}, {
|
|
23
34
|
tabsLoadingIndicator: 'link-picker.tabs-loading-indicator',
|
|
24
35
|
tabList: 'link-picker-tabs',
|
|
@@ -56,17 +67,13 @@ export var SearchResults = function SearchResults(_ref) {
|
|
|
56
67
|
}));
|
|
57
68
|
return jsx(SearchResultsContainer, _extends({
|
|
58
69
|
hasTabs: !!tabs.length || isLoadingPlugins
|
|
59
|
-
}, fixListHeightProps), isLoadingPlugins && !!queryState &&
|
|
60
|
-
// 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
|
-
jsx("div", {
|
|
70
|
+
}, fixListHeightProps), isLoadingPlugins && !!queryState && jsx("div", {
|
|
62
71
|
css: spinnerContainerStyles
|
|
63
72
|
}, jsx(Spinner, {
|
|
64
73
|
testId: testIds.tabsLoadingIndicator,
|
|
65
74
|
size: "medium"
|
|
66
|
-
})), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 &&
|
|
67
|
-
|
|
68
|
-
jsx("div", {
|
|
69
|
-
css: tabsWrapperStyles
|
|
75
|
+
})), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 && jsx(Box, {
|
|
76
|
+
xcss: tabsWrapperStyles
|
|
70
77
|
}, jsx(Tabs, {
|
|
71
78
|
id: testIds.tabList,
|
|
72
79
|
testId: testIds.tabList,
|
|
@@ -13,7 +13,7 @@ import { forwardRef, Fragment, useCallback, useRef } from 'react';
|
|
|
13
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
14
|
import { css, jsx } from '@emotion/react';
|
|
15
15
|
import { defineMessages, FormattedMessage } from 'react-intl-next';
|
|
16
|
-
import {
|
|
16
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
17
17
|
import Spinner from '@atlaskit/spinner';
|
|
18
18
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
19
19
|
import { MinHeightContainer } from '../../../../common/ui/min-height-container';
|
|
@@ -103,7 +103,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
103
103
|
}
|
|
104
104
|
}, [activeIndex, items, onKeyDown]);
|
|
105
105
|
if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
|
|
106
|
-
if (
|
|
106
|
+
if (fg('platform.linking-platform.link-picker.enable-empty-state')) {
|
|
107
107
|
if (hasSearchTerm) {
|
|
108
108
|
return jsx(NoResults, null);
|
|
109
109
|
} else {
|
|
@@ -164,7 +164,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
164
164
|
}
|
|
165
165
|
if (isLoading) {
|
|
166
166
|
loadingContent = jsx(MinHeightContainer, {
|
|
167
|
-
minHeight:
|
|
167
|
+
minHeight: fg('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
|
|
168
168
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
169
169
|
,
|
|
170
170
|
css: spinnerContainerStyles
|
|
@@ -8,15 +8,20 @@ var _excluded = ["hasTabs"];
|
|
|
8
8
|
import { forwardRef } from 'react';
|
|
9
9
|
|
|
10
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
-
import { jsx } from '@emotion/react';
|
|
12
|
-
import {
|
|
11
|
+
import { css, jsx } from '@emotion/react';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
13
|
import { MinHeightContainer } from '../../../../common/ui/min-height-container';
|
|
14
|
-
|
|
14
|
+
var flexColumn = css({
|
|
15
|
+
display: 'flex',
|
|
16
|
+
flexDirection: 'column',
|
|
17
|
+
justifyContent: 'flex-start',
|
|
18
|
+
width: '100%'
|
|
19
|
+
});
|
|
15
20
|
export var SearchResultsContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
16
21
|
var hasTabs = _ref.hasTabs,
|
|
17
22
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
23
|
var minHeight = hasTabs ? '347px' : '302px';
|
|
19
|
-
var ffMinHeight =
|
|
24
|
+
var ffMinHeight = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
|
|
20
25
|
|
|
21
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
22
27
|
return jsx(MinHeightContainer, _extends({
|
|
@@ -2,9 +2,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
2
2
|
var _templateObject;
|
|
3
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
|
-
import {
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
6
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- 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"])),
|
|
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"])), fg('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
|
|
8
8
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
10
10
|
export var formFooterMargin = css({
|
|
@@ -40,7 +40,8 @@ var clearTextButtonStyles = xcss({
|
|
|
40
40
|
padding: 'space.0',
|
|
41
41
|
marginRight: 'space.050',
|
|
42
42
|
backgroundColor: 'color.background.neutral.subtle',
|
|
43
|
-
border: 'none'
|
|
43
|
+
border: 'none',
|
|
44
|
+
verticalAlign: 'middle'
|
|
44
45
|
});
|
|
45
46
|
export var TextInput = function TextInput(_ref) {
|
|
46
47
|
var name = _ref.name,
|
|
@@ -56,9 +56,7 @@ export var LoaderFallback = function LoaderFallback(props) {
|
|
|
56
56
|
var minHeight = getEstimatedMinHeight(props);
|
|
57
57
|
return jsx(MinHeightContainer, {
|
|
58
58
|
minHeight: minHeight,
|
|
59
|
-
"data-testid": "link-picker-root-loader-boundary-ui"
|
|
60
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
61
|
-
,
|
|
59
|
+
"data-testid": "link-picker-root-loader-boundary-ui",
|
|
62
60
|
css: styles
|
|
63
61
|
}, jsx(Spinner, {
|
|
64
62
|
testId: "link-picker.component-loading-indicator",
|
package/dist/esm/ui/main.js
CHANGED
|
@@ -7,7 +7,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
7
7
|
import React, { Fragment, memo } from 'react';
|
|
8
8
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
-
import { jsx } from '@emotion/react';
|
|
10
|
+
import { css, jsx } from '@emotion/react';
|
|
11
11
|
import { LazySuspense } from 'react-loosely-lazy';
|
|
12
12
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
13
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
@@ -16,13 +16,12 @@ import { LinkPickerSessionProvider } from '../controllers/session-provider';
|
|
|
16
16
|
import { ErrorBoundary } from './error-boundary';
|
|
17
17
|
import { LoaderFallback } from './loader-fallback';
|
|
18
18
|
import { MessagesProvider } from './messages-provider';
|
|
19
|
-
import { fixedWidthContainerStyles } from './styled';
|
|
20
19
|
export var testIds = {
|
|
21
20
|
linkPickerRoot: 'link-picker-root'
|
|
22
21
|
};
|
|
23
22
|
export var PACKAGE_DATA = {
|
|
24
23
|
packageName: "@atlaskit/link-picker" || '',
|
|
25
|
-
packageVersion: "1.42.
|
|
24
|
+
packageVersion: "1.42.4" || '',
|
|
26
25
|
componentName: COMPONENT_NAME,
|
|
27
26
|
source: COMPONENT_NAME
|
|
28
27
|
};
|
|
@@ -32,8 +31,10 @@ var DefaultRootComponent = function DefaultRootComponent(_ref) {
|
|
|
32
31
|
"data-testid": testIds.linkPickerRoot
|
|
33
32
|
}, children);
|
|
34
33
|
};
|
|
34
|
+
var fixedWidthContainerStyles = css({
|
|
35
|
+
width: 'var(--link-picker-width)'
|
|
36
|
+
});
|
|
35
37
|
var FixedWidthContainer = function FixedWidthContainer(props) {
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
37
38
|
return jsx("div", _extends({
|
|
38
39
|
css: fixedWidthContainerStyles
|
|
39
40
|
}, props));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-picker",
|
|
3
|
-
"version": "1.42.
|
|
3
|
+
"version": "1.42.4",
|
|
4
4
|
"description": "Standalone link picker",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"publishConfig": {
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
],
|
|
18
18
|
"website": {
|
|
19
19
|
"name": "Link Picker"
|
|
20
|
-
}
|
|
20
|
+
},
|
|
21
|
+
"runReact18": true
|
|
21
22
|
},
|
|
22
23
|
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
23
24
|
"main": "dist/cjs/index.js",
|
|
@@ -55,7 +56,7 @@
|
|
|
55
56
|
"dependencies": {
|
|
56
57
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
57
58
|
"@atlaskit/atlassian-context": "^0.0.0",
|
|
58
|
-
"@atlaskit/button": "^20.
|
|
59
|
+
"@atlaskit/button": "^20.1.0",
|
|
59
60
|
"@atlaskit/form": "^10.5.0",
|
|
60
61
|
"@atlaskit/frontend-utilities": "^2.7.0",
|
|
61
62
|
"@atlaskit/heading": "^2.4.0",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.errorBoundaryFallbackStyles = void 0;
|
|
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 -- Ignored via go/DSP-18766
|
|
11
|
-
var errorBoundaryFallbackStyles = exports.errorBoundaryFallbackStyles = (0, _react.css)({
|
|
12
|
-
lineHeight: 'initial'
|
|
13
|
-
});
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.formFooterStyles = exports.formFooterActionStyles = void 0;
|
|
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 -- Ignored via go/DSP-18766
|
|
11
|
-
var formFooterStyles = exports.formFooterStyles = (0, _react.css)({
|
|
12
|
-
display: 'flex',
|
|
13
|
-
justifyContent: 'flex-end'
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
17
|
-
var formFooterActionStyles = exports.formFooterActionStyles = (0, _react.css)({
|
|
18
|
-
marginRight: 'auto'
|
|
19
|
-
});
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.flexColumn = void 0;
|
|
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 -- Ignored via go/DSP-18766
|
|
11
|
-
var flexColumn = exports.flexColumn = (0, _react.css)({
|
|
12
|
-
display: 'flex',
|
|
13
|
-
flexDirection: 'column',
|
|
14
|
-
justifyContent: 'flex-start',
|
|
15
|
-
width: '100%'
|
|
16
|
-
});
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.tabsWrapperStyles = exports.spinnerContainerStyles = exports.flexColumnStyles = void 0;
|
|
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 -- Ignored via go/DSP-18766
|
|
11
|
-
var tabsWrapperStyles = exports.tabsWrapperStyles = (0, _react.css)({
|
|
12
|
-
marginTop: "var(--ds-space-150, 12px)"
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
16
|
-
var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
|
|
17
|
-
minHeight: '80px',
|
|
18
|
-
display: 'flex',
|
|
19
|
-
alignItems: 'center',
|
|
20
|
-
justifyContent: 'center',
|
|
21
|
-
alignSelf: 'center',
|
|
22
|
-
flexGrow: 1
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
26
|
-
var flexColumnStyles = exports.flexColumnStyles = (0, _react.css)({
|
|
27
|
-
display: 'flex',
|
|
28
|
-
flexDirection: 'column'
|
|
29
|
-
});
|
package/dist/cjs/ui/styled.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.fixedWidthContainerStyles = void 0;
|
|
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 -- Ignored via go/DSP-18766
|
|
11
|
-
var fixedWidthContainerStyles = exports.fixedWidthContainerStyles = (0, _react.css)({
|
|
12
|
-
width: 'var(--link-picker-width)'
|
|
13
|
-
});
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export const errorBoundaryFallbackStyles = css({
|
|
6
|
-
lineHeight: 'initial'
|
|
7
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export const formFooterStyles = css({
|
|
6
|
-
display: 'flex',
|
|
7
|
-
justifyContent: 'flex-end'
|
|
8
|
-
});
|
|
9
|
-
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
11
|
-
export const formFooterActionStyles = css({
|
|
12
|
-
marginRight: 'auto'
|
|
13
|
-
});
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export const flexColumn = css({
|
|
6
|
-
display: 'flex',
|
|
7
|
-
flexDirection: 'column',
|
|
8
|
-
justifyContent: 'flex-start',
|
|
9
|
-
width: '100%'
|
|
10
|
-
});
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
4
|
-
export const tabsWrapperStyles = css({
|
|
5
|
-
marginTop: "var(--ds-space-150, 12px)"
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
|
-
export const spinnerContainerStyles = css({
|
|
10
|
-
minHeight: '80px',
|
|
11
|
-
display: 'flex',
|
|
12
|
-
alignItems: 'center',
|
|
13
|
-
justifyContent: 'center',
|
|
14
|
-
alignSelf: 'center',
|
|
15
|
-
flexGrow: 1
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
|
-
export const flexColumnStyles = css({
|
|
20
|
-
display: 'flex',
|
|
21
|
-
flexDirection: 'column'
|
|
22
|
-
});
|
package/dist/es2019/ui/styled.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export const fixedWidthContainerStyles = css({
|
|
6
|
-
width: 'var(--link-picker-width)'
|
|
7
|
-
});
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export var errorBoundaryFallbackStyles = css({
|
|
6
|
-
lineHeight: 'initial'
|
|
7
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export var formFooterStyles = css({
|
|
6
|
-
display: 'flex',
|
|
7
|
-
justifyContent: 'flex-end'
|
|
8
|
-
});
|
|
9
|
-
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
11
|
-
export var formFooterActionStyles = css({
|
|
12
|
-
marginRight: 'auto'
|
|
13
|
-
});
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export var flexColumn = css({
|
|
6
|
-
display: 'flex',
|
|
7
|
-
flexDirection: 'column',
|
|
8
|
-
justifyContent: 'flex-start',
|
|
9
|
-
width: '100%'
|
|
10
|
-
});
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
4
|
-
export var tabsWrapperStyles = css({
|
|
5
|
-
marginTop: "var(--ds-space-150, 12px)"
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
|
-
export var spinnerContainerStyles = css({
|
|
10
|
-
minHeight: '80px',
|
|
11
|
-
display: 'flex',
|
|
12
|
-
alignItems: 'center',
|
|
13
|
-
justifyContent: 'center',
|
|
14
|
-
alignSelf: 'center',
|
|
15
|
-
flexGrow: 1
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
|
-
export var flexColumnStyles = css({
|
|
20
|
-
display: 'flex',
|
|
21
|
-
flexDirection: 'column'
|
|
22
|
-
});
|
package/dist/esm/ui/styled.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export var fixedWidthContainerStyles = css({
|
|
6
|
-
width: 'var(--link-picker-width)'
|
|
7
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const errorBoundaryFallbackStyles: import("@emotion/react").SerializedStyles;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const flexColumn: import("@emotion/react").SerializedStyles;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const fixedWidthContainerStyles: import("@emotion/react").SerializedStyles;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const errorBoundaryFallbackStyles: import("@emotion/react").SerializedStyles;
|