@atlaskit/link-datasource 1.1.4 → 1.1.5
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/dist/cjs/analytics/constants.js +1 -1
- package/dist/cjs/ui/assets-modal/modal/index.js +1 -1
- package/dist/cjs/ui/common/error-state/loading-error.js +1 -1
- package/dist/cjs/ui/common/error-state/messages.js +4 -4
- package/dist/cjs/ui/datasource-table-view/datasourceTableView.js +1 -1
- package/dist/cjs/ui/table-footer/index.js +11 -11
- package/dist/cjs/ui/table-footer/messages.js +4 -4
- package/dist/es2019/analytics/constants.js +1 -1
- package/dist/es2019/ui/assets-modal/modal/index.js +1 -1
- package/dist/es2019/ui/common/error-state/loading-error.js +1 -1
- package/dist/es2019/ui/common/error-state/messages.js +4 -4
- package/dist/es2019/ui/datasource-table-view/datasourceTableView.js +1 -1
- package/dist/es2019/ui/table-footer/index.js +11 -11
- package/dist/es2019/ui/table-footer/messages.js +4 -4
- package/dist/esm/analytics/constants.js +1 -1
- package/dist/esm/ui/assets-modal/modal/index.js +1 -1
- package/dist/esm/ui/common/error-state/loading-error.js +1 -1
- package/dist/esm/ui/common/error-state/messages.js +4 -4
- package/dist/esm/ui/datasource-table-view/datasourceTableView.js +1 -1
- package/dist/esm/ui/table-footer/index.js +11 -11
- package/dist/esm/ui/table-footer/messages.js +4 -4
- package/dist/types/ui/common/error-state/messages.d.ts +1 -1
- package/dist/types/ui/table-footer/index.d.ts +2 -2
- package/dist/types/ui/table-footer/messages.d.ts +1 -1
- package/dist/types-ts4.5/ui/common/error-state/messages.d.ts +1 -1
- package/dist/types-ts4.5/ui/table-footer/index.d.ts +2 -2
- package/dist/types-ts4.5/ui/table-footer/messages.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -231,7 +231,7 @@ var analyticsContextAttributes = {
|
|
|
231
231
|
};
|
|
232
232
|
var analyticsContextData = {
|
|
233
233
|
packageName: "@atlaskit/link-datasource",
|
|
234
|
-
packageVersion: "1.1.
|
|
234
|
+
packageVersion: "1.1.5",
|
|
235
235
|
source: 'datasourceConfigModal'
|
|
236
236
|
};
|
|
237
237
|
var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
|
|
@@ -48,7 +48,7 @@ var LoadingError = function LoadingError(_ref) {
|
|
|
48
48
|
css: errorMessageContainerStyles
|
|
49
49
|
}, (0, _react2.jsx)("span", {
|
|
50
50
|
css: errorMessageStyles
|
|
51
|
-
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.
|
|
51
|
+
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadItems)), (0, _react2.jsx)("p", {
|
|
52
52
|
css: errorDescriptionStyles
|
|
53
53
|
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection)), onRefresh && (0, _react2.jsx)(_standardButton.default, {
|
|
54
54
|
appearance: "primary",
|
|
@@ -41,10 +41,10 @@ var loadingErrorMessages = (0, _reactIntlNext.defineMessages)({
|
|
|
41
41
|
description: 'Button text to allow the user to refresh the table to see results',
|
|
42
42
|
defaultMessage: 'Refresh'
|
|
43
43
|
},
|
|
44
|
-
|
|
45
|
-
id: 'linkDataSource.jira-issues.
|
|
46
|
-
description: 'Error state message letting the user know we were unable the load the requested list of
|
|
47
|
-
defaultMessage: 'Unable to load
|
|
44
|
+
unableToLoadItems: {
|
|
45
|
+
id: 'linkDataSource.jira-issues.unableToLoadItems',
|
|
46
|
+
description: 'Error state message letting the user know we were unable the load the requested list of items',
|
|
47
|
+
defaultMessage: 'Unable to load items'
|
|
48
48
|
},
|
|
49
49
|
unableToLoadResults: {
|
|
50
50
|
id: 'linkDataSource.jira-issues.unableToLoadResults',
|
|
@@ -103,7 +103,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
|
|
|
103
103
|
isCompact: true,
|
|
104
104
|
isLoading: !isDataReady || status === 'loading'
|
|
105
105
|
}), (0, _react2.jsx)(_tableFooter.TableFooter, {
|
|
106
|
-
|
|
106
|
+
itemCount: isDataReady ? totalCount : undefined,
|
|
107
107
|
onRefresh: forcedReset,
|
|
108
108
|
isLoading: !isDataReady || status === 'loading'
|
|
109
109
|
}))
|
|
@@ -22,11 +22,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
|
|
|
22
22
|
/** @jsx jsx */
|
|
23
23
|
var FooterWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: 0 ", ";\n box-sizing: border-box;\n background: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-background-input, ".concat(_colors.N0, ")"));
|
|
24
24
|
var TopBorderWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n box-sizing: border-box;\n justify-content: space-between;\n padding: ", " 0;\n border-top: 2px solid ", ";\n"])), "var(--ds-space-250, 20px)", "var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")"));
|
|
25
|
-
var
|
|
25
|
+
var ItemCounterWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-self: center;\n color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(_colors.N800, ")"));
|
|
26
26
|
var SyncWrapper = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(_colors.N90, ")"));
|
|
27
27
|
var SyncTextWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-right: 5px;\n font-size: 12px;\n"])));
|
|
28
28
|
var TableFooter = function TableFooter(_ref) {
|
|
29
|
-
var
|
|
29
|
+
var itemCount = _ref.itemCount,
|
|
30
30
|
onRefresh = _ref.onRefresh,
|
|
31
31
|
isLoading = _ref.isLoading;
|
|
32
32
|
var intl = (0, _reactIntlNext.useIntl)();
|
|
@@ -34,7 +34,7 @@ var TableFooter = function TableFooter(_ref) {
|
|
|
34
34
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
35
35
|
lastSyncTime = _useState2[0],
|
|
36
36
|
setLastSyncTime = _useState2[1];
|
|
37
|
-
var
|
|
37
|
+
var showItemCount = itemCount && itemCount > 0 ? true : itemCount === 0 ? !isLoading : false;
|
|
38
38
|
(0, _react.useEffect)(function () {
|
|
39
39
|
if (isLoading) {
|
|
40
40
|
setLastSyncTime(new Date());
|
|
@@ -43,18 +43,18 @@ var TableFooter = function TableFooter(_ref) {
|
|
|
43
43
|
|
|
44
44
|
// If only one of the two is passed in, still show the other one (Note: We keep the div encapsulating the one not shown to
|
|
45
45
|
// ensure correct positioning since 'justify-content: space-between' is used).
|
|
46
|
-
return onRefresh ||
|
|
46
|
+
return onRefresh || showItemCount ? (0, _react2.jsx)(FooterWrapper, {
|
|
47
47
|
"data-testid": "table-footer"
|
|
48
|
-
}, (0, _react2.jsx)(TopBorderWrapper, null, (0, _react2.jsx)(
|
|
49
|
-
"data-testid": '
|
|
50
|
-
},
|
|
51
|
-
testId: "
|
|
48
|
+
}, (0, _react2.jsx)(TopBorderWrapper, null, (0, _react2.jsx)(ItemCounterWrapper, {
|
|
49
|
+
"data-testid": 'item-count-wrapper'
|
|
50
|
+
}, showItemCount && (0, _react2.jsx)(_heading.default, {
|
|
51
|
+
testId: "item-count",
|
|
52
52
|
level: "h200"
|
|
53
53
|
}, (0, _react2.jsx)(_reactIntlNext.FormattedNumber, {
|
|
54
|
-
value:
|
|
55
|
-
}), ' ', (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.footerMessages.
|
|
54
|
+
value: itemCount
|
|
55
|
+
}), ' ', (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.footerMessages.itemText, {
|
|
56
56
|
values: {
|
|
57
|
-
|
|
57
|
+
itemCount: itemCount
|
|
58
58
|
}
|
|
59
59
|
})))), (0, _react2.jsx)(SyncWrapper, null, onRefresh && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(SyncTextWrapper, {
|
|
60
60
|
"data-testid": "sync-text"
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.footerMessages = void 0;
|
|
7
7
|
var _reactIntlNext = require("react-intl-next");
|
|
8
8
|
var footerMessages = (0, _reactIntlNext.defineMessages)({
|
|
9
|
-
|
|
10
|
-
id: 'linkDataSource.table-footer.
|
|
11
|
-
description: 'Text that appears after
|
|
12
|
-
defaultMessage: '{
|
|
9
|
+
itemText: {
|
|
10
|
+
id: 'linkDataSource.table-footer.item',
|
|
11
|
+
description: 'Text that appears after item count number.',
|
|
12
|
+
defaultMessage: '{itemCount, plural, one {item} other {items}}'
|
|
13
13
|
},
|
|
14
14
|
loadingText: {
|
|
15
15
|
id: 'linkDataSource.table-footer.loading',
|
|
@@ -42,7 +42,7 @@ export const LoadingError = ({
|
|
|
42
42
|
css: errorMessageContainerStyles
|
|
43
43
|
}, jsx("span", {
|
|
44
44
|
css: errorMessageStyles
|
|
45
|
-
}, jsx(FormattedMessage, loadingErrorMessages.
|
|
45
|
+
}, jsx(FormattedMessage, loadingErrorMessages.unableToLoadItems)), jsx("p", {
|
|
46
46
|
css: errorDescriptionStyles
|
|
47
47
|
}, jsx(FormattedMessage, loadingErrorMessages.checkConnection)), onRefresh && jsx(Button, {
|
|
48
48
|
appearance: "primary",
|
|
@@ -35,10 +35,10 @@ export const loadingErrorMessages = defineMessages({
|
|
|
35
35
|
description: 'Button text to allow the user to refresh the table to see results',
|
|
36
36
|
defaultMessage: 'Refresh'
|
|
37
37
|
},
|
|
38
|
-
|
|
39
|
-
id: 'linkDataSource.jira-issues.
|
|
40
|
-
description: 'Error state message letting the user know we were unable the load the requested list of
|
|
41
|
-
defaultMessage: 'Unable to load
|
|
38
|
+
unableToLoadItems: {
|
|
39
|
+
id: 'linkDataSource.jira-issues.unableToLoadItems',
|
|
40
|
+
description: 'Error state message letting the user know we were unable the load the requested list of items',
|
|
41
|
+
defaultMessage: 'Unable to load items'
|
|
42
42
|
},
|
|
43
43
|
unableToLoadResults: {
|
|
44
44
|
id: 'linkDataSource.jira-issues.unableToLoadResults',
|
|
@@ -97,7 +97,7 @@ const DatasourceTableViewWithoutAnalytics = ({
|
|
|
97
97
|
isCompact: true,
|
|
98
98
|
isLoading: !isDataReady || status === 'loading'
|
|
99
99
|
}), jsx(TableFooter, {
|
|
100
|
-
|
|
100
|
+
itemCount: isDataReady ? totalCount : undefined,
|
|
101
101
|
onRefresh: forcedReset,
|
|
102
102
|
isLoading: !isDataReady || status === 'loading'
|
|
103
103
|
}))
|
|
@@ -22,7 +22,7 @@ const TopBorderWrapper = styled.div`
|
|
|
22
22
|
padding: ${"var(--ds-space-250, 20px)"} 0;
|
|
23
23
|
border-top: 2px solid ${`var(--ds-background-accent-gray-subtler, ${N40})`};
|
|
24
24
|
`;
|
|
25
|
-
const
|
|
25
|
+
const ItemCounterWrapper = styled.div`
|
|
26
26
|
display: flex;
|
|
27
27
|
align-self: center;
|
|
28
28
|
color: ${`var(--ds-text-accent-gray, ${N800})`};
|
|
@@ -37,13 +37,13 @@ const SyncTextWrapper = styled.div`
|
|
|
37
37
|
font-size: 12px;
|
|
38
38
|
`;
|
|
39
39
|
export const TableFooter = ({
|
|
40
|
-
|
|
40
|
+
itemCount,
|
|
41
41
|
onRefresh,
|
|
42
42
|
isLoading
|
|
43
43
|
}) => {
|
|
44
44
|
const intl = useIntl();
|
|
45
45
|
const [lastSyncTime, setLastSyncTime] = useState(new Date());
|
|
46
|
-
const
|
|
46
|
+
const showItemCount = itemCount && itemCount > 0 ? true : itemCount === 0 ? !isLoading : false;
|
|
47
47
|
useEffect(() => {
|
|
48
48
|
if (isLoading) {
|
|
49
49
|
setLastSyncTime(new Date());
|
|
@@ -52,18 +52,18 @@ export const TableFooter = ({
|
|
|
52
52
|
|
|
53
53
|
// If only one of the two is passed in, still show the other one (Note: We keep the div encapsulating the one not shown to
|
|
54
54
|
// ensure correct positioning since 'justify-content: space-between' is used).
|
|
55
|
-
return onRefresh ||
|
|
55
|
+
return onRefresh || showItemCount ? jsx(FooterWrapper, {
|
|
56
56
|
"data-testid": "table-footer"
|
|
57
|
-
}, jsx(TopBorderWrapper, null, jsx(
|
|
58
|
-
"data-testid": '
|
|
59
|
-
},
|
|
60
|
-
testId: "
|
|
57
|
+
}, jsx(TopBorderWrapper, null, jsx(ItemCounterWrapper, {
|
|
58
|
+
"data-testid": 'item-count-wrapper'
|
|
59
|
+
}, showItemCount && jsx(Heading, {
|
|
60
|
+
testId: "item-count",
|
|
61
61
|
level: "h200"
|
|
62
62
|
}, jsx(FormattedNumber, {
|
|
63
|
-
value:
|
|
64
|
-
}), ' ', jsx(FormattedMessage, _extends({}, footerMessages.
|
|
63
|
+
value: itemCount
|
|
64
|
+
}), ' ', jsx(FormattedMessage, _extends({}, footerMessages.itemText, {
|
|
65
65
|
values: {
|
|
66
|
-
|
|
66
|
+
itemCount
|
|
67
67
|
}
|
|
68
68
|
})))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
|
|
69
69
|
"data-testid": "sync-text"
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineMessages } from 'react-intl-next';
|
|
2
2
|
export const footerMessages = defineMessages({
|
|
3
|
-
|
|
4
|
-
id: 'linkDataSource.table-footer.
|
|
5
|
-
description: 'Text that appears after
|
|
6
|
-
defaultMessage: '{
|
|
3
|
+
itemText: {
|
|
4
|
+
id: 'linkDataSource.table-footer.item',
|
|
5
|
+
description: 'Text that appears after item count number.',
|
|
6
|
+
defaultMessage: '{itemCount, plural, one {item} other {items}}'
|
|
7
7
|
},
|
|
8
8
|
loadingText: {
|
|
9
9
|
id: 'linkDataSource.table-footer.loading',
|
|
@@ -222,7 +222,7 @@ var analyticsContextAttributes = {
|
|
|
222
222
|
};
|
|
223
223
|
var analyticsContextData = {
|
|
224
224
|
packageName: "@atlaskit/link-datasource",
|
|
225
|
-
packageVersion: "1.1.
|
|
225
|
+
packageVersion: "1.1.5",
|
|
226
226
|
source: 'datasourceConfigModal'
|
|
227
227
|
};
|
|
228
228
|
var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
|
|
@@ -40,7 +40,7 @@ export var LoadingError = function LoadingError(_ref) {
|
|
|
40
40
|
css: errorMessageContainerStyles
|
|
41
41
|
}, jsx("span", {
|
|
42
42
|
css: errorMessageStyles
|
|
43
|
-
}, jsx(FormattedMessage, loadingErrorMessages.
|
|
43
|
+
}, jsx(FormattedMessage, loadingErrorMessages.unableToLoadItems)), jsx("p", {
|
|
44
44
|
css: errorDescriptionStyles
|
|
45
45
|
}, jsx(FormattedMessage, loadingErrorMessages.checkConnection)), onRefresh && jsx(Button, {
|
|
46
46
|
appearance: "primary",
|
|
@@ -35,10 +35,10 @@ export var loadingErrorMessages = defineMessages({
|
|
|
35
35
|
description: 'Button text to allow the user to refresh the table to see results',
|
|
36
36
|
defaultMessage: 'Refresh'
|
|
37
37
|
},
|
|
38
|
-
|
|
39
|
-
id: 'linkDataSource.jira-issues.
|
|
40
|
-
description: 'Error state message letting the user know we were unable the load the requested list of
|
|
41
|
-
defaultMessage: 'Unable to load
|
|
38
|
+
unableToLoadItems: {
|
|
39
|
+
id: 'linkDataSource.jira-issues.unableToLoadItems',
|
|
40
|
+
description: 'Error state message letting the user know we were unable the load the requested list of items',
|
|
41
|
+
defaultMessage: 'Unable to load items'
|
|
42
42
|
},
|
|
43
43
|
unableToLoadResults: {
|
|
44
44
|
id: 'linkDataSource.jira-issues.unableToLoadResults',
|
|
@@ -95,7 +95,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
|
|
|
95
95
|
isCompact: true,
|
|
96
96
|
isLoading: !isDataReady || status === 'loading'
|
|
97
97
|
}), jsx(TableFooter, {
|
|
98
|
-
|
|
98
|
+
itemCount: isDataReady ? totalCount : undefined,
|
|
99
99
|
onRefresh: forcedReset,
|
|
100
100
|
isLoading: !isDataReady || status === 'loading'
|
|
101
101
|
}))
|
|
@@ -15,11 +15,11 @@ import { footerMessages } from './messages';
|
|
|
15
15
|
import { SyncInfo } from './sync-info';
|
|
16
16
|
var FooterWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 0 ", ";\n box-sizing: border-box;\n background: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-background-input, ".concat(N0, ")"));
|
|
17
17
|
var TopBorderWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n box-sizing: border-box;\n justify-content: space-between;\n padding: ", " 0;\n border-top: 2px solid ", ";\n"])), "var(--ds-space-250, 20px)", "var(--ds-background-accent-gray-subtler, ".concat(N40, ")"));
|
|
18
|
-
var
|
|
18
|
+
var ItemCounterWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n align-self: center;\n color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(N800, ")"));
|
|
19
19
|
var SyncWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(N90, ")"));
|
|
20
20
|
var SyncTextWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n font-size: 12px;\n"])));
|
|
21
21
|
export var TableFooter = function TableFooter(_ref) {
|
|
22
|
-
var
|
|
22
|
+
var itemCount = _ref.itemCount,
|
|
23
23
|
onRefresh = _ref.onRefresh,
|
|
24
24
|
isLoading = _ref.isLoading;
|
|
25
25
|
var intl = useIntl();
|
|
@@ -27,7 +27,7 @@ export var TableFooter = function TableFooter(_ref) {
|
|
|
27
27
|
_useState2 = _slicedToArray(_useState, 2),
|
|
28
28
|
lastSyncTime = _useState2[0],
|
|
29
29
|
setLastSyncTime = _useState2[1];
|
|
30
|
-
var
|
|
30
|
+
var showItemCount = itemCount && itemCount > 0 ? true : itemCount === 0 ? !isLoading : false;
|
|
31
31
|
useEffect(function () {
|
|
32
32
|
if (isLoading) {
|
|
33
33
|
setLastSyncTime(new Date());
|
|
@@ -36,18 +36,18 @@ export var TableFooter = function TableFooter(_ref) {
|
|
|
36
36
|
|
|
37
37
|
// If only one of the two is passed in, still show the other one (Note: We keep the div encapsulating the one not shown to
|
|
38
38
|
// ensure correct positioning since 'justify-content: space-between' is used).
|
|
39
|
-
return onRefresh ||
|
|
39
|
+
return onRefresh || showItemCount ? jsx(FooterWrapper, {
|
|
40
40
|
"data-testid": "table-footer"
|
|
41
|
-
}, jsx(TopBorderWrapper, null, jsx(
|
|
42
|
-
"data-testid": '
|
|
43
|
-
},
|
|
44
|
-
testId: "
|
|
41
|
+
}, jsx(TopBorderWrapper, null, jsx(ItemCounterWrapper, {
|
|
42
|
+
"data-testid": 'item-count-wrapper'
|
|
43
|
+
}, showItemCount && jsx(Heading, {
|
|
44
|
+
testId: "item-count",
|
|
45
45
|
level: "h200"
|
|
46
46
|
}, jsx(FormattedNumber, {
|
|
47
|
-
value:
|
|
48
|
-
}), ' ', jsx(FormattedMessage, _extends({}, footerMessages.
|
|
47
|
+
value: itemCount
|
|
48
|
+
}), ' ', jsx(FormattedMessage, _extends({}, footerMessages.itemText, {
|
|
49
49
|
values: {
|
|
50
|
-
|
|
50
|
+
itemCount: itemCount
|
|
51
51
|
}
|
|
52
52
|
})))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
|
|
53
53
|
"data-testid": "sync-text"
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineMessages } from 'react-intl-next';
|
|
2
2
|
export var footerMessages = defineMessages({
|
|
3
|
-
|
|
4
|
-
id: 'linkDataSource.table-footer.
|
|
5
|
-
description: 'Text that appears after
|
|
6
|
-
defaultMessage: '{
|
|
3
|
+
itemText: {
|
|
4
|
+
id: 'linkDataSource.table-footer.item',
|
|
5
|
+
description: 'Text that appears after item count number.',
|
|
6
|
+
defaultMessage: '{itemCount, plural, one {item} other {items}}'
|
|
7
7
|
},
|
|
8
8
|
loadingText: {
|
|
9
9
|
id: 'linkDataSource.table-footer.loading',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from '@emotion/react';
|
|
2
2
|
export type TableFooterProps = {
|
|
3
|
-
|
|
3
|
+
itemCount?: number;
|
|
4
4
|
onRefresh?: () => void;
|
|
5
5
|
isLoading: boolean;
|
|
6
6
|
};
|
|
7
|
-
export declare const TableFooter: ({
|
|
7
|
+
export declare const TableFooter: ({ itemCount, onRefresh, isLoading, }: TableFooterProps) => jsx.JSX.Element | null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from '@emotion/react';
|
|
2
2
|
export type TableFooterProps = {
|
|
3
|
-
|
|
3
|
+
itemCount?: number;
|
|
4
4
|
onRefresh?: () => void;
|
|
5
5
|
isLoading: boolean;
|
|
6
6
|
};
|
|
7
|
-
export declare const TableFooter: ({
|
|
7
|
+
export declare const TableFooter: ({ itemCount, onRefresh, isLoading, }: TableFooterProps) => jsx.JSX.Element | null;
|