@atlaskit/link-datasource 2.3.5 → 2.3.7

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>
+	);
 };

package/examples-helpers/buildJiraIssuesTable.tsx

@@ -14,65 +14,65 @@ import SmartLinkClient from './smartLinkCustomClient';
 import { useCommonTableProps } from './useCommonTableProps';
 
 interface JiraIssuesTableViewProps {
-  parameters?: DatasourceParameters;
-  mockDatasourceFetchRequest?: boolean;
+	parameters?: DatasourceParameters;
+	mockDatasourceFetchRequest?: boolean;
 }
 
 const JiraIssuesTableView = ({ parameters }: JiraIssuesTableViewProps) => {
-  const cloudId = parameters?.cloudId || 'some-cloud-id';
+	const cloudId = parameters?.cloudId || 'some-cloud-id';
 
-  const datasourceParameters = useMemo<JiraIssueDatasourceParameters>(
-    () => ({
-      cloudId,
-      jql: 'some-jql',
-    }),
-    [cloudId],
-  );
+	const datasourceParameters = useMemo<JiraIssueDatasourceParameters>(
+		() => ({
+			cloudId,
+			jql: 'some-jql',
+		}),
+		[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 ExampleJiraIssuesTableView = ({
-  parameters,
-  mockDatasourceFetchRequest = true,
+	parameters,
+	mockDatasourceFetchRequest = true,
 }: JiraIssuesTableViewProps) => {
-  useEffect(() => {
-    if (mockDatasourceFetchRequest) {
-      mockDatasourceFetchRequests();
-    }
-  }, [mockDatasourceFetchRequest]);
+	useEffect(() => {
+		if (mockDatasourceFetchRequest) {
+			mockDatasourceFetchRequests();
+		}
+	}, [mockDatasourceFetchRequest]);
 
-  return (
-    <DatasourceExperienceIdProvider>
-      <IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
-        <SmartCardProvider client={new SmartLinkClient()}>
-          <JiraIssuesTableView parameters={parameters} />
-        </SmartCardProvider>
-      </IntlMessagesProvider>
-    </DatasourceExperienceIdProvider>
-  );
+	return (
+		<DatasourceExperienceIdProvider>
+			<IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
+				<SmartCardProvider client={new SmartLinkClient()}>
+					<JiraIssuesTableView parameters={parameters} />
+				</SmartCardProvider>
+			</IntlMessagesProvider>
+		</DatasourceExperienceIdProvider>
+	);
 };

package/examples-helpers/hoverableContainer.tsx

@@ -6,21 +6,19 @@ import { jsx } from '@emotion/react';
 import { Box, xcss } from '@atlaskit/primitives';
 
 const containerStyles = xcss({
-  height: '100%',
-  backgroundColor: 'elevation.surface.overlay',
-  padding: 'space.400',
-  ':hover': {
-    backgroundColor: 'elevation.surface.overlay.hovered',
-  },
+	height: '100%',
+	backgroundColor: 'elevation.surface.overlay',
+	padding: 'space.400',
+	':hover': {
+		backgroundColor: 'elevation.surface.overlay.hovered',
+	},
 });
 
 // To simulate Jira description's hover background wrapper
-export const HoverableContainer = ({
-  children,
-}: React.PropsWithChildren<{}>) => {
-  return (
-    <Box testId="examples-hoverable-container" xcss={containerStyles}>
-      {children}
-    </Box>
-  );
+export const HoverableContainer = ({ children }: React.PropsWithChildren<{}>) => {
+	return (
+		<Box testId="examples-hoverable-container" xcss={containerStyles}>
+			{children}
+		</Box>
+	);
 };

package/examples-helpers/mockJqlSmartLinkData.ts

@@ -3,70 +3,68 @@ import { type JsonLd } from 'json-ld-types';
 import * as Image from './images.json';
 
 export const mockJqlSmartLinkData = {
-  unauthorized: {
-    meta: {
-      access: 'unauthorized',
-      visibility: 'restricted',
-      auth: [{}],
-    },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/',
-      },
-      '@type': 'Object',
-      generator: {
-        '@type': 'Application',
-        name: 'Asana',
-        icon: {
-          '@type': 'Image',
-          url: Image.asana,
-        },
-      },
-      url: 'https://some.url',
-    },
-  } as JsonLd.Response,
-  resolved: {
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/',
-      },
-      '@type': ['Document', 'Object'],
-      generator: {
-        '@id': 'https://www.atlassian.com/#Jira',
-        '@type': 'Application',
-        name: 'Jira',
-      },
-      name: `55 Issues`,
-      summary: `JQL Query: '(text ~ "test*" OR summary ~ "test*") order by created DESC'`,
-      url: `https://product-fabric.atlassian.net/issues/?jql=${encodeURI(
-        '(text ~ "test*" OR summary ~ "test*") order by created DESC',
-      )}`,
-    },
-    meta: {
-      access: 'granted',
-      auth: [],
-      definitionId: 'jira-object-provider',
-      category: 'object',
-      product: 'jira',
-      resourceType: 'jql',
-      tenantId: `someCloudId-for-hello`,
-      visibility: 'restricted',
-      // ...(subproduct && { subproduct: subproduct }),
-    },
-    datasources: [
-      {
-        key: 'datasource-jira-issues',
-        parameters: {
-          cloudId: `someCloudId-for-hello`,
-          jql: decodeURIComponent(
-            '(text ~ "test*" OR summary ~ "test*") order by created DESC',
-          ),
-        },
-      },
-    ],
-  } as JsonLd.Response,
+	unauthorized: {
+		meta: {
+			access: 'unauthorized',
+			visibility: 'restricted',
+			auth: [{}],
+		},
+		data: {
+			'@context': {
+				'@vocab': 'https://www.w3.org/ns/activitystreams#',
+				atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+				schema: 'http://schema.org/',
+			},
+			'@type': 'Object',
+			generator: {
+				'@type': 'Application',
+				name: 'Asana',
+				icon: {
+					'@type': 'Image',
+					url: Image.asana,
+				},
+			},
+			url: 'https://some.url',
+		},
+	} as JsonLd.Response,
+	resolved: {
+		data: {
+			'@context': {
+				'@vocab': 'https://www.w3.org/ns/activitystreams#',
+				atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+				schema: 'http://schema.org/',
+			},
+			'@type': ['Document', 'Object'],
+			generator: {
+				'@id': 'https://www.atlassian.com/#Jira',
+				'@type': 'Application',
+				name: 'Jira',
+			},
+			name: `55 Issues`,
+			summary: `JQL Query: '(text ~ "test*" OR summary ~ "test*") order by created DESC'`,
+			url: `https://product-fabric.atlassian.net/issues/?jql=${encodeURI(
+				'(text ~ "test*" OR summary ~ "test*") order by created DESC',
+			)}`,
+		},
+		meta: {
+			access: 'granted',
+			auth: [],
+			definitionId: 'jira-object-provider',
+			category: 'object',
+			product: 'jira',
+			resourceType: 'jql',
+			tenantId: `someCloudId-for-hello`,
+			visibility: 'restricted',
+			// ...(subproduct && { subproduct: subproduct }),
+		},
+		datasources: [
+			{
+				key: 'datasource-jira-issues',
+				parameters: {
+					cloudId: `someCloudId-for-hello`,
+					jql: decodeURIComponent('(text ~ "test*" OR summary ~ "test*") order by created DESC'),
+				},
+			},
+		],
+	} as JsonLd.Response,
 };