@atlaskit/link-datasource 4.9.2 → 4.9.3
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 +10 -0
- package/dist/cjs/ui/common/error-state/loading-error.compiled.css +4 -2
- package/dist/cjs/ui/common/error-state/loading-error.js +1 -1
- package/dist/cjs/ui/table-footer/index.compiled.css +2 -2
- package/dist/cjs/ui/table-footer/index.js +1 -1
- package/dist/es2019/ui/common/error-state/loading-error.compiled.css +4 -2
- package/dist/es2019/ui/common/error-state/loading-error.js +1 -1
- package/dist/es2019/ui/table-footer/index.compiled.css +2 -2
- package/dist/es2019/ui/table-footer/index.js +1 -1
- package/dist/esm/ui/common/error-state/loading-error.compiled.css +4 -2
- package/dist/esm/ui/common/error-state/loading-error.js +1 -1
- package/dist/esm/ui/table-footer/index.compiled.css +2 -2
- package/dist/esm/ui/table-footer/index.js +1 -1
- package/examples-helpers/buildIssueLikeTableLoadingError.tsx +41 -0
- package/examples-helpers/buildJiraIssuesTable.tsx +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/link-datasource
|
|
2
2
|
|
|
3
|
+
## 4.9.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#150802](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/150802)
|
|
8
|
+
[`8e884525a16fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e884525a16fa) -
|
|
9
|
+
[ux] Behind fg `platform-linking-visual-refresh-sllv` - Fixed issues with loading error and table
|
|
10
|
+
footer paddings
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 4.9.2
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._zulppxbi{gap:var(--ds-space-200,1pc)}
|
|
4
|
-
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
4
|
+
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
5
|
+
._18zroahv{padding-inline:var(--ds-space-600,3pc)}
|
|
6
|
+
._1rjcoahv{padding-block:var(--ds-space-600,3pc)}._10fp1h6o{justify-self:center}
|
|
5
7
|
._1e0c11p5{display:grid}
|
|
6
8
|
._1wpz1h6o{align-self:center}
|
|
7
9
|
._4cvr1h6o{align-items:center}
|
|
8
10
|
._6a6z1h6o{justify-items:center}
|
|
9
|
-
.
|
|
11
|
+
._p12f1kdj{max-width:25pc}
|
|
10
12
|
._y3gn1h6o{text-align:center}
|
|
@@ -25,7 +25,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
25
25
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
26
26
|
var styles = {
|
|
27
27
|
errorContainerStylesOld: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5",
|
|
28
|
-
errorContainerStylesNew: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5
|
|
28
|
+
errorContainerStylesNew: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _18zroahv _1rjcoahv _1e0c11p5 _p12f1kdj _y3gn1h6o",
|
|
29
29
|
errorMessageContainerStyles: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5",
|
|
30
30
|
errorMessageStyles: "_11c8nbxd"
|
|
31
31
|
};
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
._4cvr1h6o{align-items:center}
|
|
13
13
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
14
14
|
._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
|
|
15
|
-
.
|
|
15
|
+
._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
|
|
16
16
|
._ca0qv47k{padding-top:var(--ds-space-250,20px)}
|
|
17
17
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
18
|
-
.
|
|
18
|
+
._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
|
|
19
19
|
._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
|
|
20
20
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
21
21
|
._qrwqidpf{border-top-right-radius:0}
|
|
@@ -34,7 +34,7 @@ var _excluded = ["as", "style"],
|
|
|
34
34
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
35
35
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
36
36
|
var styles = {
|
|
37
|
-
footer: "_11c81o8v _2rko1kw7 _x3dozgxb _syaz131l
|
|
37
|
+
footer: "_11c81o8v _2rko1kw7 _x3dozgxb _syaz131l _ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _vchhusvi _13liidpf _qrwqidpf _bfhkhp5a",
|
|
38
38
|
separator: "_syazmuej"
|
|
39
39
|
};
|
|
40
40
|
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._zulppxbi{gap:var(--ds-space-200,1pc)}
|
|
4
|
-
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
4
|
+
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
5
|
+
._18zroahv{padding-inline:var(--ds-space-600,3pc)}
|
|
6
|
+
._1rjcoahv{padding-block:var(--ds-space-600,3pc)}._10fp1h6o{justify-self:center}
|
|
5
7
|
._1e0c11p5{display:grid}
|
|
6
8
|
._1wpz1h6o{align-self:center}
|
|
7
9
|
._4cvr1h6o{align-items:center}
|
|
8
10
|
._6a6z1h6o{justify-items:center}
|
|
9
|
-
.
|
|
11
|
+
._p12f1kdj{max-width:25pc}
|
|
10
12
|
._y3gn1h6o{text-align:center}
|
|
@@ -15,7 +15,7 @@ import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';
|
|
|
15
15
|
import { loadingErrorMessages } from './messages';
|
|
16
16
|
const styles = {
|
|
17
17
|
errorContainerStylesOld: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5",
|
|
18
|
-
errorContainerStylesNew: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5
|
|
18
|
+
errorContainerStylesNew: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _18zroahv _1rjcoahv _1e0c11p5 _p12f1kdj _y3gn1h6o",
|
|
19
19
|
errorMessageContainerStyles: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5",
|
|
20
20
|
errorMessageStyles: "_11c8nbxd"
|
|
21
21
|
};
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
._4cvr1h6o{align-items:center}
|
|
13
13
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
14
14
|
._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
|
|
15
|
-
.
|
|
15
|
+
._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
|
|
16
16
|
._ca0qv47k{padding-top:var(--ds-space-250,20px)}
|
|
17
17
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
18
|
-
.
|
|
18
|
+
._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
|
|
19
19
|
._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
|
|
20
20
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
21
21
|
._qrwqidpf{border-top-right-radius:0}
|
|
@@ -19,7 +19,7 @@ import { PoweredByJSMAssets } from './powered-by-jsm-assets';
|
|
|
19
19
|
import { ProviderLink } from './provider-link';
|
|
20
20
|
import { SyncInfo } from './sync-info';
|
|
21
21
|
const styles = {
|
|
22
|
-
footer: "_11c81o8v _2rko1kw7 _x3dozgxb _syaz131l
|
|
22
|
+
footer: "_11c81o8v _2rko1kw7 _x3dozgxb _syaz131l _ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _vchhusvi _13liidpf _qrwqidpf _bfhkhp5a",
|
|
23
23
|
separator: "_syazmuej"
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._zulppxbi{gap:var(--ds-space-200,1pc)}
|
|
4
|
-
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
4
|
+
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
5
|
+
._18zroahv{padding-inline:var(--ds-space-600,3pc)}
|
|
6
|
+
._1rjcoahv{padding-block:var(--ds-space-600,3pc)}._10fp1h6o{justify-self:center}
|
|
5
7
|
._1e0c11p5{display:grid}
|
|
6
8
|
._1wpz1h6o{align-self:center}
|
|
7
9
|
._4cvr1h6o{align-items:center}
|
|
8
10
|
._6a6z1h6o{justify-items:center}
|
|
9
|
-
.
|
|
11
|
+
._p12f1kdj{max-width:25pc}
|
|
10
12
|
._y3gn1h6o{text-align:center}
|
|
@@ -15,7 +15,7 @@ import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';
|
|
|
15
15
|
import { loadingErrorMessages } from './messages';
|
|
16
16
|
var styles = {
|
|
17
17
|
errorContainerStylesOld: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5",
|
|
18
|
-
errorContainerStylesNew: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5
|
|
18
|
+
errorContainerStylesNew: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _18zroahv _1rjcoahv _1e0c11p5 _p12f1kdj _y3gn1h6o",
|
|
19
19
|
errorMessageContainerStyles: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5",
|
|
20
20
|
errorMessageStyles: "_11c8nbxd"
|
|
21
21
|
};
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
._4cvr1h6o{align-items:center}
|
|
13
13
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
14
14
|
._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
|
|
15
|
-
.
|
|
15
|
+
._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
|
|
16
16
|
._ca0qv47k{padding-top:var(--ds-space-250,20px)}
|
|
17
17
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
18
|
-
.
|
|
18
|
+
._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
|
|
19
19
|
._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
|
|
20
20
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
21
21
|
._qrwqidpf{border-top-right-radius:0}
|
|
@@ -25,7 +25,7 @@ import { PoweredByJSMAssets } from './powered-by-jsm-assets';
|
|
|
25
25
|
import { ProviderLink } from './provider-link';
|
|
26
26
|
import { SyncInfo } from './sync-info';
|
|
27
27
|
var styles = {
|
|
28
|
-
footer: "_11c81o8v _2rko1kw7 _x3dozgxb _syaz131l
|
|
28
|
+
footer: "_11c81o8v _2rko1kw7 _x3dozgxb _syaz131l _ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _vchhusvi _13liidpf _qrwqidpf _bfhkhp5a",
|
|
29
29
|
separator: "_syazmuej"
|
|
30
30
|
};
|
|
31
31
|
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { jsx, styled } from '@compiled/react';
|
|
6
|
+
|
|
7
|
+
import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
|
|
8
|
+
import { SmartCardProvider } from '@atlaskit/link-provider';
|
|
9
|
+
|
|
10
|
+
import { fetchMessagesForLocale } from '../src/common/utils/locale/fetch-messages-for-locale';
|
|
11
|
+
import { DatasourceExperienceIdProvider } from '../src/contexts/datasource-experience-id';
|
|
12
|
+
import { LoadingError } from '../src/ui/common/error-state/loading-error';
|
|
13
|
+
|
|
14
|
+
import SmartLinkClient from './smartLinkCustomClient';
|
|
15
|
+
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
17
|
+
const TableViewWrapper = styled.div({
|
|
18
|
+
borderColor: 'grey',
|
|
19
|
+
borderWidth: '1px',
|
|
20
|
+
borderStyle: 'solid',
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
const ExampleBody = () => {
|
|
24
|
+
return (
|
|
25
|
+
<TableViewWrapper>
|
|
26
|
+
<LoadingError onRefresh={() => false} url={'https://atlassian.com/wiki/search'} />
|
|
27
|
+
</TableViewWrapper>
|
|
28
|
+
);
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
export const ExampleIssueLikeTableLoadingErrorExample = () => {
|
|
32
|
+
return (
|
|
33
|
+
<DatasourceExperienceIdProvider>
|
|
34
|
+
<IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
|
|
35
|
+
<SmartCardProvider client={new SmartLinkClient()}>
|
|
36
|
+
<ExampleBody />
|
|
37
|
+
</SmartCardProvider>
|
|
38
|
+
</IntlMessagesProvider>
|
|
39
|
+
</DatasourceExperienceIdProvider>
|
|
40
|
+
);
|
|
41
|
+
};
|