@atlaskit/link-datasource 1.24.6 → 1.24.8

package/dist/types/ui/common/modal/content-container/index.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+export interface ContentContainerProps {
+    children: ReactNode;
+    withTableBorder?: boolean;
+}
+export declare const ContentContainer: ({ children, withTableBorder, }: ContentContainerProps) => jsx.JSX.Element;

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,12 @@
+import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { ConfigModalProps } from '../../common/types';
+export interface ConfluenceSearchConfigModalProps extends ConfigModalProps<ConfluenceSearchDatasourceAdf, {
+    cloudId: string;
+    searchString?: string;
+}> {
+}
+export type ConfluenceSearchDatasourceParameters = {
+    cloudId: string;
+    searchString?: string;
+};
+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/common/modal/content-container/index.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+export interface ContentContainerProps {
+    children: ReactNode;
+    withTableBorder?: boolean;
+}
+export declare const ContentContainer: ({ children, withTableBorder, }: ContentContainerProps) => jsx.JSX.Element;

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,12 @@
+import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { ConfigModalProps } from '../../common/types';
+export interface ConfluenceSearchConfigModalProps extends ConfigModalProps<ConfluenceSearchDatasourceAdf, {
+    cloudId: string;
+    searchString?: string;
+}> {
+}
+export type ConfluenceSearchDatasourceParameters = {
+    cloudId: string;
+    searchString?: string;
+};
+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/examples-helpers/mockSmartLinkData.ts

@@ -64,4 +64,48 @@ export const mocks = {
       url: 'https://product-fabric.atlassian.net/browse/EDM-5941',
     },
   } as JsonLd.Response,
+  notFound: {
+    meta: {
+      visibility: 'not_found',
+      access: 'forbidden',
+      auth: [],
+      definitionId: 'd1',
+      key: 'object-provider',
+    },
+    data: {
+      '@context': {
+        '@vocab': 'https://www.w3.org/ns/activitystreams#',
+        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+        schema: 'http://schema.org/',
+      },
+      '@type': 'Object',
+      name: 'I love cheese',
+      url: 'https://some.url',
+    },
+  } as JsonLd.Response,
+  forbidden: {
+    meta: {
+      visibility: 'restricted',
+      access: 'forbidden',
+      auth: [
+        {
+          key: 'some-flow',
+          displayName: 'Flow',
+          url: 'https://outbound-auth/flow',
+        },
+      ],
+      definitionId: 'd1',
+      key: 'object-provider',
+    },
+    data: {
+      '@context': {
+        '@vocab': 'https://www.w3.org/ns/activitystreams#',
+        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+        schema: 'http://schema.org/',
+      },
+      '@type': 'Object',
+      name: 'I love cheese',
+      url: 'https://some.url',
+    },
+  } as JsonLd.Response,
 };

package/examples-helpers/smartLinkCustomClient.ts

@@ -8,27 +8,38 @@ import { mocks } from './mockSmartLinkData';
 
 const jqlUrlRegExp = /.+[jql=].+/;
 
-class SmartLinkClient extends CardClient {
-  fetchData(url: string): Promise<JsonLd.Response> {
-    switch (url) {
-      case 'https://product-fabric.atlassian.net/browse/EDM-5941':
-      case 'https://product-fabric.atlassian.net/browse/EDM-5591':
-        return Promise.resolve(mocks.resolved);
-      case 'https://link-that-does-not-resolve.com':
-        return Promise.reject(`Can't resolve from ${url}`);
-      case 'https://link-that-is-unsupported.com':
-        throw new APIError(
-          'fatal',
-          new URL(url).hostname,
-          'received unsupported error',
-          'ResolveUnsupportedError',
-        );
-      case jqlUrlRegExp.test(url) ? url : undefined:
-        return Promise.resolve(mockJqlSmartLinkData.resolved);
-      default:
-        return Promise.resolve(mocks.unauthorized);
-    }
+const mockedFetch = (url: string): Promise<JsonLd.Response> => {
+  switch (url) {
+    case 'https://product-fabric.atlassian.net/browse/EDM-5941':
+    case 'https://product-fabric.atlassian.net/browse/EDM-5591':
+      return Promise.resolve(mocks.resolved);
+    case 'https://link-that-does-not-resolve.com':
+      return Promise.reject(`Can't resolve from ${url}`);
+    case 'https://link-that-is-still-resolving.com/long-url/very-very-very-very-very-very-very-long':
+      return new Promise(() => {});
+    case 'https://link-that-is-unauthorized.com':
+      return Promise.resolve(mocks.unauthorized);
+    case 'https://link-that-is-not-found.com/long':
+      return Promise.resolve(mocks.notFound);
+    case 'https://link-that-is-forbidden.com':
+      return Promise.resolve(mocks.forbidden);
+    case 'https://link-that-is-unsupported.com':
+      throw new APIError(
+        'fatal',
+        new URL(url).hostname,
+        'received unsupported error',
+        'ResolveUnsupportedError',
+      );
+    case jqlUrlRegExp.test(url) ? url : undefined:
+      return Promise.resolve(mockJqlSmartLinkData.resolved);
+    default:
+      return Promise.resolve(mocks.unauthorized);
   }
+};
+
+class SmartLinkClient extends CardClient {
+  prefetchData = mockedFetch;
+  fetchData = mockedFetch;
 }
 
 export default SmartLinkClient;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.24.6",
+  "version": "1.24.8",
   "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",