@atlaskit/link-datasource 2.5.11 → 2.5.12

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/link-datasource
 
+## 2.5.12
+
+### Patch Changes
+
+- [`5b2c27d787675`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b2c27d787675) -
+  Extract ADF creation related code and move into InsertButton
+
 ## 2.5.11
 
 ### Patch Changes

package/dist/cjs/ui/common/modal/datasource-context/index.js

@@ -22,7 +22,8 @@ var DatasourceContextProvider = exports.DatasourceContextProvider = function Dat
     initialParameters = _ref.initialParameters,
     initialVisibleColumnKeys = _ref.initialVisibleColumnKeys,
     initialColumnCustomSizes = _ref.initialColumnCustomSizes,
-    initialWrappedColumnKeys = _ref.initialWrappedColumnKeys;
+    initialWrappedColumnKeys = _ref.initialWrappedColumnKeys,
+    onInsert = _ref.onInsert;
   var _useState = (0, _react.useState)(initialParameters),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     parameters = _useState2[0],
@@ -52,6 +53,8 @@ var DatasourceContextProvider = exports.DatasourceContextProvider = function Dat
     visibleColumnCount = _useColumnVisibility.visibleColumnCount;
   var contextValue = (0, _react.useMemo)(function () {
     return {
+      datasourceId: datasourceId,
+      isValidParameters: isValidParameters,
       tableState: tableState,
       visibleColumnCount: visibleColumnCount,
       visibleColumnKeys: visibleColumnKeys,
@@ -61,9 +64,10 @@ var DatasourceContextProvider = exports.DatasourceContextProvider = function Dat
       wrappedColumnKeys: wrappedColumnKeys,
       onWrappedColumnChange: onWrappedColumnChange,
       parameters: parameters,
-      setParameters: setParameters
+      setParameters: setParameters,
+      onInsert: onInsert
     };
-  }, [tableState, visibleColumnCount, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, parameters]);
+  }, [datasourceId, isValidParameters, tableState, visibleColumnCount, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, parameters, onInsert]);
   return /*#__PURE__*/_react.default.createElement(DatasourceContext.Provider, {
     value: contextValue
   }, children);

package/dist/cjs/ui/common/modal/insert-button/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InsertButton = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _analytics = require("../../../../analytics");
+var _types = require("../../../../analytics/types");
+var _adf = require("../../../../common/utils/adf");
+var _userInteractions = require("../../../../contexts/user-interactions");
+var _datasourceContext = require("../datasource-context");
+var _useViewModeContext2 = require("../mode-switcher/useViewModeContext");
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var InsertButton = exports.InsertButton = function InsertButton(_ref) {
+  var testId = _ref.testId,
+    url = _ref.url,
+    getAnalyticsPayload = _ref.getAnalyticsPayload,
+    children = _ref.children;
+  var _useDatasourceContext = (0, _datasourceContext.useDatasourceContext)(),
+    datasourceId = _useDatasourceContext.datasourceId,
+    parameters = _useDatasourceContext.parameters,
+    _useDatasourceContext2 = _useDatasourceContext.tableState,
+    status = _useDatasourceContext2.status,
+    totalCount = _useDatasourceContext2.totalCount,
+    isValidParameters = _useDatasourceContext.isValidParameters,
+    visibleColumnCount = _useDatasourceContext.visibleColumnCount,
+    visibleColumnKeys = _useDatasourceContext.visibleColumnKeys,
+    columnCustomSizes = _useDatasourceContext.columnCustomSizes,
+    wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys,
+    onInsert = _useDatasourceContext.onInsert;
+  var userInteractions = (0, _userInteractions.useUserInteractions)();
+  var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
+    currentViewMode = _useViewModeContext.currentViewMode;
+  var isInsertDisabled = !isValidParameters(parameters) || status === 'rejected' || status === 'unauthorized' || status === 'loading';
+  var onInsertPressed = (0, _react.useCallback)(function (e, analyticsEvent) {
+    var _insertButtonClickedE;
+    if (!parameters || !isValidParameters(parameters) || !url) {
+      return;
+    }
+    var insertButtonClickedEvent = analyticsEvent.update({
+      actionSubjectId: 'insert',
+      attributes: _objectSpread(_objectSpread({}, getAnalyticsPayload()), {}, {
+        totalItemCount: totalCount || 0,
+        displayedColumnCount: visibleColumnCount.current,
+        display: currentViewMode === 'inline' ? _types.DatasourceDisplay.DATASOURCE_INLINE : _types.DatasourceDisplay.DATASOURCE_TABLE,
+        searchMethod: _types.DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
+        actions: userInteractions.get()
+      }),
+      eventType: 'ui'
+    });
+    var consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
+    insertButtonClickedEvent.fire(_analytics.EVENT_CHANNEL);
+    if (currentViewMode === 'inline') {
+      onInsert({
+        type: 'inlineCard',
+        attrs: {
+          url: url
+        }
+      }, consumerEvent);
+    } else {
+      onInsert((0, _adf.buildDatasourceAdf)({
+        id: datasourceId,
+        parameters: parameters,
+        views: [{
+          type: 'table',
+          properties: {
+            columns: (visibleColumnKeys || []).map(function (key) {
+              var width = columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key];
+              var isWrapped = wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(key);
+              return _objectSpread(_objectSpread({
+                key: key
+              }, width ? {
+                width: width
+              } : {}), isWrapped ? {
+                isWrapped: isWrapped
+              } : {});
+            })
+          }
+        }]
+      }, url), consumerEvent);
+    }
+  }, [isValidParameters, parameters, url, getAnalyticsPayload, totalCount, visibleColumnCount, currentViewMode, userInteractions, onInsert, datasourceId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
+  return (0, _react2.jsx)(_standardButton.default, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: isInsertDisabled,
+    testId: testId
+  }, children);
+};

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

@@ -11,7 +11,6 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -19,7 +18,6 @@ var _primitives = require("@atlaskit/primitives");
 var _analytics = require("../../../analytics");
 var _constants = require("../../../analytics/constants");
 var _types = require("../../../analytics/types");
-var _adf = require("../../../common/utils/adf");
 var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
 var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
 var _userInteractions = require("../../../contexts/user-interactions");
@@ -36,6 +34,7 @@ var _countViewSmartLink = require("../../common/modal/count-view-smart-link");
 var _datasourceContext = require("../../common/modal/datasource-context");
 var _datasourceModal = require("../../common/modal/datasource-modal");
 var _datasourcesTableInModalPreview = _interopRequireDefault(require("../../common/modal/datasources-table-in-modal-preview"));
+var _insertButton = require("../../common/modal/insert-button");
 var _modeSwitcher = require("../../common/modal/mode-switcher");
 var _useViewModeContext2 = require("../../common/modal/mode-switcher/useViewModeContext");
 var _searchCount = _interopRequireDefault(require("../../common/modal/search-count"));
@@ -74,9 +73,7 @@ var useUpdateParametersOnFormUpdate = function useUpdateParametersOnFormUpdate(c
   }, [cloudId, searchString, lastModified, contributorAccountIds, setParameters, overrideParameters]);
 };
 var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
-  var datasourceId = props.datasourceId,
-    onCancel = props.onCancel,
-    onInsert = props.onInsert,
+  var onCancel = props.onCancel,
     initialParameters = props.parameters,
     urlBeingEdited = props.url,
     _props$disableDisplay = props.disableDisplayDropdown,
@@ -263,58 +260,6 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     }
   }, [confluenceSearchUrl, selectedConfluenceSiteUrl, status, urlBeingEdited]);
   var shouldShowResultsCount = !!totalCount && currentViewMode === 'table';
-  var _useDatasourceContext5 = (0, _datasourceContext.useDatasourceContext)(),
-    columnCustomSizes = _useDatasourceContext5.columnCustomSizes,
-    wrappedColumnKeys = _useDatasourceContext5.wrappedColumnKeys;
-  var onInsertPressed = (0, _react.useCallback)(function (e, analyticsEvent) {
-    var _insertButtonClickedE;
-    if (!parameters || !isValidParameters(parameters) || !confluenceSearchUrl) {
-      return;
-    }
-    var insertButtonClickedEvent = analyticsEvent.update({
-      actionSubjectId: 'insert',
-      attributes: _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-        totalItemCount: totalCount || 0,
-        displayedColumnCount: visibleColumnCount.current,
-        display: currentViewMode === 'inline' ? _types.DatasourceDisplay.DATASOURCE_INLINE : _types.DatasourceDisplay.DATASOURCE_TABLE,
-        searchCount: searchCount.current,
-        searchMethod: _types.DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        actions: userInteractions.get()
-      }),
-      eventType: 'ui'
-    });
-    var consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
-    insertButtonClickedEvent.fire(_analytics.EVENT_CHANNEL);
-    if (currentViewMode === 'inline') {
-      onInsert({
-        type: 'inlineCard',
-        attrs: {
-          url: confluenceSearchUrl
-        }
-      }, consumerEvent);
-    } else {
-      onInsert((0, _adf.buildDatasourceAdf)({
-        id: datasourceId,
-        parameters: parameters,
-        views: [{
-          type: 'table',
-          properties: {
-            columns: (visibleColumnKeys || []).map(function (key) {
-              var width = columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key];
-              var isWrapped = wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(key);
-              return _objectSpread(_objectSpread({
-                key: key
-              }, width ? {
-                width: width
-              } : {}), isWrapped ? {
-                isWrapped: isWrapped
-              } : {});
-            })
-          }
-        }]
-      }, confluenceSearchUrl), consumerEvent);
-    }
-  }, [parameters, confluenceSearchUrl, analyticsPayload, totalCount, visibleColumnCount, currentViewMode, userInteractions, onInsert, datasourceId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
   var onSearch = (0, _react.useCallback)(function (newSearchString, filters) {
     searchCount.current++;
     userInteractions.add(_types.DatasourceAction.QUERY_UPDATED);
@@ -345,8 +290,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
       shouldForceRequest: true
     });
   }, [reset, userInteractions]);
-  var isInsertDisabled = !isValidParameters(parameters) || status === 'rejected' || status === 'unauthorized' || status === 'loading';
-  var getCancelButtonAnalyticsPayload = (0, _react.useCallback)(function () {
+  var getButtonAnalyticsPayload = (0, _react.useCallback)(function () {
     return {
       extensionKey: extensionKey,
       destinationObjectTypes: destinationObjectTypes,
@@ -385,13 +329,12 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     testId: "confluence-search-datasource-modal-total-results-count"
   }), (0, _react2.jsx)(_cancelButton.CancelButton, {
     onCancel: onCancel,
-    getAnalyticsPayload: getCancelButtonAnalyticsPayload,
+    getAnalyticsPayload: getButtonAnalyticsPayload,
     testId: "confluence-search-modal--cancel-button"
-  }), !hasNoConfluenceSites && (0, _react2.jsx)(_button.default, {
-    appearance: "primary",
-    onClick: onInsertPressed,
-    isDisabled: isInsertDisabled,
-    testId: "confluence-search-datasource-modal--insert-button"
+  }), !hasNoConfluenceSites && (0, _react2.jsx)(_insertButton.InsertButton, {
+    testId: "confluence-search-datasource-modal--insert-button",
+    url: confluenceSearchUrl,
+    getAnalyticsPayload: getButtonAnalyticsPayload
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.confluenceSearchModalMessages.insertResultsButtonText)))));
 };
 var analyticsContextAttributes = {
@@ -411,7 +354,8 @@ var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = (0, _ana
     initialColumnCustomSizes: props.columnCustomSizes,
     initialWrappedColumnKeys: props.wrappedColumnKeys,
     initialParameters: props.parameters,
-    isValidParameters: isValidParameters
+    isValidParameters: isValidParameters,
+    onInsert: props.onInsert
   }, (0, _react2.jsx)(_useViewModeContext2.DatasourceViewModeProvider, {
     viewMode: (_props$viewMode = props.viewMode) !== null && _props$viewMode !== void 0 ? _props$viewMode : DEFAULT_VIEW_MODE
   }, (0, _react2.jsx)(PlainConfluenceSearchConfigModal, props))) :

package/dist/es2019/ui/common/modal/datasource-context/index.js

@@ -11,7 +11,8 @@ export const DatasourceContextProvider = ({
   initialParameters,
   initialVisibleColumnKeys,
   initialColumnCustomSizes,
-  initialWrappedColumnKeys
+  initialWrappedColumnKeys,
+  onInsert
 }) => {
   const [parameters, setParameters] = useState(initialParameters);
   const [visibleColumnKeys, setVisibleColumnKeys] = useState(initialVisibleColumnKeys);
@@ -38,6 +39,8 @@ export const DatasourceContextProvider = ({
     initialVisibleColumnKeys
   });
   const contextValue = useMemo(() => ({
+    datasourceId,
+    isValidParameters,
     tableState,
     visibleColumnCount,
     visibleColumnKeys,
@@ -47,8 +50,9 @@ export const DatasourceContextProvider = ({
     wrappedColumnKeys,
     onWrappedColumnChange,
     parameters,
-    setParameters
-  }), [tableState, visibleColumnCount, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, parameters]);
+    setParameters,
+    onInsert
+  }), [datasourceId, isValidParameters, tableState, visibleColumnCount, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, parameters, onInsert]);
   return /*#__PURE__*/React.createElement(DatasourceContext.Provider, {
     value: contextValue
   }, children);

package/dist/es2019/ui/common/modal/insert-button/index.js

@@ -0,0 +1,96 @@
+/** @jsx jsx */
+
+import { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import Button from '@atlaskit/button/standard-button';
+import { EVENT_CHANNEL } from '../../../../analytics';
+import { DatasourceDisplay, DatasourceSearchMethod } from '../../../../analytics/types';
+import { buildDatasourceAdf } from '../../../../common/utils/adf';
+import { useUserInteractions } from '../../../../contexts/user-interactions';
+import { useDatasourceContext } from '../datasource-context';
+import { useViewModeContext } from '../mode-switcher/useViewModeContext';
+export const InsertButton = ({
+  testId,
+  url,
+  getAnalyticsPayload,
+  children
+}) => {
+  const {
+    datasourceId,
+    parameters,
+    tableState: {
+      status,
+      totalCount
+    },
+    isValidParameters,
+    visibleColumnCount,
+    visibleColumnKeys,
+    columnCustomSizes,
+    wrappedColumnKeys,
+    onInsert
+  } = useDatasourceContext();
+  const userInteractions = useUserInteractions();
+  const {
+    currentViewMode
+  } = useViewModeContext();
+  const isInsertDisabled = !isValidParameters(parameters) || status === 'rejected' || status === 'unauthorized' || status === 'loading';
+  const onInsertPressed = useCallback((e, analyticsEvent) => {
+    var _insertButtonClickedE;
+    if (!parameters || !isValidParameters(parameters) || !url) {
+      return;
+    }
+    const insertButtonClickedEvent = analyticsEvent.update({
+      actionSubjectId: 'insert',
+      attributes: {
+        ...getAnalyticsPayload(),
+        totalItemCount: totalCount || 0,
+        displayedColumnCount: visibleColumnCount.current,
+        display: currentViewMode === 'inline' ? DatasourceDisplay.DATASOURCE_INLINE : DatasourceDisplay.DATASOURCE_TABLE,
+        searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
+        actions: userInteractions.get()
+      },
+      eventType: 'ui'
+    });
+    const consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
+    insertButtonClickedEvent.fire(EVENT_CHANNEL);
+    if (currentViewMode === 'inline') {
+      onInsert({
+        type: 'inlineCard',
+        attrs: {
+          url
+        }
+      }, consumerEvent);
+    } else {
+      onInsert(buildDatasourceAdf({
+        id: datasourceId,
+        parameters: parameters,
+        views: [{
+          type: 'table',
+          properties: {
+            columns: (visibleColumnKeys || []).map(key => {
+              const width = columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key];
+              const isWrapped = wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(key);
+              return {
+                key,
+                ...(width ? {
+                  width
+                } : {}),
+                ...(isWrapped ? {
+                  isWrapped
+                } : {})
+              };
+            })
+          }
+        }]
+      }, url), consumerEvent);
+    }
+  }, [isValidParameters, parameters, url, getAnalyticsPayload, totalCount, visibleColumnCount, currentViewMode, userInteractions, onInsert, datasourceId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
+  return jsx(Button, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: isInsertDisabled,
+    testId: testId
+  }, children);
+};

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

@@ -6,15 +6,13 @@ import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'rea
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
-import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
+import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { componentMetadata } from '../../../analytics/constants';
-import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';
-import { buildDatasourceAdf } from '../../../common/utils/adf';
+import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { DatasourceExperienceIdProvider } from '../../../contexts/datasource-experience-id';
 import { UserInteractionsProvider, useUserInteractions } from '../../../contexts/user-interactions';
@@ -31,6 +29,7 @@ import { SmartCardPlaceholder, SmartLink } from '../../common/modal/count-view-s
 import { DatasourceContextProvider, useDatasourceContext } from '../../common/modal/datasource-context';
 import { DatasourceModal } from '../../common/modal/datasource-modal';
 import DatasourcesTableInModalPreview from '../../common/modal/datasources-table-in-modal-preview';
+import { InsertButton } from '../../common/modal/insert-button';
 import { DatasourceViewModeDropDown } from '../../common/modal/mode-switcher';
 import { DatasourceViewModeProvider, useViewModeContext } from '../../common/modal/mode-switcher/useViewModeContext';
 import TableSearchCount from '../../common/modal/search-count';
@@ -71,9 +70,7 @@ const useUpdateParametersOnFormUpdate = (cloudId, searchString, lastModified, co
 };
 export const PlainConfluenceSearchConfigModal = props => {
   const {
-    datasourceId,
     onCancel,
-    onInsert,
     parameters: initialParameters,
     url: urlBeingEdited,
     disableDisplayDropdown = false,
@@ -252,62 +249,6 @@ export const PlainConfluenceSearchConfigModal = props => {
     }
   }, [confluenceSearchUrl, selectedConfluenceSiteUrl, status, urlBeingEdited]);
   const shouldShowResultsCount = !!totalCount && currentViewMode === 'table';
-  const {
-    columnCustomSizes,
-    wrappedColumnKeys
-  } = useDatasourceContext();
-  const onInsertPressed = useCallback((e, analyticsEvent) => {
-    var _insertButtonClickedE;
-    if (!parameters || !isValidParameters(parameters) || !confluenceSearchUrl) {
-      return;
-    }
-    const insertButtonClickedEvent = analyticsEvent.update({
-      actionSubjectId: 'insert',
-      attributes: {
-        ...analyticsPayload,
-        totalItemCount: totalCount || 0,
-        displayedColumnCount: visibleColumnCount.current,
-        display: currentViewMode === 'inline' ? DatasourceDisplay.DATASOURCE_INLINE : DatasourceDisplay.DATASOURCE_TABLE,
-        searchCount: searchCount.current,
-        searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        actions: userInteractions.get()
-      },
-      eventType: 'ui'
-    });
-    const consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
-    insertButtonClickedEvent.fire(EVENT_CHANNEL);
-    if (currentViewMode === 'inline') {
-      onInsert({
-        type: 'inlineCard',
-        attrs: {
-          url: confluenceSearchUrl
-        }
-      }, consumerEvent);
-    } else {
-      onInsert(buildDatasourceAdf({
-        id: datasourceId,
-        parameters: parameters,
-        views: [{
-          type: 'table',
-          properties: {
-            columns: (visibleColumnKeys || []).map(key => {
-              const width = columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key];
-              const isWrapped = wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(key);
-              return {
-                key,
-                ...(width ? {
-                  width
-                } : {}),
-                ...(isWrapped ? {
-                  isWrapped
-                } : {})
-              };
-            })
-          }
-        }]
-      }, confluenceSearchUrl), consumerEvent);
-    }
-  }, [parameters, confluenceSearchUrl, analyticsPayload, totalCount, visibleColumnCount, currentViewMode, userInteractions, onInsert, datasourceId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
   const onSearch = useCallback((newSearchString, filters) => {
     searchCount.current++;
     userInteractions.add(DatasourceAction.QUERY_UPDATED);
@@ -336,8 +277,7 @@ export const PlainConfluenceSearchConfigModal = props => {
       shouldForceRequest: true
     });
   }, [reset, userInteractions]);
-  const isInsertDisabled = !isValidParameters(parameters) || status === 'rejected' || status === 'unauthorized' || status === 'loading';
-  const getCancelButtonAnalyticsPayload = useCallback(() => {
+  const getButtonAnalyticsPayload = useCallback(() => {
     return {
       extensionKey,
       destinationObjectTypes,
@@ -376,13 +316,12 @@ export const PlainConfluenceSearchConfigModal = props => {
     testId: "confluence-search-datasource-modal-total-results-count"
   }), jsx(CancelButton, {
     onCancel: onCancel,
-    getAnalyticsPayload: getCancelButtonAnalyticsPayload,
+    getAnalyticsPayload: getButtonAnalyticsPayload,
     testId: "confluence-search-modal--cancel-button"
-  }), !hasNoConfluenceSites && jsx(Button, {
-    appearance: "primary",
-    onClick: onInsertPressed,
-    isDisabled: isInsertDisabled,
-    testId: "confluence-search-datasource-modal--insert-button"
+  }), !hasNoConfluenceSites && jsx(InsertButton, {
+    testId: "confluence-search-datasource-modal--insert-button",
+    url: confluenceSearchUrl,
+    getAnalyticsPayload: getButtonAnalyticsPayload
   }, jsx(FormattedMessage, confluenceSearchModalMessages.insertResultsButtonText)))));
 };
 const analyticsContextAttributes = {
@@ -406,7 +345,8 @@ export const ConfluenceSearchConfigModal = withAnalyticsContext(contextData)(pro
     initialColumnCustomSizes: props.columnCustomSizes,
     initialWrappedColumnKeys: props.wrappedColumnKeys,
     initialParameters: props.parameters,
-    isValidParameters: isValidParameters
+    isValidParameters: isValidParameters,
+    onInsert: props.onInsert
   }, jsx(DatasourceViewModeProvider, {
     viewMode: (_props$viewMode = props.viewMode) !== null && _props$viewMode !== void 0 ? _props$viewMode : DEFAULT_VIEW_MODE
   }, jsx(PlainConfluenceSearchConfigModal, props))) :

package/dist/esm/ui/common/modal/datasource-context/index.js

@@ -12,7 +12,8 @@ export var DatasourceContextProvider = function DatasourceContextProvider(_ref)
     initialParameters = _ref.initialParameters,
     initialVisibleColumnKeys = _ref.initialVisibleColumnKeys,
     initialColumnCustomSizes = _ref.initialColumnCustomSizes,
-    initialWrappedColumnKeys = _ref.initialWrappedColumnKeys;
+    initialWrappedColumnKeys = _ref.initialWrappedColumnKeys,
+    onInsert = _ref.onInsert;
   var _useState = useState(initialParameters),
     _useState2 = _slicedToArray(_useState, 2),
     parameters = _useState2[0],
@@ -42,6 +43,8 @@ export var DatasourceContextProvider = function DatasourceContextProvider(_ref)
     visibleColumnCount = _useColumnVisibility.visibleColumnCount;
   var contextValue = useMemo(function () {
     return {
+      datasourceId: datasourceId,
+      isValidParameters: isValidParameters,
       tableState: tableState,
       visibleColumnCount: visibleColumnCount,
       visibleColumnKeys: visibleColumnKeys,
@@ -51,9 +54,10 @@ export var DatasourceContextProvider = function DatasourceContextProvider(_ref)
       wrappedColumnKeys: wrappedColumnKeys,
       onWrappedColumnChange: onWrappedColumnChange,
       parameters: parameters,
-      setParameters: setParameters
+      setParameters: setParameters,
+      onInsert: onInsert
     };
-  }, [tableState, visibleColumnCount, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, parameters]);
+  }, [datasourceId, isValidParameters, tableState, visibleColumnCount, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, parameters, onInsert]);
   return /*#__PURE__*/React.createElement(DatasourceContext.Provider, {
     value: contextValue
   }, children);

package/dist/esm/ui/common/modal/insert-button/index.js

@@ -0,0 +1,92 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import Button from '@atlaskit/button/standard-button';
+import { EVENT_CHANNEL } from '../../../../analytics';
+import { DatasourceDisplay, DatasourceSearchMethod } from '../../../../analytics/types';
+import { buildDatasourceAdf } from '../../../../common/utils/adf';
+import { useUserInteractions } from '../../../../contexts/user-interactions';
+import { useDatasourceContext } from '../datasource-context';
+import { useViewModeContext } from '../mode-switcher/useViewModeContext';
+export var InsertButton = function InsertButton(_ref) {
+  var testId = _ref.testId,
+    url = _ref.url,
+    getAnalyticsPayload = _ref.getAnalyticsPayload,
+    children = _ref.children;
+  var _useDatasourceContext = useDatasourceContext(),
+    datasourceId = _useDatasourceContext.datasourceId,
+    parameters = _useDatasourceContext.parameters,
+    _useDatasourceContext2 = _useDatasourceContext.tableState,
+    status = _useDatasourceContext2.status,
+    totalCount = _useDatasourceContext2.totalCount,
+    isValidParameters = _useDatasourceContext.isValidParameters,
+    visibleColumnCount = _useDatasourceContext.visibleColumnCount,
+    visibleColumnKeys = _useDatasourceContext.visibleColumnKeys,
+    columnCustomSizes = _useDatasourceContext.columnCustomSizes,
+    wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys,
+    onInsert = _useDatasourceContext.onInsert;
+  var userInteractions = useUserInteractions();
+  var _useViewModeContext = useViewModeContext(),
+    currentViewMode = _useViewModeContext.currentViewMode;
+  var isInsertDisabled = !isValidParameters(parameters) || status === 'rejected' || status === 'unauthorized' || status === 'loading';
+  var onInsertPressed = useCallback(function (e, analyticsEvent) {
+    var _insertButtonClickedE;
+    if (!parameters || !isValidParameters(parameters) || !url) {
+      return;
+    }
+    var insertButtonClickedEvent = analyticsEvent.update({
+      actionSubjectId: 'insert',
+      attributes: _objectSpread(_objectSpread({}, getAnalyticsPayload()), {}, {
+        totalItemCount: totalCount || 0,
+        displayedColumnCount: visibleColumnCount.current,
+        display: currentViewMode === 'inline' ? DatasourceDisplay.DATASOURCE_INLINE : DatasourceDisplay.DATASOURCE_TABLE,
+        searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
+        actions: userInteractions.get()
+      }),
+      eventType: 'ui'
+    });
+    var consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
+    insertButtonClickedEvent.fire(EVENT_CHANNEL);
+    if (currentViewMode === 'inline') {
+      onInsert({
+        type: 'inlineCard',
+        attrs: {
+          url: url
+        }
+      }, consumerEvent);
+    } else {
+      onInsert(buildDatasourceAdf({
+        id: datasourceId,
+        parameters: parameters,
+        views: [{
+          type: 'table',
+          properties: {
+            columns: (visibleColumnKeys || []).map(function (key) {
+              var width = columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key];
+              var isWrapped = wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(key);
+              return _objectSpread(_objectSpread({
+                key: key
+              }, width ? {
+                width: width
+              } : {}), isWrapped ? {
+                isWrapped: isWrapped
+              } : {});
+            })
+          }
+        }]
+      }, url), consumerEvent);
+    }
+  }, [isValidParameters, parameters, url, getAnalyticsPayload, totalCount, visibleColumnCount, currentViewMode, userInteractions, onInsert, datasourceId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
+  return jsx(Button, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: isInsertDisabled,
+    testId: testId
+  }, children);
+};

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

@@ -10,15 +10,13 @@ import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'rea
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
-import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
+import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { componentMetadata } from '../../../analytics/constants';
-import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';
-import { buildDatasourceAdf } from '../../../common/utils/adf';
+import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { DatasourceExperienceIdProvider } from '../../../contexts/datasource-experience-id';
 import { UserInteractionsProvider, useUserInteractions } from '../../../contexts/user-interactions';
@@ -35,6 +33,7 @@ import { SmartCardPlaceholder, SmartLink } from '../../common/modal/count-view-s
 import { DatasourceContextProvider, useDatasourceContext } from '../../common/modal/datasource-context';
 import { DatasourceModal } from '../../common/modal/datasource-modal';
 import DatasourcesTableInModalPreview from '../../common/modal/datasources-table-in-modal-preview';
+import { InsertButton } from '../../common/modal/insert-button';
 import { DatasourceViewModeDropDown } from '../../common/modal/mode-switcher';
 import { DatasourceViewModeProvider, useViewModeContext } from '../../common/modal/mode-switcher/useViewModeContext';
 import TableSearchCount from '../../common/modal/search-count';
@@ -71,9 +70,7 @@ var useUpdateParametersOnFormUpdate = function useUpdateParametersOnFormUpdate(c
   }, [cloudId, searchString, lastModified, contributorAccountIds, setParameters, overrideParameters]);
 };
 export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
-  var datasourceId = props.datasourceId,
-    onCancel = props.onCancel,
-    onInsert = props.onInsert,
+  var onCancel = props.onCancel,
     initialParameters = props.parameters,
     urlBeingEdited = props.url,
     _props$disableDisplay = props.disableDisplayDropdown,
@@ -260,58 +257,6 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     }
   }, [confluenceSearchUrl, selectedConfluenceSiteUrl, status, urlBeingEdited]);
   var shouldShowResultsCount = !!totalCount && currentViewMode === 'table';
-  var _useDatasourceContext5 = useDatasourceContext(),
-    columnCustomSizes = _useDatasourceContext5.columnCustomSizes,
-    wrappedColumnKeys = _useDatasourceContext5.wrappedColumnKeys;
-  var onInsertPressed = useCallback(function (e, analyticsEvent) {
-    var _insertButtonClickedE;
-    if (!parameters || !isValidParameters(parameters) || !confluenceSearchUrl) {
-      return;
-    }
-    var insertButtonClickedEvent = analyticsEvent.update({
-      actionSubjectId: 'insert',
-      attributes: _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-        totalItemCount: totalCount || 0,
-        displayedColumnCount: visibleColumnCount.current,
-        display: currentViewMode === 'inline' ? DatasourceDisplay.DATASOURCE_INLINE : DatasourceDisplay.DATASOURCE_TABLE,
-        searchCount: searchCount.current,
-        searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        actions: userInteractions.get()
-      }),
-      eventType: 'ui'
-    });
-    var consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
-    insertButtonClickedEvent.fire(EVENT_CHANNEL);
-    if (currentViewMode === 'inline') {
-      onInsert({
-        type: 'inlineCard',
-        attrs: {
-          url: confluenceSearchUrl
-        }
-      }, consumerEvent);
-    } else {
-      onInsert(buildDatasourceAdf({
-        id: datasourceId,
-        parameters: parameters,
-        views: [{
-          type: 'table',
-          properties: {
-            columns: (visibleColumnKeys || []).map(function (key) {
-              var width = columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key];
-              var isWrapped = wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(key);
-              return _objectSpread(_objectSpread({
-                key: key
-              }, width ? {
-                width: width
-              } : {}), isWrapped ? {
-                isWrapped: isWrapped
-              } : {});
-            })
-          }
-        }]
-      }, confluenceSearchUrl), consumerEvent);
-    }
-  }, [parameters, confluenceSearchUrl, analyticsPayload, totalCount, visibleColumnCount, currentViewMode, userInteractions, onInsert, datasourceId, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
   var onSearch = useCallback(function (newSearchString, filters) {
     searchCount.current++;
     userInteractions.add(DatasourceAction.QUERY_UPDATED);
@@ -342,8 +287,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
       shouldForceRequest: true
     });
   }, [reset, userInteractions]);
-  var isInsertDisabled = !isValidParameters(parameters) || status === 'rejected' || status === 'unauthorized' || status === 'loading';
-  var getCancelButtonAnalyticsPayload = useCallback(function () {
+  var getButtonAnalyticsPayload = useCallback(function () {
     return {
       extensionKey: extensionKey,
       destinationObjectTypes: destinationObjectTypes,
@@ -382,13 +326,12 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     testId: "confluence-search-datasource-modal-total-results-count"
   }), jsx(CancelButton, {
     onCancel: onCancel,
-    getAnalyticsPayload: getCancelButtonAnalyticsPayload,
+    getAnalyticsPayload: getButtonAnalyticsPayload,
     testId: "confluence-search-modal--cancel-button"
-  }), !hasNoConfluenceSites && jsx(Button, {
-    appearance: "primary",
-    onClick: onInsertPressed,
-    isDisabled: isInsertDisabled,
-    testId: "confluence-search-datasource-modal--insert-button"
+  }), !hasNoConfluenceSites && jsx(InsertButton, {
+    testId: "confluence-search-datasource-modal--insert-button",
+    url: confluenceSearchUrl,
+    getAnalyticsPayload: getButtonAnalyticsPayload
   }, jsx(FormattedMessage, confluenceSearchModalMessages.insertResultsButtonText)))));
 };
 var analyticsContextAttributes = {
@@ -408,7 +351,8 @@ export var ConfluenceSearchConfigModal = withAnalyticsContext(contextData)(funct
     initialColumnCustomSizes: props.columnCustomSizes,
     initialWrappedColumnKeys: props.wrappedColumnKeys,
     initialParameters: props.parameters,
-    isValidParameters: isValidParameters
+    isValidParameters: isValidParameters,
+    onInsert: props.onInsert
   }, jsx(DatasourceViewModeProvider, {
     viewMode: (_props$viewMode = props.viewMode) !== null && _props$viewMode !== void 0 ? _props$viewMode : DEFAULT_VIEW_MODE
   }, jsx(PlainConfluenceSearchConfigModal, props))) :

package/dist/types/ui/common/modal/datasource-context/index.d.ts

@@ -1,4 +1,6 @@
 import React, { type PropsWithChildren } from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type DatasourceAdf, type InlineCardAdf } from '@atlaskit/linking-common';
 import type { DatasourceParameters } from '@atlaskit/linking-types';
 import { type DatasourceTableState } from '../../../../hooks/useDatasourceTableState';
 import type { ColumnSizesMap } from '../../../issue-like-table/types';
@@ -6,10 +8,13 @@ import { type ColumnResizeProps } from '../datasources-table-in-modal-preview/us
 import { type ColumnVisibilityProps } from '../datasources-table-in-modal-preview/use-column-visibility';
 import { type ColumnWrappingProps } from '../datasources-table-in-modal-preview/use-column-wrapping';
 type DatasourceContextStore = ColumnVisibilityProps & ColumnWrappingProps & ColumnResizeProps & {
+    datasourceId: string;
+    isValidParameters: (params: DatasourceParameters | undefined) => boolean;
     tableState: DatasourceTableState;
     visibleColumnKeys?: string[];
     parameters: DatasourceParameters | undefined;
     setParameters: React.Dispatch<React.SetStateAction<DatasourceParameters | undefined>>;
+    onInsert: (adf: InlineCardAdf | DatasourceAdf<any>, analyticsEvent?: UIAnalyticsEvent) => void;
 };
 export type Props = PropsWithChildren<{
     datasourceId: string;
@@ -18,7 +23,8 @@ export type Props = PropsWithChildren<{
     initialVisibleColumnKeys?: string[] | undefined;
     initialWrappedColumnKeys?: string[] | undefined;
     initialColumnCustomSizes?: ColumnSizesMap | undefined;
+    onInsert: (adf: InlineCardAdf | DatasourceAdf<any>, analyticsEvent?: UIAnalyticsEvent) => void;
 }>;
-export declare const DatasourceContextProvider: ({ children, datasourceId, isValidParameters, initialParameters, initialVisibleColumnKeys, initialColumnCustomSizes, initialWrappedColumnKeys, }: Props) => JSX.Element;
+export declare const DatasourceContextProvider: ({ children, datasourceId, isValidParameters, initialParameters, initialVisibleColumnKeys, initialColumnCustomSizes, initialWrappedColumnKeys, onInsert, }: Props) => JSX.Element;
 export declare const useDatasourceContext: () => DatasourceContextStore;
 export {};

package/dist/types/ui/common/modal/insert-button/index.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { type PropsWithChildren } from 'react';
+import { jsx } from '@emotion/react';
+export type InsertButtonProps = PropsWithChildren<{
+    testId: string;
+    url: string | undefined;
+    getAnalyticsPayload: () => Record<string, any>;
+}>;
+export declare const InsertButton: ({ testId, url, getAnalyticsPayload, children }: InsertButtonProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/common/modal/datasource-context/index.d.ts

@@ -1,4 +1,6 @@
 import React, { type PropsWithChildren } from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type DatasourceAdf, type InlineCardAdf } from '@atlaskit/linking-common';
 import type { DatasourceParameters } from '@atlaskit/linking-types';
 import { type DatasourceTableState } from '../../../../hooks/useDatasourceTableState';
 import type { ColumnSizesMap } from '../../../issue-like-table/types';
@@ -6,10 +8,13 @@ import { type ColumnResizeProps } from '../datasources-table-in-modal-preview/us
 import { type ColumnVisibilityProps } from '../datasources-table-in-modal-preview/use-column-visibility';
 import { type ColumnWrappingProps } from '../datasources-table-in-modal-preview/use-column-wrapping';
 type DatasourceContextStore = ColumnVisibilityProps & ColumnWrappingProps & ColumnResizeProps & {
+    datasourceId: string;
+    isValidParameters: (params: DatasourceParameters | undefined) => boolean;
     tableState: DatasourceTableState;
     visibleColumnKeys?: string[];
     parameters: DatasourceParameters | undefined;
     setParameters: React.Dispatch<React.SetStateAction<DatasourceParameters | undefined>>;
+    onInsert: (adf: InlineCardAdf | DatasourceAdf<any>, analyticsEvent?: UIAnalyticsEvent) => void;
 };
 export type Props = PropsWithChildren<{
     datasourceId: string;
@@ -18,7 +23,8 @@ export type Props = PropsWithChildren<{
     initialVisibleColumnKeys?: string[] | undefined;
     initialWrappedColumnKeys?: string[] | undefined;
     initialColumnCustomSizes?: ColumnSizesMap | undefined;
+    onInsert: (adf: InlineCardAdf | DatasourceAdf<any>, analyticsEvent?: UIAnalyticsEvent) => void;
 }>;
-export declare const DatasourceContextProvider: ({ children, datasourceId, isValidParameters, initialParameters, initialVisibleColumnKeys, initialColumnCustomSizes, initialWrappedColumnKeys, }: Props) => JSX.Element;
+export declare const DatasourceContextProvider: ({ children, datasourceId, isValidParameters, initialParameters, initialVisibleColumnKeys, initialColumnCustomSizes, initialWrappedColumnKeys, onInsert, }: Props) => JSX.Element;
 export declare const useDatasourceContext: () => DatasourceContextStore;
 export {};

package/dist/types-ts4.5/ui/common/modal/insert-button/index.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { type PropsWithChildren } from 'react';
+import { jsx } from '@emotion/react';
+export type InsertButtonProps = PropsWithChildren<{
+    testId: string;
+    url: string | undefined;
+    getAnalyticsPayload: () => Record<string, any>;
+}>;
+export declare const InsertButton: ({ testId, url, getAnalyticsPayload, children }: InsertButtonProps) => jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "2.5.11",
+	"version": "2.5.12",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",