@atlaskit/link-datasource 3.19.1 → 3.20.0

package/examples-helpers/buildJiraIssuesTable.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo } from 'react';
+import React, { useMemo } from 'react';
 
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { SmartCardProvider } from '@atlaskit/link-provider';
@@ -63,11 +63,10 @@ export const ExampleJiraIssuesTableView = ({
 	parameters,
 	mockDatasourceFetchRequest = true,
 }: JiraIssuesTableViewProps) => {
-	useEffect(() => {
-		if (mockDatasourceFetchRequest) {
-			mockDatasourceFetchRequests();
-		}
-	}, [mockDatasourceFetchRequest]);
+
+	if (mockDatasourceFetchRequest) {
+		mockDatasourceFetchRequests();
+	}
 
 	return (
 		<DatasourceExperienceIdProvider>

package/examples-helpers/hoverableContainer.tsx

@@ -4,25 +4,32 @@
  */
 import React from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { cssMap, jsx } from '@compiled/react';
 
-import { Box, xcss } from '@atlaskit/primitives';
+import { token } from '@atlaskit/tokens';
 
-const containerStyles = xcss({
-	height: '100%',
-	backgroundColor: 'elevation.surface.overlay',
-	padding: 'space.400',
-	':hover': {
-		backgroundColor: 'elevation.surface.overlay.hovered',
-	},
+const styles = cssMap({
+	containerStyles: {
+		height: '100%',
+		paddingTop: token('space.400'),
+		paddingRight: token('space.400'),
+		paddingBottom: token('space.400'),
+		paddingLeft: token('space.400'),
+		backgroundColor: token('elevation.surface.overlay'),
+		'&:hover': {
+			backgroundColor: token('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}>
+		<div
+			data-testid="examples-hoverable-container"
+			css={styles.containerStyles}
+		>
 			{children}
-		</Box>
+		</div>
 	);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.19.1",
+	"version": "3.20.0",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -20,7 +20,9 @@
 			]
 		}
 	},
-	"sideEffects": false,
+	"sideEffects": [
+		"**/*.compiled.css"
+	],
 	"atlaskit:src": "src/index.ts",
 	"atlassian": {
 		"team": "Linking Platform",
@@ -34,22 +36,23 @@
 		"analytics:codegen": "yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource --output ./src/analytics/generated"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^46.1.0",
+		"@atlaskit/adf-schema": "^47.2.1",
 		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/atlassian-context": "^0.1.0",
 		"@atlaskit/avatar": "^21.18.0",
 		"@atlaskit/avatar-group": "^11.1.0",
 		"@atlaskit/badge": "^17.1.0",
 		"@atlaskit/button": "^20.5.0",
-		"@atlaskit/datetime-picker": "^15.12.0",
+		"@atlaskit/css": "^0.8.0",
+		"@atlaskit/datetime-picker": "^15.13.0",
 		"@atlaskit/dropdown-menu": "^12.26.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/empty-state": "^8.2.0",
 		"@atlaskit/flag": "^15.9.0",
 		"@atlaskit/form": "^11.1.0",
 		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.7.0",
-		"@atlaskit/icon-object": "^6.10.0",
+		"@atlaskit/icon": "^23.9.0",
+		"@atlaskit/icon-object": "^6.11.0",
 		"@atlaskit/image": "^1.4.0",
 		"@atlaskit/inline-edit": "^14.2.0",
 		"@atlaskit/intl-messages-provider": "^1.1.0",
@@ -84,6 +87,7 @@
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/width-detector": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
+		"@compiled/react": "^0.18.1",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
 		"debounce-promise": "^3.1.2",
@@ -144,7 +148,8 @@
 			],
 			"styling": [
 				"static",
-				"emotion"
+				"emotion",
+				"compiled"
 			],
 			"imports": [
 				"import-no-extraneous-disable-for-examples-and-docs"
@@ -176,6 +181,12 @@
 		},
 		"confluence-issue-terminology-refresh": {
 			"type": "boolean"
+		},
+		"bandicoots-update-sllv-icons": {
+			"type": "boolean"
+		},
+		"bandicoots-compiled-migration-link-datasource": {
+			"type": "boolean"
 		}
 	}
 }

package/dist/types/ui/assets-modal/modal/render-assets-content/initial-state-view/assets/crystal-ball-svg.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CrystalBallSVG: () => React.JSX.Element;

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const LoadingErrorSVG: () => React.JSX.Element;

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ConfluenceSearchInitialStateSVG: () => React.JSX.Element;

package/dist/types-ts4.5/ui/assets-modal/modal/render-assets-content/initial-state-view/assets/crystal-ball-svg.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CrystalBallSVG: () => React.JSX.Element;

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const LoadingErrorSVG: () => React.JSX.Element;

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ConfluenceSearchInitialStateSVG: () => React.JSX.Element;