@atlaskit/link-datasource 2.11.16 → 2.12.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/link-datasource
 
+## 2.12.1
+
+### Patch Changes
+
+- [#137443](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137443)
+  [`1be2afe0863d9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1be2afe0863d9) -
+  Fire analytic event `ui.error.shown.inlineEdit` when error flag is shown
+
+## 2.12.0
+
+### Minor Changes
+
+- [#137119](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137119)
+  [`39898be3befdd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/39898be3befdd) -
+  Expose `disableDisplayDropdown` Prop for JiraIssuesConfigModal
+
+### Patch Changes
+
+- [#136467](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136467)
+  [`121a4c6220928`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/121a4c6220928) -
+  Fire event when user clicks on inline edit
+- Updated dependencies
+
 ## 2.11.16
 
 ### Patch Changes

package/dist/cjs/hooks/useDatasourceTableFlag.js

@@ -12,11 +12,20 @@ var _reactIntlNext = require("react-intl-next");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _flag = require("@atlaskit/flag");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
+var _analytics = require("../analytics");
 var _messages = require("../ui/issue-like-table/messages");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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) { (0, _defineProperty2.default)(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; }
+var getErrorReason = function getErrorReason(status) {
+  switch (status) {
+    case 403:
+      return 'access_denied';
+    default:
+      return 'request_failed';
+  }
+};
 var getGenericErrorMessage = function getGenericErrorMessage(status) {
   switch (status) {
     case 403:
@@ -34,6 +43,8 @@ var getGenericErrorMessage = function getGenericErrorMessage(status) {
 var useDatasourceTableFlag = exports.useDatasourceTableFlag = function useDatasourceTableFlag(options) {
   var _useFlags = (0, _flag.useFlags)(),
     showFlag = _useFlags.showFlag;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var showErrorFlag = (0, _react.useCallback)(function (args) {
     showFlag(_objectSpread(_objectSpread({
       // We need IconTile in order to scale the new icon to 24px
@@ -45,7 +56,10 @@ var useDatasourceTableFlag = exports.useDatasourceTableFlag = function useDataso
       id: (0, _uuid.default)(),
       isAutoDismiss: true
     }, getGenericErrorMessage(args === null || args === void 0 ? void 0 : args.status)), args));
-  }, [showFlag]);
+    fireEvent('ui.error.shown.inlineEdit', {
+      reason: getErrorReason(args === null || args === void 0 ? void 0 : args.status)
+    });
+  }, [fireEvent, showFlag]);
   return {
     showErrorFlag: showErrorFlag
   };

package/dist/cjs/hooks/useDatasourceTableState.js

@@ -232,6 +232,7 @@ var useDatasourceTableState = exports.useDatasourceTableState = function useData
       _totalCount,
       schema,
       integrationKey,
+      entityType,
       newIds,
       aris,
       isUserLoadingNextPage,
@@ -314,7 +315,8 @@ var useDatasourceTableState = exports.useDatasourceTableState = function useData
              * Product is typed as any.
              */
             integrationKey = product;
-            newIds = onAddItems(items, typeof integrationKey === 'string' ? integrationKey : undefined);
+            entityType = _destinationObjectTypes !== null && _destinationObjectTypes !== void 0 && _destinationObjectTypes.length ? _destinationObjectTypes[0] : undefined;
+            newIds = onAddItems(items, typeof integrationKey === 'string' ? integrationKey : undefined, entityType);
             setResponseItemIds(function (currentIds) {
               return [].concat((0, _toConsumableArray2.default)(currentIds), (0, _toConsumableArray2.default)(newIds));
             });
@@ -325,12 +327,12 @@ var useDatasourceTableState = exports.useDatasourceTableState = function useData
                     var _item$ari;
                     return typeof ((_item$ari = item.ari) === null || _item$ari === void 0 ? void 0 : _item$ari.data) === 'string' ? [].concat((0, _toConsumableArray2.default)(acc), [item.ari.data]) : acc;
                   }, []);
-                  if (aris.length && _destinationObjectTypes.length) {
+                  if (aris.length && entityType) {
                     discoverActions({
                       aris: aris,
                       integrationKey: integrationKey,
                       fieldKeys: fieldKeys,
-                      entityType: _destinationObjectTypes[0]
+                      entityType: entityType
                     });
                   }
                 }

package/dist/cjs/state/index.js

@@ -38,7 +38,7 @@ var actions = exports.actions = {
       });
     };
   },
-  onAddItems: function onAddItems(items, integrationKey) {
+  onAddItems: function onAddItems(items, integrationKey, entityType) {
     return function (_ref2) {
       var setState = _ref2.setState,
         getState = _ref2.getState;
@@ -52,6 +52,7 @@ var actions = exports.actions = {
           var id = ari !== null && ari !== void 0 ? ari : (0, _uuid.v4)();
           return [[].concat((0, _toConsumableArray2.default)(ids), [id]), _objectSpread(_objectSpread({}, itemMap), {}, (0, _defineProperty2.default)({}, id, {
             ari: ari,
+            entityType: entityType,
             integrationKey: integrationKey,
             data: _objectSpread(_objectSpread({}, (_oldItems$id = oldItems[id]) === null || _oldItems$id === void 0 ? void 0 : _oldItems$id.data), item)
           }))];

package/dist/cjs/ui/common/modal/datasource-modal/createDatasourceModal.js

@@ -31,7 +31,8 @@ var createDatasourceModal = exports.createDatasourceModal = function createDatas
       wrappedColumnKeys = props.wrappedColumnKeys,
       parameters = props.parameters,
       onInsert = props.onInsert,
-      viewMode = props.viewMode;
+      viewMode = props.viewMode,
+      disableDisplayDropdown = props.disableDisplayDropdown;
     return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
       data: {
         source: 'datasourceConfigModal',
@@ -49,7 +50,8 @@ var createDatasourceModal = exports.createDatasourceModal = function createDatas
       isValidParameters: isValidParameters,
       onInsert: onInsert
     }, (0, _react2.jsx)(_useViewModeContext.DatasourceViewModeProvider, {
-      viewMode: viewMode !== null && viewMode !== void 0 ? viewMode : DEFAULT_VIEW_MODE
+      viewMode: viewMode !== null && viewMode !== void 0 ? viewMode : DEFAULT_VIEW_MODE,
+      disableDisplayDropdown: disableDisplayDropdown || false
     }, (0, _react2.jsx)(ModalContent, props))))));
   };
 };

package/dist/cjs/ui/common/modal/mode-switcher/index.js

@@ -121,10 +121,14 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
   })) : null;
 };
 var DatasourceViewModeDropDown = exports.DatasourceViewModeDropDown = function DatasourceViewModeDropDown() {
+  var userInteractions = (0, _userInteractions.useUserInteractions)();
   var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
     currentViewMode = _useViewModeContext.currentViewMode,
-    setCurrentViewMode = _useViewModeContext.setCurrentViewMode;
-  var userInteractions = (0, _userInteractions.useUserInteractions)();
+    setCurrentViewMode = _useViewModeContext.setCurrentViewMode,
+    disableDisplayDropdown = _useViewModeContext.disableDisplayDropdown;
+  if (disableDisplayDropdown) {
+    return null;
+  }
   var handleViewModeChange = function handleViewModeChange(selectedMode) {
     userInteractions.add(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);

package/dist/cjs/ui/common/modal/mode-switcher/useViewModeContext.js

@@ -21,6 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ViewModeContext = /*#__PURE__*/(0, _react.createContext)(null);
 var DatasourceViewModeProvider = exports.DatasourceViewModeProvider = function DatasourceViewModeProvider(_ref) {
   var initialViewMode = _ref.viewMode,
+    disableDisplayDropdown = _ref.disableDisplayDropdown,
     children = _ref.children;
   var _useState = (0, _react.useState)(initialViewMode),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -29,9 +30,10 @@ var DatasourceViewModeProvider = exports.DatasourceViewModeProvider = function D
   var value = (0, _react.useMemo)(function () {
     return {
       currentViewMode: currentViewMode,
-      setCurrentViewMode: setCurrentViewMode
+      setCurrentViewMode: setCurrentViewMode,
+      disableDisplayDropdown: disableDisplayDropdown
     };
-  }, [currentViewMode, setCurrentViewMode]);
+  }, [currentViewMode, setCurrentViewMode, disableDisplayDropdown]);
   return (0, _react2.jsx)(ViewModeContext.Provider, {
     value: value
   }, children);

package/dist/cjs/ui/confluence-search-modal/modal/index.js

@@ -79,8 +79,6 @@ var useUpdateParametersOnFormUpdate = function useUpdateParametersOnFormUpdate(c
 var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
   var onCancel = props.onCancel,
     urlBeingEdited = props.url,
-    _props$disableDisplay = props.disableDisplayDropdown,
-    disableDisplayDropdown = _props$disableDisplay === void 0 ? false : _props$disableDisplay,
     overrideParameters = props.overrideParameters;
   var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
     currentViewMode = _useViewModeContext.currentViewMode;
@@ -313,7 +311,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     selectedSite: selectedConfluenceSite,
     testId: "confluence-search-datasource-modal--site-selector",
     label: siteSelectorLabel
-  })), !hasNoConfluenceSites && !disableDisplayDropdown && (0, _react2.jsx)(_modeSwitcher.DatasourceViewModeDropDown, null)), (0, _react2.jsx)(_modalDialog.ModalBody, null, !hasNoConfluenceSites ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_primitives.Box, {
+  })), !hasNoConfluenceSites && (0, _react2.jsx)(_modeSwitcher.DatasourceViewModeDropDown, null)), (0, _react2.jsx)(_modalDialog.ModalBody, null, !hasNoConfluenceSites ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_primitives.Box, {
     xcss: inputContainerStyles
   }, (0, _react2.jsx)(_confluenceSearchContainer.default, {
     isSearching: status === 'loading',

package/dist/cjs/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -50,6 +50,9 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
   var item = (0, _state.useDatasourceItem)({
     id: ari
   });
+  var _ref2 = item || {},
+    entityType = _ref2.entityType,
+    integrationKey = _ref2.integrationKey;
   var _useDatasourceTableFl = (0, _useDatasourceTableFlag.useDatasourceTableFlag)(),
     showErrorFlag = _useDatasourceTableFl.showErrorFlag;
   var _useDatasourceActions = (0, _state.useDatasourceActions)(),
@@ -78,6 +81,16 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     });
     setIsEditing(false);
   }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, fireEvent, showErrorFlag]);
+  var onEdit = (0, _react.useCallback)(function () {
+    setIsEditing(true);
+    if (integrationKey && entityType) {
+      fireEvent('ui.inlineEdit.clicked.datasource', {
+        integrationKey: integrationKey,
+        entityType: entityType,
+        fieldKey: columnKey
+      });
+    }
+  }, [columnKey, entityType, fireEvent, integrationKey]);
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: editContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)(datasourceTypeWithValues), {
@@ -87,9 +100,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     },
     readViewFitContainerWidth: true,
     isEditing: isEditing,
-    onEdit: function onEdit() {
-      return setIsEditing(true);
-    },
+    onEdit: onEdit,
     onCancel: function onCancel() {
       return setIsEditing(false);
     },

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

@@ -73,7 +73,9 @@ var PlainJiraIssuesConfigModalOld = exports.PlainJiraIssuesConfigModalOld = func
     viewMode = _props$viewMode === void 0 ? 'table' : _props$viewMode,
     initialParameters = props.parameters,
     urlBeingEdited = props.url,
-    initialVisibleColumnKeys = props.visibleColumnKeys;
+    initialVisibleColumnKeys = props.visibleColumnKeys,
+    _props$disableDisplay = props.disableDisplayDropdown,
+    disableDisplayDropdown = _props$disableDisplay === void 0 ? false : _props$disableDisplay;
   var _useState = (0, _react.useState)(viewMode),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     currentViewMode = _useState2[0],
@@ -463,7 +465,7 @@ var PlainJiraIssuesConfigModalOld = exports.PlainJiraIssuesConfigModalOld = func
     selectedSite: selectedJiraSite,
     testId: "jira-datasource-modal--site-selector",
     label: siteSelectorLabel
-  })), !hasNoJiraSites && (0, _react2.jsx)(_displayViewDropDown.DisplayViewDropDown, {
+  })), !hasNoJiraSites && !disableDisplayDropdown && (0, _react2.jsx)(_displayViewDropDown.DisplayViewDropDown, {
     onViewModeChange: handleViewModeChange,
     viewMode: currentViewMode
   })), (0, _react2.jsx)(_modalDialog.ModalBody, null, !hasNoJiraSites ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_jiraSearchContainer.JiraSearchContainer, {

package/dist/es2019/hooks/useDatasourceTableFlag.js

@@ -3,7 +3,16 @@ import { FormattedMessage } from 'react-intl-next';
 import uuid from 'uuid';
 import { useFlags } from '@atlaskit/flag';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
+import { useDatasourceAnalyticsEvents } from '../analytics';
 import { issueLikeTableMessages } from '../ui/issue-like-table/messages';
+const getErrorReason = status => {
+  switch (status) {
+    case 403:
+      return 'access_denied';
+    default:
+      return 'request_failed';
+  }
+};
 const getGenericErrorMessage = status => {
   switch (status) {
     case 403:
@@ -22,6 +31,9 @@ export const useDatasourceTableFlag = options => {
   const {
     showFlag
   } = useFlags();
+  const {
+    fireEvent
+  } = useDatasourceAnalyticsEvents();
   const showErrorFlag = useCallback(args => {
     showFlag({
       // We need IconTile in order to scale the new icon to 24px
@@ -35,7 +47,10 @@ export const useDatasourceTableFlag = options => {
       ...getGenericErrorMessage(args === null || args === void 0 ? void 0 : args.status),
       ...args
     });
-  }, [showFlag]);
+    fireEvent('ui.error.shown.inlineEdit', {
+      reason: getErrorReason(args === null || args === void 0 ? void 0 : args.status)
+    });
+  }, [fireEvent, showFlag]);
   return {
     showErrorFlag
   };

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -199,7 +199,8 @@ export const useDatasourceTableState = ({
          * Product is typed as any.
          */
         const integrationKey = product;
-        const newIds = onAddItems(items, typeof integrationKey === 'string' ? integrationKey : undefined);
+        const entityType = destinationObjectTypes !== null && destinationObjectTypes !== void 0 && destinationObjectTypes.length ? destinationObjectTypes[0] : undefined;
+        const newIds = onAddItems(items, typeof integrationKey === 'string' ? integrationKey : undefined, entityType);
         setResponseItemIds(currentIds => [...currentIds, ...newIds]);
         if (fg('platform-datasources-enable-two-way-sync')) {
           if (!isFedRamp()) {
@@ -208,12 +209,12 @@ export const useDatasourceTableState = ({
                 var _item$ari;
                 return typeof ((_item$ari = item.ari) === null || _item$ari === void 0 ? void 0 : _item$ari.data) === 'string' ? [...acc, item.ari.data] : acc;
               }, []);
-              if (aris.length && destinationObjectTypes.length) {
+              if (aris.length && entityType) {
                 discoverActions({
                   aris,
                   integrationKey,
                   fieldKeys,
-                  entityType: destinationObjectTypes[0]
+                  entityType
                 });
               }
             }

package/dist/es2019/state/index.js

@@ -30,7 +30,7 @@ export const actions = {
       }
     });
   },
-  onAddItems: (items, integrationKey) => ({
+  onAddItems: (items, integrationKey, entityType) => ({
     setState,
     getState
   }) => {
@@ -45,6 +45,7 @@ export const actions = {
         ...itemMap,
         [id]: {
           ari,
+          entityType,
           integrationKey,
           data: {
             ...((_oldItems$id = oldItems[id]) === null || _oldItems$id === void 0 ? void 0 : _oldItems$id.data),

package/dist/es2019/ui/common/modal/datasource-modal/createDatasourceModal.js

@@ -26,7 +26,8 @@ export const createDatasourceModal = ({
       wrappedColumnKeys,
       parameters,
       onInsert,
-      viewMode
+      viewMode,
+      disableDisplayDropdown
     } = props;
     return jsx(AnalyticsContext, {
       data: {
@@ -45,7 +46,8 @@ export const createDatasourceModal = ({
       isValidParameters: isValidParameters,
       onInsert: onInsert
     }, jsx(DatasourceViewModeProvider, {
-      viewMode: viewMode !== null && viewMode !== void 0 ? viewMode : DEFAULT_VIEW_MODE
+      viewMode: viewMode !== null && viewMode !== void 0 ? viewMode : DEFAULT_VIEW_MODE,
+      disableDisplayDropdown: disableDisplayDropdown || false
     }, jsx(ModalContent, props))))));
   };
 };

package/dist/es2019/ui/common/modal/mode-switcher/index.js

@@ -113,11 +113,15 @@ export const ModeSwitcher = props => {
   })) : null;
 };
 export const DatasourceViewModeDropDown = () => {
+  const userInteractions = useUserInteractions();
   const {
     currentViewMode,
-    setCurrentViewMode
+    setCurrentViewMode,
+    disableDisplayDropdown
   } = useViewModeContext();
-  const userInteractions = useUserInteractions();
+  if (disableDisplayDropdown) {
+    return null;
+  }
   const handleViewModeChange = selectedMode => {
     userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);

package/dist/es2019/ui/common/modal/mode-switcher/useViewModeContext.js

@@ -9,13 +9,15 @@ import { jsx } from '@emotion/react';
 const ViewModeContext = /*#__PURE__*/createContext(null);
 export const DatasourceViewModeProvider = ({
   viewMode: initialViewMode,
+  disableDisplayDropdown,
   children
 }) => {
   const [currentViewMode, setCurrentViewMode] = useState(initialViewMode);
   const value = useMemo(() => ({
     currentViewMode,
-    setCurrentViewMode
-  }), [currentViewMode, setCurrentViewMode]);
+    setCurrentViewMode,
+    disableDisplayDropdown
+  }), [currentViewMode, setCurrentViewMode, disableDisplayDropdown]);
   return jsx(ViewModeContext.Provider, {
     value: value
   }, children);

package/dist/es2019/ui/confluence-search-modal/modal/index.js

@@ -76,7 +76,6 @@ export const PlainConfluenceSearchConfigModal = props => {
   const {
     onCancel,
     url: urlBeingEdited,
-    disableDisplayDropdown = false,
     overrideParameters
   } = props;
   const {
@@ -300,7 +299,7 @@ export const PlainConfluenceSearchConfigModal = props => {
     selectedSite: selectedConfluenceSite,
     testId: "confluence-search-datasource-modal--site-selector",
     label: siteSelectorLabel
-  })), !hasNoConfluenceSites && !disableDisplayDropdown && jsx(DatasourceViewModeDropDown, null)), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(Box, {
+  })), !hasNoConfluenceSites && jsx(DatasourceViewModeDropDown, null)), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(Box, {
     xcss: inputContainerStyles
   }, jsx(ConfluenceSearchContainer, {
     isSearching: status === 'loading',

package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -36,6 +36,10 @@ export const InlineEdit = ({
   const item = useDatasourceItem({
     id: ari
   });
+  const {
+    entityType,
+    integrationKey
+  } = item || {};
   const {
     showErrorFlag
   } = useDatasourceTableFlag();
@@ -67,6 +71,16 @@ export const InlineEdit = ({
     });
     setIsEditing(false);
   }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, fireEvent, showErrorFlag]);
+  const onEdit = useCallback(() => {
+    setIsEditing(true);
+    if (integrationKey && entityType) {
+      fireEvent('ui.inlineEdit.clicked.datasource', {
+        integrationKey,
+        entityType,
+        fieldKey: columnKey
+      });
+    }
+  }, [columnKey, entityType, fireEvent, integrationKey]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: editContainerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {
@@ -74,7 +88,7 @@ export const InlineEdit = ({
     readView: () => readView,
     readViewFitContainerWidth: true,
     isEditing: isEditing,
-    onEdit: () => setIsEditing(true),
+    onEdit: onEdit,
     onCancel: () => setIsEditing(false),
     onConfirm: onCommitUpdate
   })));

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

@@ -66,7 +66,8 @@ export const PlainJiraIssuesConfigModalOld = props => {
     viewMode = 'table',
     parameters: initialParameters,
     url: urlBeingEdited,
-    visibleColumnKeys: initialVisibleColumnKeys
+    visibleColumnKeys: initialVisibleColumnKeys,
+    disableDisplayDropdown = false
   } = props;
   const [currentViewMode, setCurrentViewMode] = useState(viewMode);
   const [cloudId, setCloudId] = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.cloudId);
@@ -447,7 +448,7 @@ export const PlainJiraIssuesConfigModalOld = props => {
     selectedSite: selectedJiraSite,
     testId: "jira-datasource-modal--site-selector",
     label: siteSelectorLabel
-  })), !hasNoJiraSites && jsx(DisplayViewDropDown, {
+  })), !hasNoJiraSites && !disableDisplayDropdown && jsx(DisplayViewDropDown, {
     onViewModeChange: handleViewModeChange,
     viewMode: currentViewMode
   })), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {

package/dist/esm/hooks/useDatasourceTableFlag.js

@@ -6,7 +6,16 @@ import { FormattedMessage } from 'react-intl-next';
 import uuid from 'uuid';
 import { useFlags } from '@atlaskit/flag';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
+import { useDatasourceAnalyticsEvents } from '../analytics';
 import { issueLikeTableMessages } from '../ui/issue-like-table/messages';
+var getErrorReason = function getErrorReason(status) {
+  switch (status) {
+    case 403:
+      return 'access_denied';
+    default:
+      return 'request_failed';
+  }
+};
 var getGenericErrorMessage = function getGenericErrorMessage(status) {
   switch (status) {
     case 403:
@@ -24,6 +33,8 @@ var getGenericErrorMessage = function getGenericErrorMessage(status) {
 export var useDatasourceTableFlag = function useDatasourceTableFlag(options) {
   var _useFlags = useFlags(),
     showFlag = _useFlags.showFlag;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var showErrorFlag = useCallback(function (args) {
     showFlag(_objectSpread(_objectSpread({
       // We need IconTile in order to scale the new icon to 24px
@@ -35,7 +46,10 @@ export var useDatasourceTableFlag = function useDatasourceTableFlag(options) {
       id: uuid(),
       isAutoDismiss: true
     }, getGenericErrorMessage(args === null || args === void 0 ? void 0 : args.status)), args));
-  }, [showFlag]);
+    fireEvent('ui.error.shown.inlineEdit', {
+      reason: getErrorReason(args === null || args === void 0 ? void 0 : args.status)
+    });
+  }, [fireEvent, showFlag]);
   return {
     showErrorFlag: showErrorFlag
   };

package/dist/esm/hooks/useDatasourceTableState.js

@@ -225,6 +225,7 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
       _totalCount,
       schema,
       integrationKey,
+      entityType,
       newIds,
       aris,
       isUserLoadingNextPage,
@@ -307,7 +308,8 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
              * Product is typed as any.
              */
             integrationKey = product;
-            newIds = onAddItems(items, typeof integrationKey === 'string' ? integrationKey : undefined);
+            entityType = _destinationObjectTypes !== null && _destinationObjectTypes !== void 0 && _destinationObjectTypes.length ? _destinationObjectTypes[0] : undefined;
+            newIds = onAddItems(items, typeof integrationKey === 'string' ? integrationKey : undefined, entityType);
             setResponseItemIds(function (currentIds) {
               return [].concat(_toConsumableArray(currentIds), _toConsumableArray(newIds));
             });
@@ -318,12 +320,12 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
                     var _item$ari;
                     return typeof ((_item$ari = item.ari) === null || _item$ari === void 0 ? void 0 : _item$ari.data) === 'string' ? [].concat(_toConsumableArray(acc), [item.ari.data]) : acc;
                   }, []);
-                  if (aris.length && _destinationObjectTypes.length) {
+                  if (aris.length && entityType) {
                     discoverActions({
                       aris: aris,
                       integrationKey: integrationKey,
                       fieldKeys: fieldKeys,
-                      entityType: _destinationObjectTypes[0]
+                      entityType: entityType
                     });
                   }
                 }

package/dist/esm/state/index.js

@@ -31,7 +31,7 @@ export var actions = {
       });
     };
   },
-  onAddItems: function onAddItems(items, integrationKey) {
+  onAddItems: function onAddItems(items, integrationKey, entityType) {
     return function (_ref2) {
       var setState = _ref2.setState,
         getState = _ref2.getState;
@@ -45,6 +45,7 @@ export var actions = {
           var id = ari !== null && ari !== void 0 ? ari : uuidv4();
           return [[].concat(_toConsumableArray(ids), [id]), _objectSpread(_objectSpread({}, itemMap), {}, _defineProperty({}, id, {
             ari: ari,
+            entityType: entityType,
             integrationKey: integrationKey,
             data: _objectSpread(_objectSpread({}, (_oldItems$id = oldItems[id]) === null || _oldItems$id === void 0 ? void 0 : _oldItems$id.data), item)
           }))];

package/dist/esm/ui/common/modal/datasource-modal/createDatasourceModal.js

@@ -24,7 +24,8 @@ export var createDatasourceModal = function createDatasourceModal(_ref) {
       wrappedColumnKeys = props.wrappedColumnKeys,
       parameters = props.parameters,
       onInsert = props.onInsert,
-      viewMode = props.viewMode;
+      viewMode = props.viewMode,
+      disableDisplayDropdown = props.disableDisplayDropdown;
     return jsx(AnalyticsContext, {
       data: {
         source: 'datasourceConfigModal',
@@ -42,7 +43,8 @@ export var createDatasourceModal = function createDatasourceModal(_ref) {
       isValidParameters: isValidParameters,
       onInsert: onInsert
     }, jsx(DatasourceViewModeProvider, {
-      viewMode: viewMode !== null && viewMode !== void 0 ? viewMode : DEFAULT_VIEW_MODE
+      viewMode: viewMode !== null && viewMode !== void 0 ? viewMode : DEFAULT_VIEW_MODE,
+      disableDisplayDropdown: disableDisplayDropdown || false
     }, jsx(ModalContent, props))))));
   };
 };

package/dist/esm/ui/common/modal/mode-switcher/index.js

@@ -113,10 +113,14 @@ export var ModeSwitcher = function ModeSwitcher(props) {
   })) : null;
 };
 export var DatasourceViewModeDropDown = function DatasourceViewModeDropDown() {
+  var userInteractions = useUserInteractions();
   var _useViewModeContext = useViewModeContext(),
     currentViewMode = _useViewModeContext.currentViewMode,
-    setCurrentViewMode = _useViewModeContext.setCurrentViewMode;
-  var userInteractions = useUserInteractions();
+    setCurrentViewMode = _useViewModeContext.setCurrentViewMode,
+    disableDisplayDropdown = _useViewModeContext.disableDisplayDropdown;
+  if (disableDisplayDropdown) {
+    return null;
+  }
   var handleViewModeChange = function handleViewModeChange(selectedMode) {
     userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);

package/dist/esm/ui/common/modal/mode-switcher/useViewModeContext.js

@@ -10,6 +10,7 @@ import { jsx } from '@emotion/react';
 var ViewModeContext = /*#__PURE__*/createContext(null);
 export var DatasourceViewModeProvider = function DatasourceViewModeProvider(_ref) {
   var initialViewMode = _ref.viewMode,
+    disableDisplayDropdown = _ref.disableDisplayDropdown,
     children = _ref.children;
   var _useState = useState(initialViewMode),
     _useState2 = _slicedToArray(_useState, 2),
@@ -18,9 +19,10 @@ export var DatasourceViewModeProvider = function DatasourceViewModeProvider(_ref
   var value = useMemo(function () {
     return {
       currentViewMode: currentViewMode,
-      setCurrentViewMode: setCurrentViewMode
+      setCurrentViewMode: setCurrentViewMode,
+      disableDisplayDropdown: disableDisplayDropdown
     };
-  }, [currentViewMode, setCurrentViewMode]);
+  }, [currentViewMode, setCurrentViewMode, disableDisplayDropdown]);
   return jsx(ViewModeContext.Provider, {
     value: value
   }, children);

package/dist/esm/ui/confluence-search-modal/modal/index.js

@@ -76,8 +76,6 @@ var useUpdateParametersOnFormUpdate = function useUpdateParametersOnFormUpdate(c
 export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
   var onCancel = props.onCancel,
     urlBeingEdited = props.url,
-    _props$disableDisplay = props.disableDisplayDropdown,
-    disableDisplayDropdown = _props$disableDisplay === void 0 ? false : _props$disableDisplay,
     overrideParameters = props.overrideParameters;
   var _useViewModeContext = useViewModeContext(),
     currentViewMode = _useViewModeContext.currentViewMode;
@@ -310,7 +308,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     selectedSite: selectedConfluenceSite,
     testId: "confluence-search-datasource-modal--site-selector",
     label: siteSelectorLabel
-  })), !hasNoConfluenceSites && !disableDisplayDropdown && jsx(DatasourceViewModeDropDown, null)), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(Box, {
+  })), !hasNoConfluenceSites && jsx(DatasourceViewModeDropDown, null)), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(Box, {
     xcss: inputContainerStyles
   }, jsx(ConfluenceSearchContainer, {
     isSearching: status === 'loading',

package/dist/esm/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -40,6 +40,9 @@ export var InlineEdit = function InlineEdit(_ref) {
   var item = useDatasourceItem({
     id: ari
   });
+  var _ref2 = item || {},
+    entityType = _ref2.entityType,
+    integrationKey = _ref2.integrationKey;
   var _useDatasourceTableFl = useDatasourceTableFlag(),
     showErrorFlag = _useDatasourceTableFl.showErrorFlag;
   var _useDatasourceActions = useDatasourceActions(),
@@ -68,6 +71,16 @@ export var InlineEdit = function InlineEdit(_ref) {
     });
     setIsEditing(false);
   }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, fireEvent, showErrorFlag]);
+  var onEdit = useCallback(function () {
+    setIsEditing(true);
+    if (integrationKey && entityType) {
+      fireEvent('ui.inlineEdit.clicked.datasource', {
+        integrationKey: integrationKey,
+        entityType: entityType,
+        fieldKey: columnKey
+      });
+    }
+  }, [columnKey, entityType, fireEvent, integrationKey]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: editContainerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {
@@ -77,9 +90,7 @@ export var InlineEdit = function InlineEdit(_ref) {
     },
     readViewFitContainerWidth: true,
     isEditing: isEditing,
-    onEdit: function onEdit() {
-      return setIsEditing(true);
-    },
+    onEdit: onEdit,
     onCancel: function onCancel() {
       return setIsEditing(false);
     },

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

@@ -70,7 +70,9 @@ export var PlainJiraIssuesConfigModalOld = function PlainJiraIssuesConfigModalOl
     viewMode = _props$viewMode === void 0 ? 'table' : _props$viewMode,
     initialParameters = props.parameters,
     urlBeingEdited = props.url,
-    initialVisibleColumnKeys = props.visibleColumnKeys;
+    initialVisibleColumnKeys = props.visibleColumnKeys,
+    _props$disableDisplay = props.disableDisplayDropdown,
+    disableDisplayDropdown = _props$disableDisplay === void 0 ? false : _props$disableDisplay;
   var _useState = useState(viewMode),
     _useState2 = _slicedToArray(_useState, 2),
     currentViewMode = _useState2[0],
@@ -460,7 +462,7 @@ export var PlainJiraIssuesConfigModalOld = function PlainJiraIssuesConfigModalOl
     selectedSite: selectedJiraSite,
     testId: "jira-datasource-modal--site-selector",
     label: siteSelectorLabel
-  })), !hasNoJiraSites && jsx(DisplayViewDropDown, {
+  })), !hasNoJiraSites && !disableDisplayDropdown && jsx(DisplayViewDropDown, {
     onViewModeChange: handleViewModeChange,
     viewMode: currentViewMode
   })), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {

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::0d4e0c024f984c4facf077d6a3f6ccda>>
+ * @codegen <<SignedSource::87bb81d0c3b90473d208f9c02285004e>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -152,6 +152,14 @@ export type ActionDiscoverySuccessAttributesType = {
     datasourceId: string | null;
 };
 export type FormSubmittedInlineEditAttributesType = {};
+export type InlineEditClickedDatasourceAttributesType = {
+    entityType: string;
+    integrationKey: string;
+    fieldKey: string;
+};
+export type ErrorShownInlineEditAttributesType = {
+    reason: 'access_denied' | 'request_failed';
+};
 export type AnalyticsEventAttributes = {
     /**
      * Fires when user sees modal dialog. */
@@ -270,5 +278,11 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the user initiates an update via inline edit through enter key press or submit */
     'ui.form.submitted.inlineEdit': FormSubmittedInlineEditAttributesType;
+    /**
+     * Fired when inline edit is clicked to show edit mode */
+    'ui.inlineEdit.clicked.datasource': InlineEditClickedDatasourceAttributesType;
+    /**
+     * Fired when the inline edit failed and the error flag is shown. */
+    'ui.error.shown.inlineEdit': ErrorShownInlineEditAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types/common/types.d.ts

@@ -25,4 +25,6 @@ export type ConfigModalProps<ADF, Parameters> = {
      * - Inline = Presents a smart link that shows the count of query results. However, if there's only one result, it converts to an inline smart link of that issue.
      */
     viewMode?: DisplayViewModes;
+    /** Disable the view mode display dropdown */
+    disableDisplayDropdown?: boolean;
 } & Partial<Pick<IssueLikeDataTableViewProps, 'visibleColumnKeys' | 'wrappedColumnKeys' | 'columnCustomSizes'>>;

package/dist/types/state/index.d.ts

@@ -4,6 +4,7 @@ import type { DatasourceDataResponseItem } from '@atlaskit/linking-types';
 type UniqueIdentifier = string;
 interface DatasourceItem {
     ari: string | undefined;
+    entityType: string | undefined;
     integrationKey: string | undefined;
     data: DatasourceDataResponseItem;
 }
@@ -12,18 +13,18 @@ export interface State {
 }
 export declare const actions: {
     onUpdateItem: (id: string, data: DatasourceDataResponseItem) => Action<State, void, void>;
-    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined) => Action<State, void, string[]>;
+    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined, entityType: string | undefined) => Action<State, void, string[]>;
 };
 export declare const Store: import("react-sweet-state").Store<State, {
     onUpdateItem: (id: string, data: DatasourceDataResponseItem) => Action<State, void, void>;
-    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined) => Action<State, void, string[]>;
+    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined, entityType: string | undefined) => Action<State, void, string[]>;
 }>;
 export declare const useDatasourceItem: import("react-sweet-state").HookStateFunction<DatasourceItem | undefined, {
     id: string;
 }>;
 export declare const useDatasourceActions: import("react-sweet-state").HookActionsFunction<import("react-sweet-state").BoundActions<State, {
     onUpdateItem: (id: string, data: DatasourceDataResponseItem) => Action<State, void, void>;
-    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined) => Action<State, void, string[]>;
+    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined, entityType: string | undefined) => Action<State, void, string[]>;
 }>>;
 export declare const StoreContainer: ({ children }: {
     children: JSX.Element;

package/dist/types/ui/common/modal/mode-switcher/index.d.ts

@@ -13,4 +13,4 @@ export interface ModeSwitcherProps<T extends string = string> {
     selectedOptionValue?: string;
 }
 export declare const ModeSwitcher: <T extends string = string>(props: ModeSwitcherProps<T>) => jsx.JSX.Element | null;
-export declare const DatasourceViewModeDropDown: () => jsx.JSX.Element;
+export declare const DatasourceViewModeDropDown: () => jsx.JSX.Element | null;

package/dist/types/ui/common/modal/mode-switcher/useViewModeContext.d.ts

@@ -8,9 +8,11 @@ import type { DisplayViewModes } from '../../../../common/types';
 interface ViewModeHookState {
     currentViewMode: DisplayViewModes;
     setCurrentViewMode: (selectedMode: DisplayViewModes) => void;
+    disableDisplayDropdown: boolean;
 }
-export declare const DatasourceViewModeProvider: ({ viewMode: initialViewMode, children, }: {
+export declare const DatasourceViewModeProvider: ({ viewMode: initialViewMode, disableDisplayDropdown, children, }: {
     viewMode: DisplayViewModes;
+    disableDisplayDropdown: boolean;
     children: React.ReactNode;
 }) => jsx.JSX.Element;
 export declare const useViewModeContext: () => ViewModeHookState;

package/dist/types/ui/confluence-search-modal/types.d.ts

@@ -4,11 +4,9 @@ import { type ConfigModalProps } from '../../common/types';
 import { type ConnectedConfigModalProps } from '../common/modal/datasource-modal/createDatasourceModal';
 import { type DateRangeType } from '../common/modal/popup-select/types';
 export interface ConfluenceSearchConfigModalProps extends ConfigModalProps<InlineCardAdf | ConfluenceSearchDatasourceAdf, DatasourceParameters | ConfluenceSearchDatasourceParameters> {
-    disableDisplayDropdown?: boolean;
     overrideParameters?: Pick<ConfluenceSearchDatasourceParameters, 'entityTypes'>;
 }
 export interface ConnectedConfluenceSearchConfigModalProps extends ConnectedConfigModalProps<ConfluenceSearchDatasourceParameters> {
-    disableDisplayDropdown?: boolean;
     overrideParameters?: Pick<ConfluenceSearchDatasourceParameters, 'entityTypes'>;
 }
 export type ConfluenceSearchDatasourceParameters = {

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::0d4e0c024f984c4facf077d6a3f6ccda>>
+ * @codegen <<SignedSource::87bb81d0c3b90473d208f9c02285004e>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -152,6 +152,14 @@ export type ActionDiscoverySuccessAttributesType = {
     datasourceId: string | null;
 };
 export type FormSubmittedInlineEditAttributesType = {};
+export type InlineEditClickedDatasourceAttributesType = {
+    entityType: string;
+    integrationKey: string;
+    fieldKey: string;
+};
+export type ErrorShownInlineEditAttributesType = {
+    reason: 'access_denied' | 'request_failed';
+};
 export type AnalyticsEventAttributes = {
     /**
      * Fires when user sees modal dialog. */
@@ -270,5 +278,11 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the user initiates an update via inline edit through enter key press or submit */
     'ui.form.submitted.inlineEdit': FormSubmittedInlineEditAttributesType;
+    /**
+     * Fired when inline edit is clicked to show edit mode */
+    'ui.inlineEdit.clicked.datasource': InlineEditClickedDatasourceAttributesType;
+    /**
+     * Fired when the inline edit failed and the error flag is shown. */
+    'ui.error.shown.inlineEdit': ErrorShownInlineEditAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types-ts4.5/common/types.d.ts

@@ -25,4 +25,6 @@ export type ConfigModalProps<ADF, Parameters> = {
      * - Inline = Presents a smart link that shows the count of query results. However, if there's only one result, it converts to an inline smart link of that issue.
      */
     viewMode?: DisplayViewModes;
+    /** Disable the view mode display dropdown */
+    disableDisplayDropdown?: boolean;
 } & Partial<Pick<IssueLikeDataTableViewProps, 'visibleColumnKeys' | 'wrappedColumnKeys' | 'columnCustomSizes'>>;

package/dist/types-ts4.5/state/index.d.ts

@@ -4,6 +4,7 @@ import type { DatasourceDataResponseItem } from '@atlaskit/linking-types';
 type UniqueIdentifier = string;
 interface DatasourceItem {
     ari: string | undefined;
+    entityType: string | undefined;
     integrationKey: string | undefined;
     data: DatasourceDataResponseItem;
 }
@@ -12,18 +13,18 @@ export interface State {
 }
 export declare const actions: {
     onUpdateItem: (id: string, data: DatasourceDataResponseItem) => Action<State, void, void>;
-    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined) => Action<State, void, string[]>;
+    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined, entityType: string | undefined) => Action<State, void, string[]>;
 };
 export declare const Store: import("react-sweet-state").Store<State, {
     onUpdateItem: (id: string, data: DatasourceDataResponseItem) => Action<State, void, void>;
-    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined) => Action<State, void, string[]>;
+    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined, entityType: string | undefined) => Action<State, void, string[]>;
 }>;
 export declare const useDatasourceItem: import("react-sweet-state").HookStateFunction<DatasourceItem | undefined, {
     id: string;
 }>;
 export declare const useDatasourceActions: import("react-sweet-state").HookActionsFunction<import("react-sweet-state").BoundActions<State, {
     onUpdateItem: (id: string, data: DatasourceDataResponseItem) => Action<State, void, void>;
-    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined) => Action<State, void, string[]>;
+    onAddItems: (items: DatasourceDataResponseItem[], integrationKey: string | undefined, entityType: string | undefined) => Action<State, void, string[]>;
 }>>;
 export declare const StoreContainer: ({ children }: {
     children: JSX.Element;

package/dist/types-ts4.5/ui/common/modal/mode-switcher/index.d.ts

@@ -13,4 +13,4 @@ export interface ModeSwitcherProps<T extends string = string> {
     selectedOptionValue?: string;
 }
 export declare const ModeSwitcher: <T extends string = string>(props: ModeSwitcherProps<T>) => jsx.JSX.Element | null;
-export declare const DatasourceViewModeDropDown: () => jsx.JSX.Element;
+export declare const DatasourceViewModeDropDown: () => jsx.JSX.Element | null;

package/dist/types-ts4.5/ui/common/modal/mode-switcher/useViewModeContext.d.ts

@@ -8,9 +8,11 @@ import type { DisplayViewModes } from '../../../../common/types';
 interface ViewModeHookState {
     currentViewMode: DisplayViewModes;
     setCurrentViewMode: (selectedMode: DisplayViewModes) => void;
+    disableDisplayDropdown: boolean;
 }
-export declare const DatasourceViewModeProvider: ({ viewMode: initialViewMode, children, }: {
+export declare const DatasourceViewModeProvider: ({ viewMode: initialViewMode, disableDisplayDropdown, children, }: {
     viewMode: DisplayViewModes;
+    disableDisplayDropdown: boolean;
     children: React.ReactNode;
 }) => jsx.JSX.Element;
 export declare const useViewModeContext: () => ViewModeHookState;

package/dist/types-ts4.5/ui/confluence-search-modal/types.d.ts

@@ -4,11 +4,9 @@ import { type ConfigModalProps } from '../../common/types';
 import { type ConnectedConfigModalProps } from '../common/modal/datasource-modal/createDatasourceModal';
 import { type DateRangeType } from '../common/modal/popup-select/types';
 export interface ConfluenceSearchConfigModalProps extends ConfigModalProps<InlineCardAdf | ConfluenceSearchDatasourceAdf, DatasourceParameters | ConfluenceSearchDatasourceParameters> {
-    disableDisplayDropdown?: boolean;
     overrideParameters?: Pick<ConfluenceSearchDatasourceParameters, 'entityTypes'>;
 }
 export interface ConnectedConfluenceSearchConfigModalProps extends ConnectedConfigModalProps<ConfluenceSearchDatasourceParameters> {
-    disableDisplayDropdown?: boolean;
     overrideParameters?: Pick<ConfluenceSearchDatasourceParameters, 'entityTypes'>;
 }
 export type ConfluenceSearchDatasourceParameters = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "2.11.16",
+	"version": "2.12.1",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -54,8 +54,8 @@
 		"@atlaskit/inline-edit": "^13.7.0",
 		"@atlaskit/intl-messages-provider": "^1.0.0",
 		"@atlaskit/jql-ast": "^3.3.0",
-		"@atlaskit/jql-editor": "^4.6.0",
-		"@atlaskit/jql-editor-autocomplete-rest": "^2.0.0",
+		"@atlaskit/jql-editor": "^4.7.0",
+		"@atlaskit/jql-editor-autocomplete-rest": "^2.1.0",
 		"@atlaskit/layering": "^0.4.0",
 		"@atlaskit/link-client-extension": "^2.3.0",
 		"@atlaskit/linking-common": "^5.11.0",
@@ -72,7 +72,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
 		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/select": "^17.15.0",
-		"@atlaskit/smart-card": "^27.19.0",
+		"@atlaskit/smart-card": "^27.20.0",
 		"@atlaskit/smart-user-picker": "6.10.2",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tag": "^12.5.0",