@atlaskit/link-datasource 2.3.4 → 2.3.6

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

@@ -5,7 +5,7 @@ export { default as DatasourceTableView } from './ui/datasource-table-view';
 export { default as JSMAssetsConfigModal } from './ui/assets-modal';
 export { buildDatasourceAdf } from './common/utils/adf';
 export type { JiraIssuesDatasourceAdf, JiraIssueDatasourceParameters, } from './ui/jira-issues-modal/types';
-export type { AssetsDatasourceAdf, AssetsDatasourceParameters, } from './ui/assets-modal/types';
+export type { AssetsDatasourceAdf, AssetsDatasourceParameters } from './ui/assets-modal/types';
 export type { ConfluenceSearchDatasourceAdf, ConfluenceSearchDatasourceParameters, } from './ui/confluence-search-modal/types';
 export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
 export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';

package/dist/types-ts4.5/services/useBasicFilterAGG.d.ts

@@ -9,7 +9,7 @@ interface GetFieldValuesProps {
 }
 export declare const useBasicFilterAGG: () => {
     getHydratedJQL: (cloudId: string, jql: string) => Promise<HydrateResponse>;
-    getFieldValues: ({ cloudId, jql, jqlTerm, searchString, pageCursor, }: GetFieldValuesProps) => Promise<FieldValuesResponse>;
+    getFieldValues: ({ cloudId, jql, jqlTerm, searchString, pageCursor }: GetFieldValuesProps) => Promise<FieldValuesResponse>;
     getCurrentUserInfo: () => Promise<UserInfoAGGResponse>;
     getUsersFromAccountIDs: (accountIds: string[]) => Promise<UserHydrationAGGResponse>;
 };

package/dist/types-ts4.5/ui/assets-modal/search-container/loading-state.d.ts

@@ -4,5 +4,5 @@ import { jsx } from '@emotion/react';
 type AssetsSearchConatinerLoadingProps = {
     modalTitle?: JSX.Element;
 };
-export declare const AssetsSearchContainerLoading: ({ modalTitle, }: AssetsSearchConatinerLoadingProps) => jsx.JSX.Element;
+export declare const AssetsSearchContainerLoading: ({ modalTitle }: AssetsSearchConatinerLoadingProps) => jsx.JSX.Element;
 export {};

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

@@ -5,6 +5,7 @@ export type AssetsDatasourceParameters = {
     workspaceId: string;
     aql: string;
     schemaId: string;
+    version?: string;
 };
 export type AssetsDatasourceAdf = DatasourceAdf<AssetsDatasourceParameters>;
 export interface AssetsConfigModalProps extends ConfigModalProps<InlineCardAdf | AssetsDatasourceAdf, DatasourceParameters | AssetsDatasourceParameters> {

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

@@ -6,5 +6,5 @@ interface NoInstanceViewProps {
     description: MessageDescriptor;
     testId: string;
 }
-export declare const NoInstancesView: ({ title, description, testId, }: NoInstanceViewProps) => jsx.JSX.Element;
+export declare const NoInstancesView: ({ title, description, testId }: NoInstanceViewProps) => jsx.JSX.Element;
 export {};

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

@@ -5,4 +5,4 @@ export interface CancelButtonProps {
     onCancel: () => void;
     testId: string;
 }
-export declare const CancelButton: ({ getAnalyticsPayload, onCancel, testId, }: CancelButtonProps) => jsx.JSX.Element;
+export declare const CancelButton: ({ getAnalyticsPayload, onCancel, testId }: CancelButtonProps) => jsx.JSX.Element;

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

@@ -5,4 +5,4 @@ export interface ContentContainerProps {
     children: ReactNode;
     withTableBorder?: boolean;
 }
-export declare const ContentContainer: ({ children, withTableBorder, }: ContentContainerProps) => jsx.JSX.Element;
+export declare const ContentContainer: ({ children, withTableBorder }: ContentContainerProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/common/modal/display-view-dropdown/display-view-drop-down.d.ts

@@ -5,4 +5,4 @@ export type DisplayViewDropDownProps = {
     onViewModeChange: (value: DisplayViewModes) => void;
     viewMode: DisplayViewModes;
 };
-export declare const DisplayViewDropDown: ({ onViewModeChange, viewMode, }: DisplayViewDropDownProps) => jsx.JSX.Element;
+export declare const DisplayViewDropDown: ({ onViewModeChange, viewMode }: DisplayViewDropDownProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/common/modal/popup-select/footer.d.ts

@@ -4,5 +4,5 @@ export interface PopupFooterProps {
     totalCount: number;
     filterName: string;
 }
-declare const PopupFooter: ({ currentDisplayCount, totalCount, filterName, }: PopupFooterProps) => JSX.Element;
+declare const PopupFooter: ({ currentDisplayCount, totalCount, filterName }: PopupFooterProps) => JSX.Element;
 export default PopupFooter;

package/dist/types-ts4.5/ui/common/modal/popup-select/menu-list/errorMessage.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const CustomErrorMessage: ({ filterName, errors, }: {
+declare const CustomErrorMessage: ({ filterName, errors }: {
     filterName: string;
     errors?: unknown[] | undefined;
 }) => JSX.Element;

package/dist/types-ts4.5/ui/common/modal/popup-select/menu-list/loadingMessage.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const CustomDropdownLoadingMessage: ({ filterName, }: {
+declare const CustomDropdownLoadingMessage: ({ filterName }: {
     filterName: string;
 }) => JSX.Element;
 export default CustomDropdownLoadingMessage;

package/dist/types-ts4.5/ui/common/modal/popup-select/menu-list/selectMessage.d.ts

@@ -5,5 +5,5 @@ interface CustomSelectMessageProps {
     message: MessageDescriptor;
     testId: string;
 }
-declare const CustomSelectMessage: ({ icon, message, testId, }: CustomSelectMessageProps) => JSX.Element;
+declare const CustomSelectMessage: ({ icon, message, testId }: CustomSelectMessageProps) => JSX.Element;
 export default CustomSelectMessage;

package/dist/types-ts4.5/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.d.ts

@@ -5,5 +5,5 @@ interface DateRangeProps {
     onSelectionChange: (options: DateRangeSelection) => void;
     selection?: DateRangeSelection;
 }
-export declare const DateRangePicker: ({ onSelectionChange, selection, }: DateRangeProps) => JSX.Element;
+export declare const DateRangePicker: ({ onSelectionChange, selection }: DateRangeProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/issue-like-table/render-type/boolean/index.d.ts

@@ -5,5 +5,5 @@ interface BooleanProps {
     value: BooleanType['value'];
 }
 export declare const BOOLEAN_TYPE_TEST_ID = "link-datasource-render-type--boolean";
-declare const BooleanRenderType: ({ value, testId, }: BooleanProps) => JSX.Element;
+declare const BooleanRenderType: ({ value, testId }: BooleanProps) => JSX.Element;
 export default BooleanRenderType;

package/dist/types-ts4.5/ui/issue-like-table/render-type/icon/index.d.ts

@@ -4,5 +4,5 @@ interface IconProps extends Icon {
     testId?: string;
 }
 export declare const ICON_TYPE_TEST_ID = "link-datasource-render-type--icon";
-declare const IconRenderType: ({ label, source, testId, }: IconProps) => JSX.Element;
+declare const IconRenderType: ({ label, source, testId }: IconProps) => JSX.Element;
 export default IconRenderType;

package/dist/types-ts4.5/ui/issue-like-table/render-type/link/index.d.ts

@@ -4,5 +4,5 @@ interface LinkProps extends Link {
     testId?: string;
 }
 export declare const LINK_TYPE_TEST_ID = "link-datasource-render-type--link";
-declare const _default: React.MemoExoticComponent<({ style, url, text, testId, }: LinkProps) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ style, url, text, testId }: LinkProps) => JSX.Element | null>;
 export default _default;

package/dist/types-ts4.5/ui/issue-like-table/render-type/number/index.d.ts

@@ -5,5 +5,5 @@ interface NumberProps {
     number: NumberType['value'];
 }
 export declare const NUMBER_TYPE_TEST_ID = "link-datasource-render-type--number";
-declare const NumberRenderType: ({ number, testId, }: NumberProps) => JSX.Element;
+declare const NumberRenderType: ({ number, testId }: NumberProps) => JSX.Element;
 export default NumberRenderType;

package/dist/types-ts4.5/ui/issue-like-table/render-type/status/index.d.ts

@@ -4,5 +4,5 @@ interface StatusProps extends Status {
     testId?: string;
 }
 export declare const STATUS_TYPE_TEST_ID = "link-datasource-render-type--status";
-declare const StatusRenderType: ({ text, style, testId, }: StatusProps) => JSX.Element;
+declare const StatusRenderType: ({ text, style, testId }: StatusProps) => JSX.Element;
 export default StatusRenderType;

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

@@ -20,5 +20,5 @@ export interface FilterOptionsState {
     errors: unknown[];
 }
 export declare const getAssigneeUnassignedFilterOption: (formatMessage: IntlShape['formatMessage']) => AvatarLabelOption;
-export declare const useFilterOptions: ({ filterType, site, }: FilterOptionsProps) => FilterOptionsState;
+export declare const useFilterOptions: ({ filterType, site }: FilterOptionsProps) => FilterOptionsState;
 export {};

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

@@ -4,5 +4,5 @@ export declare function mapHydrateResponseData({ data }: HydrateResponse): Selec
 export declare function mapFieldValuesToFilterOptions({ data, siteUrl, }: FieldValuesResponse & {
     siteUrl?: string;
 }): SelectOption[];
-export declare function mapFieldValuesToTotalCount({ data, }: FieldValuesResponse): number;
-export declare function mapFieldValuesToPageCursor({ data, }: FieldValuesResponse): string | undefined;
+export declare function mapFieldValuesToTotalCount({ data }: FieldValuesResponse): number;
+export declare function mapFieldValuesToPageCursor({ data }: FieldValuesResponse): string | undefined;

package/examples-helpers/buildAssetsIssuesTable.tsx

@@ -14,58 +14,58 @@ import SmartLinkClient from './smartLinkCustomClient';
 import { useAssetsTableProps } from './useAssetsTableProps';
 
 interface AssetsTableViewProps {
-  parameters?: DatasourceParameters;
-  mockDatasourceFetchRequest?: boolean;
+	parameters?: DatasourceParameters;
+	mockDatasourceFetchRequest?: boolean;
 }
 
 const AssetsTableView = () => {
-  const datasourceParameters: AssetsDatasourceParameters = {
-    workspaceId: 'workspaceId',
-    aql: 'name like a',
-    schemaId: '2',
-  };
+	const datasourceParameters: AssetsDatasourceParameters = {
+		workspaceId: 'workspaceId',
+		aql: 'name like a',
+		schemaId: '2',
+	};
 
-  const {
-    visibleColumnKeys,
-    onVisibleColumnKeysChange,
-    columnCustomSizes,
-    onColumnResize,
-    wrappedColumnKeys,
-    onWrappedColumnChange,
-  } = useAssetsTableProps({
-    defaultColumnCustomSizes: {
-      people: 100,
-    },
-  });
+	const {
+		visibleColumnKeys,
+		onVisibleColumnKeysChange,
+		columnCustomSizes,
+		onColumnResize,
+		wrappedColumnKeys,
+		onWrappedColumnChange,
+	} = useAssetsTableProps({
+		defaultColumnCustomSizes: {
+			people: 100,
+		},
+	});
 
-  return (
-    <DatasourceTableView
-      datasourceId={ASSETS_LIST_OF_LINKS_DATASOURCE_ID}
-      parameters={datasourceParameters}
-      visibleColumnKeys={visibleColumnKeys}
-      onVisibleColumnKeysChange={onVisibleColumnKeysChange}
-      columnCustomSizes={columnCustomSizes}
-      onColumnResize={onColumnResize}
-      onWrappedColumnChange={onWrappedColumnChange}
-      wrappedColumnKeys={wrappedColumnKeys}
-    />
-  );
+	return (
+		<DatasourceTableView
+			datasourceId={ASSETS_LIST_OF_LINKS_DATASOURCE_ID}
+			parameters={datasourceParameters}
+			visibleColumnKeys={visibleColumnKeys}
+			onVisibleColumnKeysChange={onVisibleColumnKeysChange}
+			columnCustomSizes={columnCustomSizes}
+			onColumnResize={onColumnResize}
+			onWrappedColumnChange={onWrappedColumnChange}
+			wrappedColumnKeys={wrappedColumnKeys}
+		/>
+	);
 };
 
 export const ExampleAssetsIssuesTableView = ({
-  mockDatasourceFetchRequest = true,
+	mockDatasourceFetchRequest = true,
 }: AssetsTableViewProps) => {
-  useEffect(() => {
-    if (mockDatasourceFetchRequest) {
-      mockAssetsClientFetchRequests();
-    }
-  }, [mockDatasourceFetchRequest]);
+	useEffect(() => {
+		if (mockDatasourceFetchRequest) {
+			mockAssetsClientFetchRequests();
+		}
+	}, [mockDatasourceFetchRequest]);
 
-  return (
-    <IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
-      <SmartCardProvider client={new SmartLinkClient()}>
-        <AssetsTableView />
-      </SmartCardProvider>
-    </IntlMessagesProvider>
-  );
+	return (
+		<IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
+			<SmartCardProvider client={new SmartLinkClient()}>
+				<AssetsTableView />
+			</SmartCardProvider>
+		</IntlMessagesProvider>
+	);
 };

package/examples-helpers/buildConfluenceSearchTable.tsx

@@ -13,65 +13,63 @@ import SmartLinkClient from './smartLinkCustomClient';
 import { useCommonTableProps } from './useCommonTableProps';
 
 interface ConfluenceSearchTableViewProps {
-  parameters?: DatasourceParameters;
-  mockDatasourceFetchRequest?: boolean;
+	parameters?: DatasourceParameters;
+	mockDatasourceFetchRequest?: boolean;
 }
 
-const ConfluenceSearchTableView = ({
-  parameters,
-}: ConfluenceSearchTableViewProps) => {
-  const cloudId = parameters?.cloudId || 'some-cloud-id';
+const ConfluenceSearchTableView = ({ parameters }: ConfluenceSearchTableViewProps) => {
+	const cloudId = parameters?.cloudId || 'some-cloud-id';
 
-  const datasourceParameters = useMemo<ConfluenceSearchDatasourceParameters>(
-    () => ({
-      cloudId,
-      searchString: 'some-query',
-    }),
-    [cloudId],
-  );
+	const datasourceParameters = useMemo<ConfluenceSearchDatasourceParameters>(
+		() => ({
+			cloudId,
+			searchString: 'some-query',
+		}),
+		[cloudId],
+	);
 
-  const {
-    visibleColumnKeys,
-    onVisibleColumnKeysChange,
-    columnCustomSizes,
-    onColumnResize,
-    wrappedColumnKeys,
-    onWrappedColumnChange,
-  } = useCommonTableProps({
-    defaultColumnCustomSizes: {
-      people: 100,
-    },
-  });
+	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}
-    />
-  );
+	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,
+	parameters,
+	mockDatasourceFetchRequest = true,
 }: ConfluenceSearchTableViewProps) => {
-  useEffect(() => {
-    if (mockDatasourceFetchRequest) {
-      mockDatasourceFetchRequests();
-    }
-  }, [mockDatasourceFetchRequest]);
+	useEffect(() => {
+		if (mockDatasourceFetchRequest) {
+			mockDatasourceFetchRequests();
+		}
+	}, [mockDatasourceFetchRequest]);
 
-  return (
-    <IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
-      <SmartCardProvider client={new SmartLinkClient()}>
-        <ConfluenceSearchTableView parameters={parameters} />
-      </SmartCardProvider>
-    </IntlMessagesProvider>
-  );
+	return (
+		<IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
+			<SmartCardProvider client={new SmartLinkClient()}>
+				<ConfluenceSearchTableView parameters={parameters} />
+			</SmartCardProvider>
+		</IntlMessagesProvider>
+	);
 };

package/examples-helpers/buildIssueLikeTable.tsx

@@ -20,110 +20,100 @@ import { useCommonTableProps } from './useCommonTableProps';
 mockDatasourceFetchRequests();
 
 interface Props {
-  isReadonly?: boolean;
-  canResizeColumns?: boolean;
-  canControlWrapping?: boolean;
-  skipIntl?: boolean;
+	isReadonly?: boolean;
+	canResizeColumns?: boolean;
+	canControlWrapping?: boolean;
+	skipIntl?: boolean;
 }
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const TableViewWrapper = styled.div({
-  display: 'flex',
-  flexDirection: 'column',
-  overflow: 'scroll',
-  width: '100%',
-  height: '100%',
+	display: 'flex',
+	flexDirection: 'column',
+	overflow: 'scroll',
+	width: '100%',
+	height: '100%',
 });
 
-const ExampleBody = ({
-  isReadonly,
-  canResizeColumns = true,
-  canControlWrapping = true,
-}: Props) => {
-  const parameters = useMemo<JiraIssueDatasourceParameters>(
-    () => ({
-      cloudId: 'some-cloud-id',
-      jql: 'some-jql',
-    }),
-    [],
-  );
+const ExampleBody = ({ isReadonly, canResizeColumns = true, canControlWrapping = true }: Props) => {
+	const parameters = useMemo<JiraIssueDatasourceParameters>(
+		() => ({
+			cloudId: 'some-cloud-id',
+			jql: 'some-jql',
+		}),
+		[],
+	);
 
-  const {
-    status,
-    onNextPage,
-    responseItems,
-    hasNextPage,
-    defaultVisibleColumnKeys,
-    columns,
-    loadDatasourceDetails,
-  } = useDatasourceTableState({
-    datasourceId: 'some-datasource-id',
-    parameters,
-  });
+	const {
+		status,
+		onNextPage,
+		responseItems,
+		hasNextPage,
+		defaultVisibleColumnKeys,
+		columns,
+		loadDatasourceDetails,
+	} = useDatasourceTableState({
+		datasourceId: 'some-datasource-id',
+		parameters,
+	});
 
-  const {
-    visibleColumnKeys,
-    onVisibleColumnKeysChange,
-    columnCustomSizes,
-    onColumnResize,
-    wrappedColumnKeys,
-    onWrappedColumnChange,
-  } = useCommonTableProps();
+	const {
+		visibleColumnKeys,
+		onVisibleColumnKeysChange,
+		columnCustomSizes,
+		onColumnResize,
+		wrappedColumnKeys,
+		onWrappedColumnChange,
+	} = useCommonTableProps();
 
-  useEffect(() => {
-    if (visibleColumnKeys.length === 0 && defaultVisibleColumnKeys.length > 0) {
-      onVisibleColumnKeysChange(defaultVisibleColumnKeys);
-    }
-  }, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
+	useEffect(() => {
+		if (visibleColumnKeys.length === 0 && defaultVisibleColumnKeys.length > 0) {
+			onVisibleColumnKeysChange(defaultVisibleColumnKeys);
+		}
+	}, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
 
-  return (
-    <TableViewWrapper>
-      {visibleColumnKeys.length > 0 && columns.length > 0 ? (
-        <IssueLikeDataTableView
-          testId="link-datasource"
-          items={responseItems}
-          onNextPage={onNextPage}
-          onLoadDatasourceDetails={loadDatasourceDetails}
-          hasNextPage={hasNextPage}
-          status={status}
-          columns={columns}
-          visibleColumnKeys={visibleColumnKeys}
-          onVisibleColumnKeysChange={
-            isReadonly ? undefined : onVisibleColumnKeysChange
-          }
-          onColumnResize={
-            isReadonly || !canResizeColumns ? undefined : onColumnResize
-          }
-          columnCustomSizes={columnCustomSizes}
-          onWrappedColumnChange={
-            canControlWrapping ? onWrappedColumnChange : undefined
-          }
-          wrappedColumnKeys={wrappedColumnKeys}
-        />
-      ) : (
-        <span>Loading ...</span>
-      )}
-    </TableViewWrapper>
-  );
+	return (
+		<TableViewWrapper>
+			{visibleColumnKeys.length > 0 && columns.length > 0 ? (
+				<IssueLikeDataTableView
+					testId="link-datasource"
+					items={responseItems}
+					onNextPage={onNextPage}
+					onLoadDatasourceDetails={loadDatasourceDetails}
+					hasNextPage={hasNextPage}
+					status={status}
+					columns={columns}
+					visibleColumnKeys={visibleColumnKeys}
+					onVisibleColumnKeysChange={isReadonly ? undefined : onVisibleColumnKeysChange}
+					onColumnResize={isReadonly || !canResizeColumns ? undefined : onColumnResize}
+					columnCustomSizes={columnCustomSizes}
+					onWrappedColumnChange={canControlWrapping ? onWrappedColumnChange : undefined}
+					wrappedColumnKeys={wrappedColumnKeys}
+				/>
+			) : (
+				<span>Loading ...</span>
+			)}
+		</TableViewWrapper>
+	);
 };
 
 export const ExampleIssueLikeTable = ({
-  isReadonly,
-  canResizeColumns,
-  canControlWrapping,
-  skipIntl,
+	isReadonly,
+	canResizeColumns,
+	canControlWrapping,
+	skipIntl,
 }: Props) => {
-  return (
-    <DatasourceExperienceIdProvider>
-      <IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
-        <SmartCardProvider client={new SmartLinkClient()}>
-          <ExampleBody
-            isReadonly={isReadonly}
-            canResizeColumns={canResizeColumns}
-            canControlWrapping={canControlWrapping}
-          />
-        </SmartCardProvider>
-      </IntlMessagesProvider>
-    </DatasourceExperienceIdProvider>
-  );
+	return (
+		<DatasourceExperienceIdProvider>
+			<IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
+				<SmartCardProvider client={new SmartLinkClient()}>
+					<ExampleBody
+						isReadonly={isReadonly}
+						canResizeColumns={canResizeColumns}
+						canControlWrapping={canControlWrapping}
+					/>
+				</SmartCardProvider>
+			</IntlMessagesProvider>
+		</DatasourceExperienceIdProvider>
+	);
 };