@atlaskit/link-datasource 1.1.3 → 1.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 1.1.5
+
+### Patch Changes
+
+- [`cd31900dba6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cd31900dba6) - [ux] Renaming 'issues' to 'items' to be more generic
+
+## 1.1.4
+
+### Patch Changes
+
+- [`067fe62a1dc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/067fe62a1dc) - [ux] Updated logic for site selector to default to current site
+
 ## 1.1.3
 
 ### Patch Changes

package/dist/cjs/analytics/constants.js

@@ -8,6 +8,6 @@ var EVENT_CHANNEL = 'media';
 exports.EVENT_CHANNEL = EVENT_CHANNEL;
 var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.1.3"
+  packageVersion: "1.1.5"
 };
 exports.packageMetaData = packageMetaData;

package/dist/cjs/ui/assets-modal/modal/index.js

@@ -231,7 +231,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.1.3",
+  packageVersion: "1.1.5",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/cjs/ui/common/error-state/loading-error.js

@@ -48,7 +48,7 @@ var LoadingError = function LoadingError(_ref) {
     css: errorMessageContainerStyles
   }, (0, _react2.jsx)("span", {
     css: errorMessageStyles
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadIssues)), (0, _react2.jsx)("p", {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadItems)), (0, _react2.jsx)("p", {
     css: errorDescriptionStyles
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection)), onRefresh && (0, _react2.jsx)(_standardButton.default, {
     appearance: "primary",

package/dist/cjs/ui/common/error-state/messages.js

@@ -41,10 +41,10 @@ var loadingErrorMessages = (0, _reactIntlNext.defineMessages)({
     description: 'Button text to allow the user to refresh the table to see results',
     defaultMessage: 'Refresh'
   },
-  unableToLoadIssues: {
-    id: 'linkDataSource.jira-issues.unableToLoadIssues',
-    description: 'Error state message letting the user know we were unable the load the requested list of issues',
-    defaultMessage: 'Unable to load issues'
+  unableToLoadItems: {
+    id: 'linkDataSource.jira-issues.unableToLoadItems',
+    description: 'Error state message letting the user know we were unable the load the requested list of items',
+    defaultMessage: 'Unable to load items'
   },
   unableToLoadResults: {
     id: 'linkDataSource.jira-issues.unableToLoadResults',

package/dist/cjs/ui/datasource-table-view/datasourceTableView.js

@@ -103,7 +103,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
       isCompact: true,
       isLoading: !isDataReady || status === 'loading'
     }), (0, _react2.jsx)(_tableFooter.TableFooter, {
-      issueCount: isDataReady ? totalCount : undefined,
+      itemCount: isDataReady ? totalCount : undefined,
       onRefresh: forcedReset,
       isLoading: !isDataReady || status === 'loading'
     }))

package/dist/cjs/ui/jira-issues-modal/modal/index.js

@@ -146,9 +146,18 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   var selectedJiraSite = (0, _react.useMemo)(function () {
-    return availableSites.find(function (jiraSite) {
-      return jiraSite.cloudId === cloudId;
-    }) || availableSites[0];
+    if (cloudId) {
+      // if the cloud id we're editing isn't in available sites then user is likely unauthorized for that site
+      // TODO: unauthorized to edit flow https://product-fabric.atlassian.net/browse/EDM-7216
+      return availableSites.find(function (jiraSite) {
+        return jiraSite.cloudId === cloudId;
+      }) || availableSites[0];
+    } else {
+      var currentlyLoggedInSiteUrl = window.location.origin;
+      return availableSites.find(function (jiraSite) {
+        return jiraSite.url === currentlyLoggedInSiteUrl;
+      }) || availableSites[0];
+    }
   }, [availableSites, cloudId]);
   var buttonClickedAnalyticsPayload = (0, _react.useMemo)(function () {
     return {
@@ -196,7 +205,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     void fetchSiteDisplayNames();
   }, [fireEvent]);
   (0, _react.useEffect)(function () {
-    if (!cloudId && selectedJiraSite) {
+    if (selectedJiraSite && (!cloudId || cloudId !== selectedJiraSite.cloudId)) {
       setCloudId(selectedJiraSite.cloudId);
     }
   }, [cloudId, selectedJiraSite]);

package/dist/cjs/ui/table-footer/index.js

@@ -22,11 +22,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 /** @jsx jsx */
 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, ")"));
 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, ")"));
-var IssueCounterWrapper = _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, ")"));
+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, ")"));
 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, ")"));
 var SyncTextWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: 5px;\n  font-size: 12px;\n"])));
 var TableFooter = function TableFooter(_ref) {
-  var issueCount = _ref.issueCount,
+  var itemCount = _ref.itemCount,
     onRefresh = _ref.onRefresh,
     isLoading = _ref.isLoading;
   var intl = (0, _reactIntlNext.useIntl)();
@@ -34,7 +34,7 @@ var TableFooter = function TableFooter(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     lastSyncTime = _useState2[0],
     setLastSyncTime = _useState2[1];
-  var showIssueCount = issueCount && issueCount > 0 ? true : issueCount === 0 ? !isLoading : false;
+  var showItemCount = itemCount && itemCount > 0 ? true : itemCount === 0 ? !isLoading : false;
   (0, _react.useEffect)(function () {
     if (isLoading) {
       setLastSyncTime(new Date());
@@ -43,18 +43,18 @@ var TableFooter = function TableFooter(_ref) {
 
   // 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
   // ensure correct positioning since 'justify-content: space-between' is used).
-  return onRefresh || showIssueCount ? (0, _react2.jsx)(FooterWrapper, {
+  return onRefresh || showItemCount ? (0, _react2.jsx)(FooterWrapper, {
     "data-testid": "table-footer"
-  }, (0, _react2.jsx)(TopBorderWrapper, null, (0, _react2.jsx)(IssueCounterWrapper, {
-    "data-testid": 'issue-count-wrapper'
-  }, showIssueCount && (0, _react2.jsx)(_heading.default, {
-    testId: "issue-count",
+  }, (0, _react2.jsx)(TopBorderWrapper, null, (0, _react2.jsx)(ItemCounterWrapper, {
+    "data-testid": 'item-count-wrapper'
+  }, showItemCount && (0, _react2.jsx)(_heading.default, {
+    testId: "item-count",
     level: "h200"
   }, (0, _react2.jsx)(_reactIntlNext.FormattedNumber, {
-    value: issueCount
-  }), ' ', (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.footerMessages.issueText, {
+    value: itemCount
+  }), ' ', (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.footerMessages.itemText, {
     values: {
-      issueCount: issueCount
+      itemCount: itemCount
     }
   })))), (0, _react2.jsx)(SyncWrapper, null, onRefresh && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(SyncTextWrapper, {
     "data-testid": "sync-text"

package/dist/cjs/ui/table-footer/messages.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.footerMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
 var footerMessages = (0, _reactIntlNext.defineMessages)({
-  issueText: {
-    id: 'linkDataSource.table-footer.issue',
-    description: 'Text that appears after issue count number.',
-    defaultMessage: '{issueCount, plural, one {issue} other {issues}}'
+  itemText: {
+    id: 'linkDataSource.table-footer.item',
+    description: 'Text that appears after item count number.',
+    defaultMessage: '{itemCount, plural, one {item} other {items}}'
   },
   loadingText: {
     id: 'linkDataSource.table-footer.loading',

package/dist/es2019/analytics/constants.js

@@ -1,5 +1,5 @@
 export const EVENT_CHANNEL = 'media';
 export const packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.1.3"
+  packageVersion: "1.1.5"
 };

package/dist/es2019/ui/assets-modal/modal/index.js

@@ -205,7 +205,7 @@ const analyticsContextAttributes = {
 };
 const analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.1.3",
+  packageVersion: "1.1.5",
   source: 'datasourceConfigModal'
 };
 const contextData = {

package/dist/es2019/ui/common/error-state/loading-error.js

@@ -42,7 +42,7 @@ export const LoadingError = ({
     css: errorMessageContainerStyles
   }, jsx("span", {
     css: errorMessageStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadIssues)), jsx("p", {
+  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadItems)), jsx("p", {
     css: errorDescriptionStyles
   }, jsx(FormattedMessage, loadingErrorMessages.checkConnection)), onRefresh && jsx(Button, {
     appearance: "primary",

package/dist/es2019/ui/common/error-state/messages.js

@@ -35,10 +35,10 @@ export const loadingErrorMessages = defineMessages({
     description: 'Button text to allow the user to refresh the table to see results',
     defaultMessage: 'Refresh'
   },
-  unableToLoadIssues: {
-    id: 'linkDataSource.jira-issues.unableToLoadIssues',
-    description: 'Error state message letting the user know we were unable the load the requested list of issues',
-    defaultMessage: 'Unable to load issues'
+  unableToLoadItems: {
+    id: 'linkDataSource.jira-issues.unableToLoadItems',
+    description: 'Error state message letting the user know we were unable the load the requested list of items',
+    defaultMessage: 'Unable to load items'
   },
   unableToLoadResults: {
     id: 'linkDataSource.jira-issues.unableToLoadResults',

package/dist/es2019/ui/datasource-table-view/datasourceTableView.js

@@ -97,7 +97,7 @@ const DatasourceTableViewWithoutAnalytics = ({
       isCompact: true,
       isLoading: !isDataReady || status === 'loading'
     }), jsx(TableFooter, {
-      issueCount: isDataReady ? totalCount : undefined,
+      itemCount: isDataReady ? totalCount : undefined,
       onRefresh: forcedReset,
       isLoading: !isDataReady || status === 'loading'
     }))

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -116,7 +116,16 @@ export const PlainJiraIssuesConfigModal = props => {
   const {
     fireEvent
   } = useDatasourceAnalyticsEvents();
-  const selectedJiraSite = useMemo(() => availableSites.find(jiraSite => jiraSite.cloudId === cloudId) || availableSites[0], [availableSites, cloudId]);
+  const selectedJiraSite = useMemo(() => {
+    if (cloudId) {
+      // if the cloud id we're editing isn't in available sites then user is likely unauthorized for that site
+      // TODO: unauthorized to edit flow https://product-fabric.atlassian.net/browse/EDM-7216
+      return availableSites.find(jiraSite => jiraSite.cloudId === cloudId) || availableSites[0];
+    } else {
+      const currentlyLoggedInSiteUrl = window.location.origin;
+      return availableSites.find(jiraSite => jiraSite.url === currentlyLoggedInSiteUrl) || availableSites[0];
+    }
+  }, [availableSites, cloudId]);
   const buttonClickedAnalyticsPayload = useMemo(() => {
     return {
       extensionKey: extensionKey,
@@ -146,7 +155,7 @@ export const PlainJiraIssuesConfigModal = props => {
     void fetchSiteDisplayNames();
   }, [fireEvent]);
   useEffect(() => {
-    if (!cloudId && selectedJiraSite) {
+    if (selectedJiraSite && (!cloudId || cloudId !== selectedJiraSite.cloudId)) {
       setCloudId(selectedJiraSite.cloudId);
     }
   }, [cloudId, selectedJiraSite]);

package/dist/es2019/ui/table-footer/index.js

@@ -22,7 +22,7 @@ const TopBorderWrapper = styled.div`
   padding: ${"var(--ds-space-250, 20px)"} 0;
   border-top: 2px solid ${`var(--ds-background-accent-gray-subtler, ${N40})`};
 `;
-const IssueCounterWrapper = styled.div`
+const ItemCounterWrapper = styled.div`
   display: flex;
   align-self: center;
   color: ${`var(--ds-text-accent-gray, ${N800})`};
@@ -37,13 +37,13 @@ const SyncTextWrapper = styled.div`
   font-size: 12px;
 `;
 export const TableFooter = ({
-  issueCount,
+  itemCount,
   onRefresh,
   isLoading
 }) => {
   const intl = useIntl();
   const [lastSyncTime, setLastSyncTime] = useState(new Date());
-  const showIssueCount = issueCount && issueCount > 0 ? true : issueCount === 0 ? !isLoading : false;
+  const showItemCount = itemCount && itemCount > 0 ? true : itemCount === 0 ? !isLoading : false;
   useEffect(() => {
     if (isLoading) {
       setLastSyncTime(new Date());
@@ -52,18 +52,18 @@ export const TableFooter = ({
 
   // 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
   // ensure correct positioning since 'justify-content: space-between' is used).
-  return onRefresh || showIssueCount ? jsx(FooterWrapper, {
+  return onRefresh || showItemCount ? jsx(FooterWrapper, {
     "data-testid": "table-footer"
-  }, jsx(TopBorderWrapper, null, jsx(IssueCounterWrapper, {
-    "data-testid": 'issue-count-wrapper'
-  }, showIssueCount && jsx(Heading, {
-    testId: "issue-count",
+  }, jsx(TopBorderWrapper, null, jsx(ItemCounterWrapper, {
+    "data-testid": 'item-count-wrapper'
+  }, showItemCount && jsx(Heading, {
+    testId: "item-count",
     level: "h200"
   }, jsx(FormattedNumber, {
-    value: issueCount
-  }), ' ', jsx(FormattedMessage, _extends({}, footerMessages.issueText, {
+    value: itemCount
+  }), ' ', jsx(FormattedMessage, _extends({}, footerMessages.itemText, {
     values: {
-      issueCount
+      itemCount
     }
   })))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
     "data-testid": "sync-text"

package/dist/es2019/ui/table-footer/messages.js

@@ -1,9 +1,9 @@
 import { defineMessages } from 'react-intl-next';
 export const footerMessages = defineMessages({
-  issueText: {
-    id: 'linkDataSource.table-footer.issue',
-    description: 'Text that appears after issue count number.',
-    defaultMessage: '{issueCount, plural, one {issue} other {issues}}'
+  itemText: {
+    id: 'linkDataSource.table-footer.item',
+    description: 'Text that appears after item count number.',
+    defaultMessage: '{itemCount, plural, one {item} other {items}}'
   },
   loadingText: {
     id: 'linkDataSource.table-footer.loading',

package/dist/esm/analytics/constants.js

@@ -1,5 +1,5 @@
 export var EVENT_CHANNEL = 'media';
 export var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.1.3"
+  packageVersion: "1.1.5"
 };

package/dist/esm/ui/assets-modal/modal/index.js

@@ -222,7 +222,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.1.3",
+  packageVersion: "1.1.5",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/esm/ui/common/error-state/loading-error.js

@@ -40,7 +40,7 @@ export var LoadingError = function LoadingError(_ref) {
     css: errorMessageContainerStyles
   }, jsx("span", {
     css: errorMessageStyles
-  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadIssues)), jsx("p", {
+  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadItems)), jsx("p", {
     css: errorDescriptionStyles
   }, jsx(FormattedMessage, loadingErrorMessages.checkConnection)), onRefresh && jsx(Button, {
     appearance: "primary",

package/dist/esm/ui/common/error-state/messages.js

@@ -35,10 +35,10 @@ export var loadingErrorMessages = defineMessages({
     description: 'Button text to allow the user to refresh the table to see results',
     defaultMessage: 'Refresh'
   },
-  unableToLoadIssues: {
-    id: 'linkDataSource.jira-issues.unableToLoadIssues',
-    description: 'Error state message letting the user know we were unable the load the requested list of issues',
-    defaultMessage: 'Unable to load issues'
+  unableToLoadItems: {
+    id: 'linkDataSource.jira-issues.unableToLoadItems',
+    description: 'Error state message letting the user know we were unable the load the requested list of items',
+    defaultMessage: 'Unable to load items'
   },
   unableToLoadResults: {
     id: 'linkDataSource.jira-issues.unableToLoadResults',

package/dist/esm/ui/datasource-table-view/datasourceTableView.js

@@ -95,7 +95,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
       isCompact: true,
       isLoading: !isDataReady || status === 'loading'
     }), jsx(TableFooter, {
-      issueCount: isDataReady ? totalCount : undefined,
+      itemCount: isDataReady ? totalCount : undefined,
       onRefresh: forcedReset,
       isLoading: !isDataReady || status === 'loading'
     }))

package/dist/esm/ui/jira-issues-modal/modal/index.js

@@ -136,9 +136,18 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   var selectedJiraSite = useMemo(function () {
-    return availableSites.find(function (jiraSite) {
-      return jiraSite.cloudId === cloudId;
-    }) || availableSites[0];
+    if (cloudId) {
+      // if the cloud id we're editing isn't in available sites then user is likely unauthorized for that site
+      // TODO: unauthorized to edit flow https://product-fabric.atlassian.net/browse/EDM-7216
+      return availableSites.find(function (jiraSite) {
+        return jiraSite.cloudId === cloudId;
+      }) || availableSites[0];
+    } else {
+      var currentlyLoggedInSiteUrl = window.location.origin;
+      return availableSites.find(function (jiraSite) {
+        return jiraSite.url === currentlyLoggedInSiteUrl;
+      }) || availableSites[0];
+    }
   }, [availableSites, cloudId]);
   var buttonClickedAnalyticsPayload = useMemo(function () {
     return {
@@ -186,7 +195,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     void fetchSiteDisplayNames();
   }, [fireEvent]);
   useEffect(function () {
-    if (!cloudId && selectedJiraSite) {
+    if (selectedJiraSite && (!cloudId || cloudId !== selectedJiraSite.cloudId)) {
       setCloudId(selectedJiraSite.cloudId);
     }
   }, [cloudId, selectedJiraSite]);

package/dist/esm/ui/table-footer/index.js

@@ -15,11 +15,11 @@ import { footerMessages } from './messages';
 import { SyncInfo } from './sync-info';
 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, ")"));
 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, ")"));
-var IssueCounterWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-self: center;\n  color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(N800, ")"));
+var ItemCounterWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-self: center;\n  color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(N800, ")"));
 var SyncWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(N90, ")"));
 var SyncTextWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n  font-size: 12px;\n"])));
 export var TableFooter = function TableFooter(_ref) {
-  var issueCount = _ref.issueCount,
+  var itemCount = _ref.itemCount,
     onRefresh = _ref.onRefresh,
     isLoading = _ref.isLoading;
   var intl = useIntl();
@@ -27,7 +27,7 @@ export var TableFooter = function TableFooter(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     lastSyncTime = _useState2[0],
     setLastSyncTime = _useState2[1];
-  var showIssueCount = issueCount && issueCount > 0 ? true : issueCount === 0 ? !isLoading : false;
+  var showItemCount = itemCount && itemCount > 0 ? true : itemCount === 0 ? !isLoading : false;
   useEffect(function () {
     if (isLoading) {
       setLastSyncTime(new Date());
@@ -36,18 +36,18 @@ export var TableFooter = function TableFooter(_ref) {
 
   // 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
   // ensure correct positioning since 'justify-content: space-between' is used).
-  return onRefresh || showIssueCount ? jsx(FooterWrapper, {
+  return onRefresh || showItemCount ? jsx(FooterWrapper, {
     "data-testid": "table-footer"
-  }, jsx(TopBorderWrapper, null, jsx(IssueCounterWrapper, {
-    "data-testid": 'issue-count-wrapper'
-  }, showIssueCount && jsx(Heading, {
-    testId: "issue-count",
+  }, jsx(TopBorderWrapper, null, jsx(ItemCounterWrapper, {
+    "data-testid": 'item-count-wrapper'
+  }, showItemCount && jsx(Heading, {
+    testId: "item-count",
     level: "h200"
   }, jsx(FormattedNumber, {
-    value: issueCount
-  }), ' ', jsx(FormattedMessage, _extends({}, footerMessages.issueText, {
+    value: itemCount
+  }), ' ', jsx(FormattedMessage, _extends({}, footerMessages.itemText, {
     values: {
-      issueCount: issueCount
+      itemCount: itemCount
     }
   })))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
     "data-testid": "sync-text"

package/dist/esm/ui/table-footer/messages.js

@@ -1,9 +1,9 @@
 import { defineMessages } from 'react-intl-next';
 export var footerMessages = defineMessages({
-  issueText: {
-    id: 'linkDataSource.table-footer.issue',
-    description: 'Text that appears after issue count number.',
-    defaultMessage: '{issueCount, plural, one {issue} other {issues}}'
+  itemText: {
+    id: 'linkDataSource.table-footer.item',
+    description: 'Text that appears after item count number.',
+    defaultMessage: '{itemCount, plural, one {item} other {items}}'
   },
   loadingText: {
     id: 'linkDataSource.table-footer.loading',

package/dist/types/ui/common/error-state/messages.d.ts

@@ -34,7 +34,7 @@ export declare const loadingErrorMessages: {
         description: string;
         defaultMessage: string;
     };
-    unableToLoadIssues: {
+    unableToLoadItems: {
         id: string;
         description: string;
         defaultMessage: string;

package/dist/types/ui/table-footer/index.d.ts

@@ -1,7 +1,7 @@
 import { jsx } from '@emotion/react';
 export type TableFooterProps = {
-    issueCount?: number;
+    itemCount?: number;
     onRefresh?: () => void;
     isLoading: boolean;
 };
-export declare const TableFooter: ({ issueCount, onRefresh, isLoading, }: TableFooterProps) => jsx.JSX.Element | null;
+export declare const TableFooter: ({ itemCount, onRefresh, isLoading, }: TableFooterProps) => jsx.JSX.Element | null;

package/dist/types/ui/table-footer/messages.d.ts

@@ -1,5 +1,5 @@
 export declare const footerMessages: {
-    issueText: {
+    itemText: {
         id: string;
         description: string;
         defaultMessage: string;

package/dist/types-ts4.5/ui/common/error-state/messages.d.ts

@@ -34,7 +34,7 @@ export declare const loadingErrorMessages: {
         description: string;
         defaultMessage: string;
     };
-    unableToLoadIssues: {
+    unableToLoadItems: {
         id: string;
         description: string;
         defaultMessage: string;

package/dist/types-ts4.5/ui/table-footer/index.d.ts

@@ -1,7 +1,7 @@
 import { jsx } from '@emotion/react';
 export type TableFooterProps = {
-    issueCount?: number;
+    itemCount?: number;
     onRefresh?: () => void;
     isLoading: boolean;
 };
-export declare const TableFooter: ({ issueCount, onRefresh, isLoading, }: TableFooterProps) => jsx.JSX.Element | null;
+export declare const TableFooter: ({ itemCount, onRefresh, isLoading, }: TableFooterProps) => jsx.JSX.Element | null;

package/dist/types-ts4.5/ui/table-footer/messages.d.ts

@@ -1,5 +1,5 @@
 export declare const footerMessages: {
-    issueText: {
+    itemText: {
         id: string;
         description: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"