@atlaskit/link-datasource 1.2.5 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 1.3.0
+
+### Minor Changes
+
+- [`e4721cc5a3f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4721cc5a3f) - Make issue count clickable
+
+## 1.2.6
+
+### Patch Changes
+
+- [`1017511dadf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1017511dadf) - [ux] Prevent search with invalid input
+
 ## 1.2.5
 
 ### 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.2.5"
+  packageVersion: "1.3.0"
 };
 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.2.5",
+  packageVersion: "1.3.0",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

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

@@ -27,7 +27,8 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
   var datasourceId = _ref.datasourceId,
     parameters = _ref.parameters,
     visibleColumnKeys = _ref.visibleColumnKeys,
-    onVisibleColumnKeysChange = _ref.onVisibleColumnKeysChange;
+    onVisibleColumnKeysChange = _ref.onVisibleColumnKeysChange,
+    url = _ref.url;
   var _useDatasourceTableSt = (0, _useDatasourceTableState.useDatasourceTableState)({
       datasourceId: datasourceId,
       parameters: parameters,
@@ -142,7 +143,8 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     }), (0, _react2.jsx)(_tableFooter.TableFooter, {
       itemCount: isDataReady ? totalCount : undefined,
       onRefresh: forcedReset,
-      isLoading: !isDataReady || status === 'loading'
+      isLoading: !isDataReady || status === 'loading',
+      url: url
     }))
   );
 };

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

@@ -30,10 +30,15 @@ var JiraJQLEditor = function JiraJQLEditor(props) {
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     });
   }, []);
+  var searchIfValidJql = function searchIfValidJql(_, jast) {
+    if (jast.errors.length === 0) {
+      onSearch();
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_jqlEditor.JQLEditor, {
     analyticsSource: "link-datasource",
     autocompleteProvider: autocompleteProvider,
-    onSearch: onSearch,
+    onSearch: searchIfValidJql,
     onUpdate: onChange,
     isSearching: isSearching,
     inputRef: inputRef,

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

@@ -18,6 +18,7 @@ var _uuid = require("uuid");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
 var _colors = require("@atlaskit/theme/colors");
 var _analytics = require("../../../analytics");
 var _constants = require("../../../analytics/constants");
@@ -60,7 +61,6 @@ var placeholderSmartLinkStyles = (0, _react2.css)({
   padding: '0px 2px'
 });
 var issueCountStyles = (0, _react2.css)({
-  color: "var(--ds-text-accent-gray, ".concat(_colors.N800, ")"),
   flex: 1,
   fontWeight: 600
 });
@@ -491,13 +491,20 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()), (0, _react2.jsx)(_modalDialog.ModalFooter, null, shouldShowIssueCount && (0, _react2.jsx)("div", {
     "data-testid": "jira-jql-datasource-modal-total-issues-count",
     css: issueCountStyles
+  }, (0, _react2.jsx)(_linkUrl.default, {
+    href: jqlUrl,
+    target: "_blank",
+    testId: "item-count-url",
+    style: {
+      color: "var(--ds-text-accent-gray, ".concat(_colors.N800, ")")
+    }
   }, (0, _react2.jsx)(_reactIntlNext.FormattedNumber, {
     value: totalCount
   }), ' ', (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.modalMessages.issueText, {
     values: {
       totalCount: totalCount
     }
-  }))), (0, _react2.jsx)(_standardButton.default, {
+  })))), (0, _react2.jsx)(_standardButton.default, {
     appearance: "default",
     onClick: onCancelClick
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.cancelButtonText)), (0, _react2.jsx)(_standardButton.default, {

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

@@ -15,6 +15,7 @@ var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _refresh = _interopRequireDefault(require("@atlaskit/icon/glyph/refresh"));
+var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("./messages");
 var _syncInfo = require("./sync-info");
@@ -22,13 +23,14 @@ 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 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 ItemCounterWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-self: center;\n"])));
 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 itemCount = _ref.itemCount,
     onRefresh = _ref.onRefresh,
-    isLoading = _ref.isLoading;
+    isLoading = _ref.isLoading,
+    url = _ref.url;
   var intl = (0, _reactIntlNext.useIntl)();
   var _useState = (0, _react.useState)(new Date()),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -46,8 +48,16 @@ var TableFooter = function TableFooter(_ref) {
   return onRefresh || showItemCount ? (0, _react2.jsx)(FooterWrapper, {
     "data-testid": "table-footer"
   }, (0, _react2.jsx)(TopBorderWrapper, null, (0, _react2.jsx)(ItemCounterWrapper, {
-    "data-testid": 'item-count-wrapper'
-  }, showItemCount && (0, _react2.jsx)(_heading.default, {
+    "data-testid": "item-count-wrapper"
+  }, showItemCount && (0, _react2.jsx)(_linkUrl.default, {
+    href: url,
+    target: "_blank",
+    testId: "item-count-url",
+    style: {
+      color: "var(--ds-text-accent-gray, ".concat(_colors.N800, ")"),
+      textDecoration: !url ? 'none' : ''
+    }
+  }, (0, _react2.jsx)(_heading.default, {
     testId: "item-count",
     level: "h200"
   }, (0, _react2.jsx)(_reactIntlNext.FormattedNumber, {
@@ -56,7 +66,7 @@ var TableFooter = function TableFooter(_ref) {
     values: {
       itemCount: itemCount
     }
-  })))), (0, _react2.jsx)(SyncWrapper, null, onRefresh && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(SyncTextWrapper, {
+  }))))), (0, _react2.jsx)(SyncWrapper, null, onRefresh && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(SyncTextWrapper, {
     "data-testid": "sync-text"
   }, isLoading ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.footerMessages.loadingText) : (0, _react2.jsx)(_syncInfo.SyncInfo, {
     lastSyncTime: lastSyncTime

package/dist/es2019/analytics/constants.js

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

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

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

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

@@ -19,7 +19,8 @@ const DatasourceTableViewWithoutAnalytics = ({
   datasourceId,
   parameters,
   visibleColumnKeys,
-  onVisibleColumnKeysChange
+  onVisibleColumnKeysChange,
+  url
 }) => {
   const {
     reset,
@@ -137,7 +138,8 @@ const DatasourceTableViewWithoutAnalytics = ({
     }), jsx(TableFooter, {
       itemCount: isDataReady ? totalCount : undefined,
       onRefresh: forcedReset,
-      isLoading: !isDataReady || status === 'loading'
+      isLoading: !isDataReady || status === 'loading',
+      url: url
     }))
   );
 };

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

@@ -23,10 +23,15 @@ export const JiraJQLEditor = props => {
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     });
   }, []);
+  const searchIfValidJql = (_, jast) => {
+    if (jast.errors.length === 0) {
+      onSearch();
+    }
+  };
   return /*#__PURE__*/React.createElement(JQLEditor, {
     analyticsSource: "link-datasource",
     autocompleteProvider: autocompleteProvider,
-    onSearch: onSearch,
+    onSearch: searchIfValidJql,
     onUpdate: onChange,
     isSearching: isSearching,
     inputRef: inputRef,

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

@@ -7,6 +7,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import LinkUrl from '@atlaskit/smart-card/link-url';
 import { B400, N0, N40, N800 } from '@atlaskit/theme/colors';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
 import { packageMetaData } from '../../../analytics/constants';
@@ -45,7 +46,6 @@ const placeholderSmartLinkStyles = css({
   padding: '0px 2px'
 });
 const issueCountStyles = css({
-  color: `var(--ds-text-accent-gray, ${N800})`,
   flex: 1,
   fontWeight: 600
 });
@@ -441,13 +441,20 @@ export const PlainJiraIssuesConfigModal = props => {
   }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
     "data-testid": "jira-jql-datasource-modal-total-issues-count",
     css: issueCountStyles
+  }, jsx(LinkUrl, {
+    href: jqlUrl,
+    target: "_blank",
+    testId: "item-count-url",
+    style: {
+      color: `var(--ds-text-accent-gray, ${N800})`
+    }
   }, jsx(FormattedNumber, {
     value: totalCount
   }), ' ', jsx(FormattedMessage, _extends({}, modalMessages.issueText, {
     values: {
       totalCount
     }
-  }))), jsx(Button, {
+  })))), jsx(Button, {
     appearance: "default",
     onClick: onCancelClick
   }, jsx(FormattedMessage, modalMessages.cancelButtonText)), jsx(Button, {

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

@@ -7,6 +7,7 @@ import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import Heading from '@atlaskit/heading';
 import RefreshIcon from '@atlaskit/icon/glyph/refresh';
+import LinkUrl from '@atlaskit/smart-card/link-url';
 import { N0, N40, N800, N90 } from '@atlaskit/theme/colors';
 import { footerMessages } from './messages';
 import { SyncInfo } from './sync-info';
@@ -25,7 +26,6 @@ const TopBorderWrapper = styled.div`
 const ItemCounterWrapper = styled.div`
   display: flex;
   align-self: center;
-  color: ${`var(--ds-text-accent-gray, ${N800})`};
 `;
 const SyncWrapper = styled.div`
   display: flex;
@@ -39,7 +39,8 @@ const SyncTextWrapper = styled.div`
 export const TableFooter = ({
   itemCount,
   onRefresh,
-  isLoading
+  isLoading,
+  url
 }) => {
   const intl = useIntl();
   const [lastSyncTime, setLastSyncTime] = useState(new Date());
@@ -55,8 +56,16 @@ export const TableFooter = ({
   return onRefresh || showItemCount ? jsx(FooterWrapper, {
     "data-testid": "table-footer"
   }, jsx(TopBorderWrapper, null, jsx(ItemCounterWrapper, {
-    "data-testid": 'item-count-wrapper'
-  }, showItemCount && jsx(Heading, {
+    "data-testid": "item-count-wrapper"
+  }, showItemCount && jsx(LinkUrl, {
+    href: url,
+    target: "_blank",
+    testId: "item-count-url",
+    style: {
+      color: `var(--ds-text-accent-gray, ${N800})`,
+      textDecoration: !url ? 'none' : ''
+    }
+  }, jsx(Heading, {
     testId: "item-count",
     level: "h200"
   }, jsx(FormattedNumber, {
@@ -65,7 +74,7 @@ export const TableFooter = ({
     values: {
       itemCount
     }
-  })))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
+  }))))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
     "data-testid": "sync-text"
   }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {
     lastSyncTime: lastSyncTime

package/dist/esm/analytics/constants.js

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

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

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

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

@@ -19,7 +19,8 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
   var datasourceId = _ref.datasourceId,
     parameters = _ref.parameters,
     visibleColumnKeys = _ref.visibleColumnKeys,
-    onVisibleColumnKeysChange = _ref.onVisibleColumnKeysChange;
+    onVisibleColumnKeysChange = _ref.onVisibleColumnKeysChange,
+    url = _ref.url;
   var _useDatasourceTableSt = useDatasourceTableState({
       datasourceId: datasourceId,
       parameters: parameters,
@@ -134,7 +135,8 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     }), jsx(TableFooter, {
       itemCount: isDataReady ? totalCount : undefined,
       onRefresh: forcedReset,
-      isLoading: !isDataReady || status === 'loading'
+      isLoading: !isDataReady || status === 'loading',
+      url: url
     }))
   );
 };

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

@@ -21,10 +21,15 @@ export var JiraJQLEditor = function JiraJQLEditor(props) {
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     });
   }, []);
+  var searchIfValidJql = function searchIfValidJql(_, jast) {
+    if (jast.errors.length === 0) {
+      onSearch();
+    }
+  };
   return /*#__PURE__*/React.createElement(JQLEditor, {
     analyticsSource: "link-datasource",
     autocompleteProvider: autocompleteProvider,
-    onSearch: onSearch,
+    onSearch: searchIfValidJql,
     onUpdate: onChange,
     isSearching: isSearching,
     inputRef: inputRef,

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

@@ -13,6 +13,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import LinkUrl from '@atlaskit/smart-card/link-url';
 import { B400, N0, N40, N800 } from '@atlaskit/theme/colors';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
 import { packageMetaData } from '../../../analytics/constants';
@@ -51,7 +52,6 @@ var placeholderSmartLinkStyles = css({
   padding: '0px 2px'
 });
 var issueCountStyles = css({
-  color: "var(--ds-text-accent-gray, ".concat(N800, ")"),
   flex: 1,
   fontWeight: 600
 });
@@ -481,13 +481,20 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
   }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
     "data-testid": "jira-jql-datasource-modal-total-issues-count",
     css: issueCountStyles
+  }, jsx(LinkUrl, {
+    href: jqlUrl,
+    target: "_blank",
+    testId: "item-count-url",
+    style: {
+      color: "var(--ds-text-accent-gray, ".concat(N800, ")")
+    }
   }, jsx(FormattedNumber, {
     value: totalCount
   }), ' ', jsx(FormattedMessage, _extends({}, modalMessages.issueText, {
     values: {
       totalCount: totalCount
     }
-  }))), jsx(Button, {
+  })))), jsx(Button, {
     appearance: "default",
     onClick: onCancelClick
   }, jsx(FormattedMessage, modalMessages.cancelButtonText)), jsx(Button, {

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

@@ -10,18 +10,20 @@ import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import Heading from '@atlaskit/heading';
 import RefreshIcon from '@atlaskit/icon/glyph/refresh';
+import LinkUrl from '@atlaskit/smart-card/link-url';
 import { N0, N40, N800, N90 } from '@atlaskit/theme/colors';
 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 ItemCounterWrapper = 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"])));
 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 itemCount = _ref.itemCount,
     onRefresh = _ref.onRefresh,
-    isLoading = _ref.isLoading;
+    isLoading = _ref.isLoading,
+    url = _ref.url;
   var intl = useIntl();
   var _useState = useState(new Date()),
     _useState2 = _slicedToArray(_useState, 2),
@@ -39,8 +41,16 @@ export var TableFooter = function TableFooter(_ref) {
   return onRefresh || showItemCount ? jsx(FooterWrapper, {
     "data-testid": "table-footer"
   }, jsx(TopBorderWrapper, null, jsx(ItemCounterWrapper, {
-    "data-testid": 'item-count-wrapper'
-  }, showItemCount && jsx(Heading, {
+    "data-testid": "item-count-wrapper"
+  }, showItemCount && jsx(LinkUrl, {
+    href: url,
+    target: "_blank",
+    testId: "item-count-url",
+    style: {
+      color: "var(--ds-text-accent-gray, ".concat(N800, ")"),
+      textDecoration: !url ? 'none' : ''
+    }
+  }, jsx(Heading, {
     testId: "item-count",
     level: "h200"
   }, jsx(FormattedNumber, {
@@ -49,7 +59,7 @@ export var TableFooter = function TableFooter(_ref) {
     values: {
       itemCount: itemCount
     }
-  })))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
+  }))))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
     "data-testid": "sync-text"
   }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {
     lastSyncTime: lastSyncTime

package/dist/types/ui/datasource-table-view/types.d.ts

@@ -4,4 +4,5 @@ export interface DatasourceTableViewProps {
     fields?: string[];
     onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
     visibleColumnKeys?: string[];
+    url?: string;
 }

package/dist/types/ui/jira-issues-modal/jql-editor/index.d.ts

@@ -3,7 +3,7 @@ export interface JiraJQLEditorProps {
     cloudId: string;
     isSearching?: boolean;
     onChange?: (query: string) => void;
-    onSearch: (query: string) => void;
+    onSearch: () => void;
     query: string;
 }
 export declare const JiraJQLEditor: React.FC<JiraJQLEditorProps>;

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

@@ -3,5 +3,6 @@ export type TableFooterProps = {
     itemCount?: number;
     onRefresh?: () => void;
     isLoading: boolean;
+    url?: string;
 };
-export declare const TableFooter: ({ itemCount, onRefresh, isLoading, }: TableFooterProps) => jsx.JSX.Element | null;
+export declare const TableFooter: ({ itemCount, onRefresh, isLoading, url, }: TableFooterProps) => jsx.JSX.Element | null;

package/dist/types-ts4.5/ui/datasource-table-view/types.d.ts

@@ -4,4 +4,5 @@ export interface DatasourceTableViewProps {
     fields?: string[];
     onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
     visibleColumnKeys?: string[];
+    url?: string;
 }

package/dist/types-ts4.5/ui/jira-issues-modal/jql-editor/index.d.ts

@@ -3,7 +3,7 @@ export interface JiraJQLEditorProps {
     cloudId: string;
     isSearching?: boolean;
     onChange?: (query: string) => void;
-    onSearch: (query: string) => void;
+    onSearch: () => void;
     query: string;
 }
 export declare const JiraJQLEditor: React.FC<JiraJQLEditorProps>;

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

@@ -3,5 +3,6 @@ export type TableFooterProps = {
     itemCount?: number;
     onRefresh?: () => void;
     isLoading: boolean;
+    url?: string;
 };
-export declare const TableFooter: ({ itemCount, onRefresh, isLoading, }: TableFooterProps) => jsx.JSX.Element | null;
+export declare const TableFooter: ({ itemCount, onRefresh, isLoading, url, }: TableFooterProps) => jsx.JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.2.5",
+  "version": "1.3.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -61,6 +61,7 @@
     "@atlaskit/tokens": "^1.25.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.4",
+    "@atlassianlabs/jql-ast": "^2.1.0",
     "@atlassianlabs/jql-editor": "^2.0.1",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

package/report.api.md

@@ -93,6 +93,8 @@ interface DatasourceTableViewProps {
   // (undocumented)
   parameters: object;
   // (undocumented)
+  url?: string;
+  // (undocumented)
   visibleColumnKeys?: string[];
 }
 

package/tmp/api-report-tmp.d.ts

@@ -77,6 +77,8 @@ interface DatasourceTableViewProps {
     // (undocumented)
     parameters: object;
     // (undocumented)
+    url?: string;
+    // (undocumented)
     visibleColumnKeys?: string[];
 }