@atlaskit/link-datasource 1.18.0 → 1.19.0

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/trigger.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useCallback } from 'react';
 import styled from '@emotion/styled';
 import { FormattedMessage } from 'react-intl-next';
 import Badge from '@atlaskit/badge';
@@ -40,33 +40,40 @@ var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref2 = selectedOptions || [],
     _ref3 = _slicedToArray(_ref2, 1),
     firstOption = _ref3[0];
-  var testId = "jlol-basic-filter-".concat(filterType, "-trigger");
   var hasOptions = selectedOptions && selectedOptions.length > 0;
   var showButtonLoading = !isDisabled && isLoading;
-  if (showButtonLoading) {
+  var LoadingButton = useCallback(function () {
     return /*#__PURE__*/React.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/React.createElement(Button, {
       iconAfter: /*#__PURE__*/React.createElement(Spinner, {
         size: 'xsmall'
-      }),
-      testId: testId
+      })
     }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages["".concat(filterType, "Label")])));
-  }
-  return /*#__PURE__*/React.createElement(Button, {
+  }, [filterType]);
+  var DefaultButton = useCallback(function () {
+    return /*#__PURE__*/React.createElement(Button, {
+      appearance: "default",
+      isSelected: isSelected || hasOptions,
+      isDisabled: isDisabled,
+      iconAfter: /*#__PURE__*/React.createElement(ChevronDownIcon, {
+        label: ""
+      })
+    }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
+      xcss: triggerButtonLabelStyles
+    }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages["".concat(filterType, "Label")]), firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
+      xcss: badgeStyles,
+      alignItems: "center"
+    }, /*#__PURE__*/React.createElement(Badge, {
+      appearance: "primary"
+    }, "+", selectedOptions.length - 1))));
+  }, [filterType, firstOption, hasOptions, isDisabled, isSelected, selectedOptions]);
+
+  /**
+   * We had an issue with the popup component referencing a stale DOM ref for the trigger button.
+   * Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
+   */
+  return /*#__PURE__*/React.createElement(Box, {
     ref: ref,
-    appearance: "default",
-    isSelected: isSelected || hasOptions,
-    isDisabled: isDisabled,
-    testId: testId,
-    iconAfter: /*#__PURE__*/React.createElement(ChevronDownIcon, {
-      label: ""
-    })
-  }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
-    xcss: triggerButtonLabelStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages["".concat(filterType, "Label")]), firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
-    xcss: badgeStyles,
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Badge, {
-    appearance: "primary"
-  }, "+", selectedOptions.length - 1))));
+    testId: "jlol-basic-filter-".concat(filterType, "-trigger")
+  }, showButtonLoading ? /*#__PURE__*/React.createElement(LoadingButton, null) : /*#__PURE__*/React.createElement(DefaultButton, null));
 });
 export default PopupTrigger;

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

@@ -1,38 +1,16 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useCallback, useEffect, useState } from 'react';
+import React from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
-import { isValidJql } from '../utils';
 import AsyncPopupSelect from './async-popup-select';
 var availableBasicFilterTypes = ['project', 'issuetype', 'status', 'assignee'];
 var basicFilterContainerStyles = xcss({
   paddingLeft: "var(--ds-space-100, 8px)"
 });
 var BasicFilterContainer = function BasicFilterContainer(_ref) {
-  var jql = _ref.jql,
-    cloudId = _ref.cloudId,
-    onChange = _ref.onChange;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    selection = _useState2[0],
-    setSelection = _useState2[1];
-  useEffect(function () {
-    if (isValidJql(jql)) {
-      // hydrate hook call goes in here
-    }
-  }, [jql]);
-  var handleSelectionChange = useCallback(function (filterType, options) {
-    var updatedSelection = _objectSpread(_objectSpread({}, selection), {}, _defineProperty({}, filterType, options));
-    setSelection(updatedSelection);
-    onChange(updatedSelection);
-  }, [onChange, selection]);
-  var handleReset = useCallback(function () {
-    if (Object.keys(selection).length > 0) {
-      setSelection({});
-    }
-  }, [selection]);
+  var cloudId = _ref.cloudId,
+    onChange = _ref.onChange,
+    selections = _ref.selections,
+    onReset = _ref.onReset,
+    isJQLHydrating = _ref.isJQLHydrating;
   return /*#__PURE__*/React.createElement(Flex, {
     xcss: basicFilterContainerStyles,
     gap: "space.100",
@@ -42,10 +20,11 @@ var BasicFilterContainer = function BasicFilterContainer(_ref) {
       cloudId: cloudId,
       filterType: filter,
       key: filter,
-      selection: selection[filter] || [],
+      selection: selections[filter] || [],
+      isJQLHydrating: isJQLHydrating,
       isDisabled: !cloudId,
-      onSelectionChange: handleSelectionChange,
-      onReset: handleReset
+      onSelectionChange: onChange,
+      onReset: onReset
     });
   }));
 };

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

@@ -1,4 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -8,6 +11,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { BasicFilters } from '../basic-filters';
+import { useHydrateJqlQuery } from '../basic-filters/hooks/useHydrateJqlQuery';
 import { SEARCH_DEBOUNCE_MS } from '../basic-filters/ui/async-popup-select';
 import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
 import { BasicSearchInput } from '../basic-search-input';
@@ -65,8 +69,18 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     setOrderDirection = _useState12[1];
   var _useState13 = useState({}),
     _useState14 = _slicedToArray(_useState13, 2),
-    filters = _useState14[0],
-    setFilters = _useState14[1];
+    filterSelections = _useState14[0],
+    setFilterSelections = _useState14[1];
+  var showBasicFilters = useMemo(function () {
+    if (getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters')) {
+      return true;
+    }
+    return false;
+  }, []);
+  var _useHydrateJqlQuery = useHydrateJqlQuery(cloudId || '', jql),
+    hydratedOptions = _useHydrateJqlQuery.hydratedOptions,
+    fetchHydratedJqlOptions = _useHydrateJqlQuery.fetchHydratedJqlOptions,
+    basicFilterHydrationStatus = _useHydrateJqlQuery.status;
   var onSearchMethodChange = useCallback(function (searchMethod) {
     onSearchMethodChangeCallback(searchMethod);
     setCurrentSearchMethod(searchMethod);
@@ -76,11 +90,11 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     setBasicSearchTerm(rawSearch);
     setJql(buildJQL({
       rawSearch: rawSearch,
-      filterValues: filters,
+      filterValues: filterSelections,
       orderDirection: orderDirection,
       orderKey: orderKey
     }));
-  }, [filters, orderDirection, orderKey]);
+  }, [filterSelections, orderDirection, orderKey]);
   var onQueryChange = useCallback(function (query) {
     var _query$split$map$filt, _fragments$at, _fragments$at2, _fragments$at3;
     // determine if order keys have been set so they can be saved and persisted when changes occur in basic search
@@ -102,13 +116,17 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     onSearch({
       jql: jql
     }, currentSearchMethod);
-    setIsComplexQuery(isQueryTooComplex(jql));
     if (currentSearchMethod === 'basic') {
       fireEvent('ui.form.submitted.basicSearch', {});
     } else if (currentSearchMethod === 'jql') {
       fireEvent('ui.jqlEditor.searched', {});
+      var isCurrentQueryComplex = isQueryTooComplex(jql);
+      setIsComplexQuery(isCurrentQueryComplex);
+      if (showBasicFilters && !isCurrentQueryComplex) {
+        fetchHydratedJqlOptions();
+      }
     }
-  }, [currentSearchMethod, fireEvent, jql, onSearch]);
+  }, [currentSearchMethod, fetchHydratedJqlOptions, fireEvent, jql, onSearch, showBasicFilters]);
   var _useDebouncedCallback = useDebouncedCallback(function (filterValues) {
       var jqlWithFilterValues = buildJQL({
         rawSearch: basicSearchTerm,
@@ -124,21 +142,35 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     _useDebouncedCallback2 = _slicedToArray(_useDebouncedCallback, 1),
     debouncedBasicFilterSelectionChange = _useDebouncedCallback2[0];
   var handleBasicFilterSelectionChange = useCallback(function (filterValues) {
-    setFilters(filterValues);
+    setFilterSelections(filterValues);
     debouncedBasicFilterSelectionChange(filterValues);
   }, [debouncedBasicFilterSelectionChange]);
   useEffect(function () {
-    setIsComplexQuery(isQueryTooComplex(jql));
+    var isCurrentQueryComplex = isQueryTooComplex(jql);
+    setIsComplexQuery(isCurrentQueryComplex);
+    if (showBasicFilters && !isCurrentQueryComplex && jql !== DEFAULT_JQL_QUERY) {
+      fetchHydratedJqlOptions();
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var showBasicFilters = useMemo(function () {
-    if (getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters')) {
-      return true;
+  useEffect(function () {
+    if (basicFilterHydrationStatus === 'resolved') {
+      setFilterSelections(hydratedOptions);
     }
-    return false;
-  }, []);
+  }, [hydratedOptions, basicFilterHydrationStatus]);
+  var handleSelectionChange = useCallback(function (filterType, options) {
+    var updatedSelection = _objectSpread(_objectSpread({}, filterSelections), {}, _defineProperty({}, filterType, options));
+    setFilterSelections(updatedSelection);
+    handleBasicFilterSelectionChange(updatedSelection);
+  }, [handleBasicFilterSelectionChange, filterSelections]);
+  var handleBasicFiltersReset = useCallback(function () {
+    if (Object.keys(filterSelections).length > 0) {
+      setFilterSelections({});
+    }
+  }, [filterSelections]);
   return jsx("div", {
-    css: inputContainerStyles
+    css: inputContainerStyles,
+    "data-testid": "jira-search-container"
   }, currentSearchMethod === 'basic' && jsx(Flex, {
     alignItems: "center",
     xcss: basicSearchInputContainerStyles
@@ -148,9 +180,11 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     onSearch: handleSearch,
     searchTerm: basicSearchTerm
   }), showBasicFilters && jsx(BasicFilters, {
-    jql: jql,
     cloudId: cloudId || '',
-    onChange: handleBasicFilterSelectionChange
+    onChange: handleSelectionChange,
+    selections: filterSelections,
+    onReset: handleBasicFiltersReset,
+    isJQLHydrating: basicFilterHydrationStatus === 'loading'
   })), currentSearchMethod === 'jql' && jsx(JiraJQLEditor, {
     cloudId: cloudId || '',
     isSearching: isSearching,

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

@@ -27,6 +27,7 @@ import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState'
 import { getAvailableJiraSites } from '../../../services/getAvailableJiraSites';
 import { AccessRequired } from '../../common/error-state/access-required';
 import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
+import { NoInstancesView } from '../../common/error-state/no-instances';
 import { NoResults } from '../../common/error-state/no-results';
 import { EmptyState, IssueLikeDataTableView } from '../../issue-like-table';
 import LinkRenderType from '../../issue-like-table/render-type/link';
@@ -99,7 +100,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     initialParameters = props.parameters,
     urlBeingEdited = props.url,
     initialVisibleColumnKeys = props.visibleColumnKeys;
-  var _useState = useState([]),
+  var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     availableSites = _useState2[0],
     setAvailableSites = _useState2[1];
@@ -169,14 +170,14 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     modalRenderInstanceId = _useRef.current;
   var selectedJiraSite = useMemo(function () {
     if (cloudId) {
-      return availableSites.find(function (jiraSite) {
+      return availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(function (jiraSite) {
         return jiraSite.cloudId === cloudId;
       });
     } else {
       var currentlyLoggedInSiteUrl = window.location.origin;
-      return availableSites.find(function (jiraSite) {
+      return (availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(function (jiraSite) {
         return jiraSite.url === currentlyLoggedInSiteUrl;
-      }) || availableSites[0];
+      })) || (availableSites === null || availableSites === void 0 ? void 0 : availableSites[0]);
     }
   }, [availableSites, cloudId]);
   var analyticsPayload = useMemo(function () {
@@ -190,6 +191,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
   var isInsertDisabled = !isParametersSet || status === 'rejected' || status === 'unauthorized' || status === 'loading';
   var shouldShowIssueCount = !!totalCount && totalCount !== 1 && currentViewMode === 'issue';
   var isDataReady = (visibleColumnKeys || []).length > 0;
+  var hasNoJiraSites = availableSites && availableSites.length === 0;
   useEffect(function () {
     var shouldStartUfoExperience = status === 'loading';
     if (shouldStartUfoExperience) {
@@ -506,12 +508,12 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     shouldScrollInViewport: true
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx("div", {
     css: dropdownContainerStyles
-  }, availableSites.length < 2 ? jsx(FormattedMessage, modalMessages.insertIssuesTitle) : jsx(Fragment, null, jsx(FormattedMessage, modalMessages.insertIssuesTitleManySites), jsx(JiraSiteSelector, {
+  }, availableSites && availableSites.length > 1 ? jsx(Fragment, null, jsx(FormattedMessage, modalMessages.insertIssuesTitleManySites), jsx(JiraSiteSelector, {
     availableSites: availableSites,
     onSiteSelection: onSiteSelection,
     selectedJiraSite: selectedJiraSite,
     testId: "jira-jql-datasource-modal--site-selector"
-  })))), jsx(ModeSwitcher, {
+  })) : jsx(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && jsx(ModeSwitcher, {
     isCompact: true,
     options: [{
       label: formatMessage(modalMessages.issueViewModeLabel),
@@ -522,13 +524,13 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     }],
     onOptionValueChange: handleViewModeChange,
     selectedOptionValue: currentViewMode
-  })), jsx(ModalBody, null, jsx(JiraSearchContainer, {
+  })), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {
     isSearching: status === 'loading',
     parameters: parameters,
     onSearch: onSearch,
     initialSearchMethod: initialSearchMethod,
     onSearchMethodChange: setCurrentSearchMethod
-  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
+  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : jsx(NoInstancesView, null)), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
     "data-testid": "jira-jql-datasource-modal-total-issues-count",
     css: issueCountStyles
   }, jsx(LinkUrl, {
@@ -547,7 +549,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
   })))), jsx(Button, {
     appearance: "default",
     onClick: onCancelClick
-  }, jsx(FormattedMessage, modalMessages.cancelButtonText)), jsx(Button, {
+  }, jsx(FormattedMessage, modalMessages.cancelButtonText)), !hasNoJiraSites && jsx(Button, {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,

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

@@ -24,7 +24,7 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var onChange = function onChange(newValue) {
-    var selectedSite = availableSites.find(function (site) {
+    var selectedSite = availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(function (site) {
       return site.cloudId === (newValue === null || newValue === void 0 ? void 0 : newValue.value);
     });
     if (selectedSite) {
@@ -32,7 +32,7 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
     }
   };
   var availableSitesOptions = useMemo(function () {
-    return availableSites.map(function (site) {
+    return availableSites === null || availableSites === void 0 ? void 0 : availableSites.map(function (site) {
       return {
         label: site.displayName,
         value: site.cloudId
@@ -48,7 +48,7 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
   }, jsx(Select, {
     css: selectStyles,
     classNamePrefix: testId,
-    isLoading: availableSites.length === 0,
+    isLoading: !availableSites,
     onChange: onChange,
     options: availableSitesOptions,
     placeholder: formatMessage(siteSelectorMessages.chooseSite),

package/dist/types/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::ccda345ed2d15f3bbe167f871f676090>>
+ * @codegen <<SignedSource::4e6414d2c19c29a67f20beee73d4b788>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -59,6 +59,11 @@ export type DatasourceRenderSuccessAttributesType = {
     display: 'table';
 };
 export type DatasourceRenderFailureAttributesType = {};
+export type DatasourceOperationFailedAttributesType = {
+    errorLocation: string | null;
+    traceId: string | null;
+    status: number | null;
+};
 export type NextItemLoadedAttributesType = {
     destinationObjectTypes: unknown[];
     extensionKey: string | null;
@@ -155,6 +160,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when an inserted datasource fails to render */
     'operational.datasource.renderFailure': DatasourceRenderFailureAttributesType;
+    /**
+     * Fired when a generic operation failed */
+    'operational.datasource.operationFailed': DatasourceOperationFailedAttributesType;
     /**
      * Fired when user scrolls to the next page/list of the objects */
     'track.nextItem.loaded': NextItemLoadedAttributesType;

package/dist/types/hooks/useErrorLogger.d.ts

@@ -0,0 +1,4 @@
+declare const useErrorLogger: () => {
+    captureError: (errorLocation: string, error: unknown) => void;
+};
+export default useErrorLogger;

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

@@ -44,4 +44,14 @@ export declare const loadingErrorMessages: {
         description: string;
         defaultMessage: string;
     };
+    noAccessToJiraSitesTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    noAccessToJiraSitesDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

package/dist/types/ui/common/error-state/no-instances-svg.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NoInstancesSvg: () => JSX.Element;

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

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const NoInstancesView: () => jsx.JSX.Element;

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.d.ts

@@ -4,10 +4,11 @@ export interface AsyncPopupSelectProps {
     filterType: BasicFilterFieldType;
     cloudId: string;
     selection: SelectOption[];
+    isJQLHydrating: boolean;
     onSelectionChange?: (filterType: BasicFilterFieldType, options: SelectOption[]) => void;
     onReset?: () => void;
     isDisabled?: boolean;
 }
 export declare const SEARCH_DEBOUNCE_MS = 350;
-declare const AsyncPopupSelect: ({ filterType, cloudId, selection, onSelectionChange, onReset: resetSelection, isDisabled, }: AsyncPopupSelectProps) => JSX.Element;
+declare const AsyncPopupSelect: ({ filterType, cloudId, selection, isJQLHydrating, onSelectionChange, onReset: resetSelection, isDisabled, }: AsyncPopupSelectProps) => JSX.Element;
 export default AsyncPopupSelect;

package/dist/types/ui/jira-issues-modal/basic-filters/ui/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
-import type { SelectedOptionsMap } from '../types';
+import type { BasicFilterFieldType, SelectedOptionsMap, SelectOption } from '../types';
 export interface BasicFilterContainerProps {
-    jql: string;
     cloudId: string;
-    onChange: (selection: SelectedOptionsMap) => void;
+    selections: SelectedOptionsMap;
+    onChange: (filterType: BasicFilterFieldType, options: SelectOption[]) => void;
+    onReset: () => void;
+    isJQLHydrating: boolean;
 }
-declare const BasicFilterContainer: ({ jql, cloudId, onChange, }: BasicFilterContainerProps) => JSX.Element;
+declare const BasicFilterContainer: ({ cloudId, onChange, selections, onReset, isJQLHydrating, }: BasicFilterContainerProps) => JSX.Element;
 export default BasicFilterContainer;

package/dist/types/ui/jira-issues-modal/site-selector/index.d.ts

@@ -1,7 +1,7 @@
 import { jsx } from '@emotion/react';
 import { Site } from '../../../services/getAvailableJiraSites';
 export interface JiraSiteSelectorProps {
-    availableSites: Site[];
+    availableSites: Site[] | undefined;
     onSiteSelection: (selectedSite: Site) => void;
     selectedJiraSite?: Site;
     testId?: string;

package/dist/types-ts4.5/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::ccda345ed2d15f3bbe167f871f676090>>
+ * @codegen <<SignedSource::4e6414d2c19c29a67f20beee73d4b788>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -59,6 +59,11 @@ export type DatasourceRenderSuccessAttributesType = {
     display: 'table';
 };
 export type DatasourceRenderFailureAttributesType = {};
+export type DatasourceOperationFailedAttributesType = {
+    errorLocation: string | null;
+    traceId: string | null;
+    status: number | null;
+};
 export type NextItemLoadedAttributesType = {
     destinationObjectTypes: unknown[];
     extensionKey: string | null;
@@ -155,6 +160,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when an inserted datasource fails to render */
     'operational.datasource.renderFailure': DatasourceRenderFailureAttributesType;
+    /**
+     * Fired when a generic operation failed */
+    'operational.datasource.operationFailed': DatasourceOperationFailedAttributesType;
     /**
      * Fired when user scrolls to the next page/list of the objects */
     'track.nextItem.loaded': NextItemLoadedAttributesType;

package/dist/types-ts4.5/hooks/useErrorLogger.d.ts

@@ -0,0 +1,4 @@
+declare const useErrorLogger: () => {
+    captureError: (errorLocation: string, error: unknown) => void;
+};
+export default useErrorLogger;

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

@@ -44,4 +44,14 @@ export declare const loadingErrorMessages: {
         description: string;
         defaultMessage: string;
     };
+    noAccessToJiraSitesTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    noAccessToJiraSitesDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

package/dist/types-ts4.5/ui/common/error-state/no-instances-svg.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NoInstancesSvg: () => JSX.Element;

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

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const NoInstancesView: () => jsx.JSX.Element;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.d.ts

@@ -4,10 +4,11 @@ export interface AsyncPopupSelectProps {
     filterType: BasicFilterFieldType;
     cloudId: string;
     selection: SelectOption[];
+    isJQLHydrating: boolean;
     onSelectionChange?: (filterType: BasicFilterFieldType, options: SelectOption[]) => void;
     onReset?: () => void;
     isDisabled?: boolean;
 }
 export declare const SEARCH_DEBOUNCE_MS = 350;
-declare const AsyncPopupSelect: ({ filterType, cloudId, selection, onSelectionChange, onReset: resetSelection, isDisabled, }: AsyncPopupSelectProps) => JSX.Element;
+declare const AsyncPopupSelect: ({ filterType, cloudId, selection, isJQLHydrating, onSelectionChange, onReset: resetSelection, isDisabled, }: AsyncPopupSelectProps) => JSX.Element;
 export default AsyncPopupSelect;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
-import type { SelectedOptionsMap } from '../types';
+import type { BasicFilterFieldType, SelectedOptionsMap, SelectOption } from '../types';
 export interface BasicFilterContainerProps {
-    jql: string;
     cloudId: string;
-    onChange: (selection: SelectedOptionsMap) => void;
+    selections: SelectedOptionsMap;
+    onChange: (filterType: BasicFilterFieldType, options: SelectOption[]) => void;
+    onReset: () => void;
+    isJQLHydrating: boolean;
 }
-declare const BasicFilterContainer: ({ jql, cloudId, onChange, }: BasicFilterContainerProps) => JSX.Element;
+declare const BasicFilterContainer: ({ cloudId, onChange, selections, onReset, isJQLHydrating, }: BasicFilterContainerProps) => JSX.Element;
 export default BasicFilterContainer;

package/dist/types-ts4.5/ui/jira-issues-modal/site-selector/index.d.ts

@@ -1,7 +1,7 @@
 import { jsx } from '@emotion/react';
 import { Site } from '../../../services/getAvailableJiraSites';
 export interface JiraSiteSelectorProps {
-    availableSites: Site[];
+    availableSites: Site[] | undefined;
     onSiteSelection: (selectedSite: Site) => void;
     selectedJiraSite?: Site;
     testId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
     "@atlaskit/jql-ast": "^3.0.0",
     "@atlaskit/jql-editor-autocomplete-rest": "^2.0.0",
     "@atlaskit/link-client-extension": "^1.8.0",
-    "@atlaskit/linking-common": "^4.18.0",
+    "@atlaskit/linking-common": "^4.19.0",
     "@atlaskit/linking-types": "^8.5.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/modal-dialog": "^12.8.0",
@@ -55,7 +55,7 @@
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^0.12.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^0.6.0",
     "@atlaskit/pragmatic-drag-and-drop-react-indicator": "^0.17.0",
-    "@atlaskit/primitives": "^1.11.0",
+    "@atlaskit/primitives": "^1.12.0",
     "@atlaskit/select": "^17.0.0",
     "@atlaskit/smart-card": "^26.42.0",
     "@atlaskit/spinner": "^16.0.0",
@@ -138,6 +138,9 @@
   "platform-feature-flags": {
     "platform.linking-platform.datasource.show-jlol-basic-filters": {
       "type": "boolean"
+    },
+    "platform.linking-platform.datasources.enable-sentry-client": {
+      "type": "boolean"
     }
   }
 }