@atlaskit/link-datasource 1.24.7 → 1.24.9

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

@@ -502,7 +502,15 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'rejected' && jqlUrl) {
       return jsx(ModalLoadingError, {
-        url: jqlUrl
+        errorMessage: jqlUrl ? jsx(FormattedMessage, _extends({}, modalMessages.checkConnectionWithSource, {
+          values: {
+            a: function a(urlText) {
+              return jsx("a", {
+                href: jqlUrl
+              }, urlText);
+            }
+          }
+        })) : undefined
       });
     } else if (status === 'unauthorized') {
       return jsx(AccessRequired, {

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

@@ -115,5 +115,10 @@ export var modalMessages = defineMessages({
     id: 'linkDataSource.jira-issues.no.jira.sites.access.description',
     description: 'Description that shows in the modal when user has no access to any Jira sites',
     defaultMessage: 'To request access, contact your admin.'
+  },
+  checkConnectionWithSource: {
+    id: 'linkDataSource.jira-issues.checkConnectionWithSource',
+    description: 'Instructions to let the user know how to resolve the error that occured, or click the link provided to open the query in Jira',
+    defaultMessage: 'Check your connection and refresh, or <a>open this query in Jira</a> to review.'
   }
 });

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

@@ -80,6 +80,7 @@ export var ModeSwitcher = function ModeSwitcher(props) {
       tooltipText = _ref.tooltipText;
     var isSelected = value === selectedOptionValue;
     return jsx(Tooltip, {
+      key: value,
       content: tooltipText
     }, function (tooltipProps) {
       return jsx("label", _extends({}, tooltipProps, {

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

@@ -1,8 +1,5 @@
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
-import { DatasourceParameters } from '@atlaskit/linking-types';
 import { IssueLikeDataTableViewProps } from '../ui/issue-like-table/types';
-import { JiraIssueDatasourceParameters } from '../ui/jira-issues-modal/types';
 export type JiraSearchMethod = 'basic' | 'jql';
 export interface Site {
     cloudId: string;
@@ -10,17 +7,17 @@ export interface Site {
     url: string;
 }
 export type IssueViewModes = 'issue' | 'count';
-export type ConfigModalProps = {
+export type ConfigModalProps<ADF, Parameters> = {
     /** Unique identifier for which type of datasource is being rendered and for making its requests */
     datasourceId: string;
     /** The url that was used to insert a List of Links */
     url?: string;
     /** Parameters for making the data requests necessary to render data within the table */
-    parameters?: DatasourceParameters | JiraIssueDatasourceParameters;
+    parameters?: Parameters;
     /** Callback function to be invoked when the modal is closed either via cancel button click, esc keydown, or modal blanket click */
     onCancel: () => void;
     /** Callback function to be invoked when the insert issues button is clicked */
-    onInsert: (adf: InlineCardAdf | DatasourceAdf, analyticsEvent?: UIAnalyticsEvent) => void;
+    onInsert: (adf: ADF, analyticsEvent?: UIAnalyticsEvent) => void;
     /** The view mode that the modal will show on open:
      * - Table = Displays a list of links in table format
      * - Inline link = 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.

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

@@ -39,16 +39,6 @@ export declare const loadingErrorMessages: {
         description: string;
         defaultMessage: string;
     };
-    checkConnectionWithSourceDuplicate: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    checkConnectionWithSource: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
     noResultsFoundDuplicate: {
         id: string;
         description: string;

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { jsx } from '@emotion/react';
 interface ModalLoadingErrorProps {
-    url?: string;
+    errorMessage?: React.ReactNode;
 }
-export declare const ModalLoadingError: ({ url }: ModalLoadingErrorProps) => jsx.JSX.Element;
+export declare const ModalLoadingError: ({ errorMessage, }: ModalLoadingErrorProps) => jsx.JSX.Element;
 export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface Props {
+    cloudId?: string;
+    initialSearchValue?: string;
+    isSearching: boolean;
+    onSearch: (searchTerm: string) => void;
+}
+declare const ConfluenceSearchContainer: ({ cloudId, initialSearchValue, isSearching, onSearch, }: Props) => JSX.Element;
+export default ConfluenceSearchContainer;

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

@@ -0,0 +1,7 @@
+export declare const searchMessages: {
+    searchLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ConfigModalProps } from '../../common/types';
+import { ConfluenceSearchConfigModalProps } from './types';
 export declare const CONFLUENCE_SEARCH_DATASOURCE_ID = "768fc736-3af4-4a8f-b27e-203602bff8ca";
-declare const ConfluenceSearchConfigModalWithWrappers: (props: ConfigModalProps) => JSX.Element;
+declare const ConfluenceSearchConfigModalWithWrappers: (props: ConfluenceSearchConfigModalProps) => JSX.Element;
 export default ConfluenceSearchConfigModalWithWrappers;

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

@@ -1,3 +1,3 @@
 import { jsx } from '@emotion/react';
-import { ConfigModalProps } from '../../../common/types';
-export declare const ConfluenceSearchConfigModal: (props: ConfigModalProps) => jsx.JSX.Element;
+import { ConfluenceSearchConfigModalProps } from '../types';
+export declare const ConfluenceSearchConfigModal: (props: ConfluenceSearchConfigModalProps) => jsx.JSX.Element;

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

@@ -9,7 +9,7 @@ export declare const confluenceSearchModalMessages: {
         description: string;
         defaultMessage: string;
     };
-    searchLabel: {
+    searchCountText: {
         id: string;
         description: string;
         defaultMessage: string;

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

@@ -0,0 +1,22 @@
+import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { ConfigModalProps } from '../../common/types';
+export interface ConfluenceSearchConfigModalProps extends ConfigModalProps<ConfluenceSearchDatasourceAdf, ConfluenceSearchDatasourceParameters> {
+}
+export type ConfluenceSearchDatasourceParameters = {
+    cloudId: string;
+    searchString?: string;
+    entityTypes?: string[];
+    contentARIs?: string[];
+    spaceKeys?: string[];
+    contributorAccountIds?: string[];
+    labels?: string[];
+    ancestorPageIds?: string[];
+    containerStatus?: string[];
+    contentStatuses?: string[];
+    creatorAccountIds?: string[];
+    lastModified?: 'today' | 'yesterday' | 'past7Days' | 'past30Days' | 'pastYear' | 'custom';
+    lastModifiedFrom?: string;
+    lastModifiedTo?: string;
+    shouldMatchTitleOnly?: boolean;
+};
+export type ConfluenceSearchDatasourceAdf = DatasourceAdf<ConfluenceSearchDatasourceParameters>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ConfigModalProps } from '../../common/types';
+import { JiraConfigModalProps } from './types';
 export declare const JIRA_LIST_OF_LINKS_DATASOURCE_ID = "d8b75300-dfda-4519-b6cd-e49abbd50401";
-declare const JiraIssuesConfigModalWithWrappers: (props: ConfigModalProps) => JSX.Element;
+declare const JiraIssuesConfigModalWithWrappers: (props: JiraConfigModalProps) => JSX.Element;
 export default JiraIssuesConfigModalWithWrappers;

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

@@ -1,21 +1,11 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { InlineCardAdf } from '@atlaskit/linking-common/types';
 import { DatasourceAction } from '../../../analytics/types';
-import type { ConfigModalProps, IssueViewModes } from '../../../common/types';
-import { JiraIssueDatasourceParameters } from '../types';
+import { JiraConfigModalProps } from '../types';
 /**
  * This method should be called when one atomic action is performed on columns: adding new item, removing one item, changing items order.
  * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
  */
 export declare const getColumnAction: (oldVisibleColumnKeys: string[], newVisibleColumnKeys: string[]) => DatasourceAction;
-export declare const PlainJiraIssuesConfigModal: (props: ConfigModalProps) => jsx.JSX.Element;
-export declare const JiraIssuesConfigModal: import("react").ForwardRefExoticComponent<{
-    datasourceId: string;
-    url?: string | undefined;
-    parameters?: import("@atlaskit/linking-types").DatasourceParameters | JiraIssueDatasourceParameters | undefined;
-    onCancel: () => void;
-    onInsert: (adf: InlineCardAdf | import("@atlaskit/linking-common/types").DatasourceAdf<Record<string, unknown>>, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
-    viewMode?: IssueViewModes | undefined;
-} & Partial<Pick<import("../../issue-like-table/types").IssueLikeDataTableViewProps, "visibleColumnKeys" | "wrappedColumnKeys" | "columnCustomSizes">> & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;
+export declare const PlainJiraIssuesConfigModal: (props: JiraConfigModalProps) => jsx.JSX.Element;
+export declare const JiraIssuesConfigModal: import("react").ForwardRefExoticComponent<JiraConfigModalProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

package/dist/types/ui/jira-issues-modal/modal/messages.d.ts

@@ -109,4 +109,9 @@ export declare const modalMessages: {
         description: string;
         defaultMessage: string;
     };
+    checkConnectionWithSource: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

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

@@ -1,4 +1,6 @@
-import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
+import { DatasourceParameters } from '@atlaskit/linking-types';
+import { ConfigModalProps } from '../../common/types';
 type XOR<T1, T2> = (T1 & {
     [k in Exclude<keyof T2, keyof T1>]?: never;
 }) | (T2 & {
@@ -13,4 +15,6 @@ export type JiraIssueDatasourceParameters = {
     cloudId: string;
 } & JiraIssueDatasourceParametersQuery;
 export type JiraIssuesDatasourceAdf = DatasourceAdf<JiraIssueDatasourceParameters>;
+export interface JiraConfigModalProps extends ConfigModalProps<InlineCardAdf | DatasourceAdf, DatasourceParameters | JiraIssueDatasourceParameters> {
+}
 export {};

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

@@ -1,8 +1,5 @@
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
-import { DatasourceParameters } from '@atlaskit/linking-types';
 import { IssueLikeDataTableViewProps } from '../ui/issue-like-table/types';
-import { JiraIssueDatasourceParameters } from '../ui/jira-issues-modal/types';
 export type JiraSearchMethod = 'basic' | 'jql';
 export interface Site {
     cloudId: string;
@@ -10,17 +7,17 @@ export interface Site {
     url: string;
 }
 export type IssueViewModes = 'issue' | 'count';
-export type ConfigModalProps = {
+export type ConfigModalProps<ADF, Parameters> = {
     /** Unique identifier for which type of datasource is being rendered and for making its requests */
     datasourceId: string;
     /** The url that was used to insert a List of Links */
     url?: string;
     /** Parameters for making the data requests necessary to render data within the table */
-    parameters?: DatasourceParameters | JiraIssueDatasourceParameters;
+    parameters?: Parameters;
     /** Callback function to be invoked when the modal is closed either via cancel button click, esc keydown, or modal blanket click */
     onCancel: () => void;
     /** Callback function to be invoked when the insert issues button is clicked */
-    onInsert: (adf: InlineCardAdf | DatasourceAdf, analyticsEvent?: UIAnalyticsEvent) => void;
+    onInsert: (adf: ADF, analyticsEvent?: UIAnalyticsEvent) => void;
     /** The view mode that the modal will show on open:
      * - Table = Displays a list of links in table format
      * - Inline link = 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.

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

@@ -39,16 +39,6 @@ export declare const loadingErrorMessages: {
         description: string;
         defaultMessage: string;
     };
-    checkConnectionWithSourceDuplicate: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    checkConnectionWithSource: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
     noResultsFoundDuplicate: {
         id: string;
         description: string;

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { jsx } from '@emotion/react';
 interface ModalLoadingErrorProps {
-    url?: string;
+    errorMessage?: React.ReactNode;
 }
-export declare const ModalLoadingError: ({ url }: ModalLoadingErrorProps) => jsx.JSX.Element;
+export declare const ModalLoadingError: ({ errorMessage, }: ModalLoadingErrorProps) => jsx.JSX.Element;
 export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface Props {
+    cloudId?: string;
+    initialSearchValue?: string;
+    isSearching: boolean;
+    onSearch: (searchTerm: string) => void;
+}
+declare const ConfluenceSearchContainer: ({ cloudId, initialSearchValue, isSearching, onSearch, }: Props) => JSX.Element;
+export default ConfluenceSearchContainer;

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

@@ -0,0 +1,7 @@
+export declare const searchMessages: {
+    searchLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ConfigModalProps } from '../../common/types';
+import { ConfluenceSearchConfigModalProps } from './types';
 export declare const CONFLUENCE_SEARCH_DATASOURCE_ID = "768fc736-3af4-4a8f-b27e-203602bff8ca";
-declare const ConfluenceSearchConfigModalWithWrappers: (props: ConfigModalProps) => JSX.Element;
+declare const ConfluenceSearchConfigModalWithWrappers: (props: ConfluenceSearchConfigModalProps) => JSX.Element;
 export default ConfluenceSearchConfigModalWithWrappers;

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

@@ -1,3 +1,3 @@
 import { jsx } from '@emotion/react';
-import { ConfigModalProps } from '../../../common/types';
-export declare const ConfluenceSearchConfigModal: (props: ConfigModalProps) => jsx.JSX.Element;
+import { ConfluenceSearchConfigModalProps } from '../types';
+export declare const ConfluenceSearchConfigModal: (props: ConfluenceSearchConfigModalProps) => jsx.JSX.Element;

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

@@ -9,7 +9,7 @@ export declare const confluenceSearchModalMessages: {
         description: string;
         defaultMessage: string;
     };
-    searchLabel: {
+    searchCountText: {
         id: string;
         description: string;
         defaultMessage: string;

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

@@ -0,0 +1,22 @@
+import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { ConfigModalProps } from '../../common/types';
+export interface ConfluenceSearchConfigModalProps extends ConfigModalProps<ConfluenceSearchDatasourceAdf, ConfluenceSearchDatasourceParameters> {
+}
+export type ConfluenceSearchDatasourceParameters = {
+    cloudId: string;
+    searchString?: string;
+    entityTypes?: string[];
+    contentARIs?: string[];
+    spaceKeys?: string[];
+    contributorAccountIds?: string[];
+    labels?: string[];
+    ancestorPageIds?: string[];
+    containerStatus?: string[];
+    contentStatuses?: string[];
+    creatorAccountIds?: string[];
+    lastModified?: 'today' | 'yesterday' | 'past7Days' | 'past30Days' | 'pastYear' | 'custom';
+    lastModifiedFrom?: string;
+    lastModifiedTo?: string;
+    shouldMatchTitleOnly?: boolean;
+};
+export type ConfluenceSearchDatasourceAdf = DatasourceAdf<ConfluenceSearchDatasourceParameters>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ConfigModalProps } from '../../common/types';
+import { JiraConfigModalProps } from './types';
 export declare const JIRA_LIST_OF_LINKS_DATASOURCE_ID = "d8b75300-dfda-4519-b6cd-e49abbd50401";
-declare const JiraIssuesConfigModalWithWrappers: (props: ConfigModalProps) => JSX.Element;
+declare const JiraIssuesConfigModalWithWrappers: (props: JiraConfigModalProps) => JSX.Element;
 export default JiraIssuesConfigModalWithWrappers;

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

@@ -1,21 +1,11 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { InlineCardAdf } from '@atlaskit/linking-common/types';
 import { DatasourceAction } from '../../../analytics/types';
-import type { ConfigModalProps, IssueViewModes } from '../../../common/types';
-import { JiraIssueDatasourceParameters } from '../types';
+import { JiraConfigModalProps } from '../types';
 /**
  * This method should be called when one atomic action is performed on columns: adding new item, removing one item, changing items order.
  * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
  */
 export declare const getColumnAction: (oldVisibleColumnKeys: string[], newVisibleColumnKeys: string[]) => DatasourceAction;
-export declare const PlainJiraIssuesConfigModal: (props: ConfigModalProps) => jsx.JSX.Element;
-export declare const JiraIssuesConfigModal: import("react").ForwardRefExoticComponent<{
-    datasourceId: string;
-    url?: string | undefined;
-    parameters?: import("@atlaskit/linking-types").DatasourceParameters | JiraIssueDatasourceParameters | undefined;
-    onCancel: () => void;
-    onInsert: (adf: InlineCardAdf | import("@atlaskit/linking-common/types").DatasourceAdf<Record<string, unknown>>, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
-    viewMode?: IssueViewModes | undefined;
-} & Partial<Pick<import("../../issue-like-table/types").IssueLikeDataTableViewProps, "visibleColumnKeys" | "wrappedColumnKeys" | "columnCustomSizes">> & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;
+export declare const PlainJiraIssuesConfigModal: (props: JiraConfigModalProps) => jsx.JSX.Element;
+export declare const JiraIssuesConfigModal: import("react").ForwardRefExoticComponent<JiraConfigModalProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/ui/jira-issues-modal/modal/messages.d.ts

@@ -109,4 +109,9 @@ export declare const modalMessages: {
         description: string;
         defaultMessage: string;
     };
+    checkConnectionWithSource: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

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

@@ -1,4 +1,6 @@
-import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
+import { DatasourceParameters } from '@atlaskit/linking-types';
+import { ConfigModalProps } from '../../common/types';
 type XOR<T1, T2> = (T1 & {
     [k in Exclude<keyof T2, keyof T1>]?: never;
 }) | (T2 & {
@@ -13,4 +15,6 @@ export type JiraIssueDatasourceParameters = {
     cloudId: string;
 } & JiraIssueDatasourceParametersQuery;
 export type JiraIssuesDatasourceAdf = DatasourceAdf<JiraIssueDatasourceParameters>;
+export interface JiraConfigModalProps extends ConfigModalProps<InlineCardAdf | DatasourceAdf, DatasourceParameters | JiraIssueDatasourceParameters> {
+}
 export {};

package/examples-helpers/buildConfluenceSearchTable.tsx

@@ -0,0 +1,77 @@
+import React, { useEffect, useMemo } from 'react';
+
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import { SmartCardProvider } from '@atlaskit/link-provider';
+import { mockDatasourceFetchRequests } from '@atlaskit/link-test-helpers/datasource';
+import { DatasourceParameters } from '@atlaskit/linking-types';
+
+import { DatasourceTableView } from '../src';
+import { fetchMessagesForLocale } from '../src/common/utils/locale/fetch-messages-for-locale';
+import { ConfluenceSearchDatasourceParameters } from '../src/ui/confluence-search-modal/types';
+
+import SmartLinkClient from './smartLinkCustomClient';
+import { useCommonTableProps } from './useCommonTableProps';
+
+interface ConfluenceSearchTableViewProps {
+  parameters?: DatasourceParameters;
+  mockDatasourceFetchRequest?: boolean;
+}
+
+const ConfluenceSearchTableView = ({
+  parameters,
+}: ConfluenceSearchTableViewProps) => {
+  const cloudId = parameters?.cloudId || 'some-cloud-id';
+
+  const datasourceParameters = useMemo<ConfluenceSearchDatasourceParameters>(
+    () => ({
+      cloudId,
+      searchString: 'some-query',
+    }),
+    [cloudId],
+  );
+
+  const {
+    visibleColumnKeys,
+    onVisibleColumnKeysChange,
+    columnCustomSizes,
+    onColumnResize,
+    wrappedColumnKeys,
+    onWrappedColumnChange,
+  } = useCommonTableProps({
+    defaultColumnCustomSizes: {
+      people: 100,
+    },
+  });
+
+  return (
+    <DatasourceTableView
+      datasourceId={'some-datasource-id'}
+      parameters={datasourceParameters}
+      visibleColumnKeys={visibleColumnKeys}
+      onVisibleColumnKeysChange={onVisibleColumnKeysChange}
+      columnCustomSizes={columnCustomSizes}
+      onColumnResize={onColumnResize}
+      onWrappedColumnChange={onWrappedColumnChange}
+      wrappedColumnKeys={wrappedColumnKeys}
+    />
+  );
+};
+
+export const ExampleConfluenceSearchTableView = ({
+  parameters,
+  mockDatasourceFetchRequest = true,
+}: ConfluenceSearchTableViewProps) => {
+  useEffect(() => {
+    if (mockDatasourceFetchRequest) {
+      mockDatasourceFetchRequests();
+    }
+  }, [mockDatasourceFetchRequest]);
+
+  return (
+    <IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
+      <SmartCardProvider client={new SmartLinkClient()}>
+        <ConfluenceSearchTableView parameters={parameters} />
+      </SmartCardProvider>
+    </IntlMessagesProvider>
+  );
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.24.7",
+  "version": "1.24.9",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
     "@atlaskit/avatar": "^21.5.0",
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^15.2.0",
-    "@atlaskit/button": "^17.7.0",
+    "@atlaskit/button": "^17.8.0",
     "@atlaskit/dropdown-menu": "^12.8.0",
     "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/empty-state": "^7.7.0",
@@ -60,7 +60,7 @@
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.0.0",
-    "@atlaskit/primitives": "^5.1.0",
+    "@atlaskit/primitives": "^5.2.0",
     "@atlaskit/select": "^17.3.0",
     "@atlaskit/smart-card": "^26.50.0",
     "@atlaskit/spinner": "^16.0.0",
@@ -102,7 +102,7 @@
     "@types/debounce-promise": "^3.1.2",
     "fetch-mock": "^8.0.0",
     "jest-fetch-mock": "^3.0.3",
-    "json-ld-types": "^3.11.0",
+    "json-ld-types": "^4.1.0",
     "typescript": "~5.4.2",
     "wait-for-expect": "^1.2.0"
   },