@atlaskit/link-datasource 4.31.0 → 4.32.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/link-datasource
 
+## 4.32.1
+
+### Patch Changes
+
+- [`1d8c8a19192b2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1d8c8a19192b2) -
+  [ux] For Jira inlne editing dropdown (status, assignee) are now show over the edge of scrallable
+  table. Behind FG platform_navx_sllv_j2ws_dropdown_for_single_row
+
+## 4.32.0
+
+### Minor Changes
+
+- [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
+  Removed usages of LEGACY icon props
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.31.0
 
 ### Minor Changes

package/dist/cjs/ui/assets-modal/search-container/aql-search-input/index.js

@@ -16,8 +16,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _reactIntlNext = require("react-intl-next");
 var _new = require("@atlaskit/button/new");
 var _form = require("@atlaskit/form");
-var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
-var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
+var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
+var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/question-circle"));
 var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
 var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
 var _compiled = require("@atlaskit/primitives/compiled");

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js

@@ -251,10 +251,8 @@ var DateRangePicker = exports.DateRangePicker = function DateRangePicker(_ref6)
         }
       }
     })), invalidDateRange && /*#__PURE__*/_react.default.createElement(DateRangeErrorMessage, null, /*#__PURE__*/_react.default.createElement(_statusError.default, {
-      LEGACY_size: "small",
       color: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
       label: formatMessage(_messages.dateRangeMessages.dateRangeError),
-      LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
       size: "small"
     }), invalidDateRange), /*#__PURE__*/_react.default.createElement(SelectDateRangeButton, {
       "data-testId": "custom-date-range-update-button",

package/dist/cjs/ui/issue-like-table/edit-type/icon/index.js

@@ -48,6 +48,7 @@ var IconEditType = function IconEditType(props) {
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
   }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+    menuPortalTarget: (0, _platformFeatureFlags.fg)('platform_navx_sllv_j2ws_dropdown_for_single_row') ? document.body : undefined,
     autoFocus: true,
     blurInputOnSelect: true,
     defaultMenuIsOpen: true

package/dist/cjs/ui/issue-like-table/edit-type/status/index.js

@@ -48,6 +48,7 @@ var StatusEditType = function StatusEditType(props) {
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
   }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+    menuPortalTarget: (0, _platformFeatureFlags.fg)('platform_navx_sllv_j2ws_dropdown_for_single_row') ? document.body : undefined,
     autoFocus: true,
     options: options,
     defaultMenuIsOpen: true,

package/dist/cjs/ui/issue-like-table/edit-type/user/index.js

@@ -78,6 +78,7 @@ var UserEditType = function UserEditType(props) {
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
   }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+    menuPortalTarget: (0, _platformFeatureFlags.fg)('platform_navx_sllv_j2ws_dropdown_for_single_row') ? document.body : undefined,
     autoFocus: true,
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,

package/dist/es2019/ui/assets-modal/search-container/aql-search-input/index.js

@@ -8,8 +8,8 @@ import { Fragment } from 'react';
 import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import { ErrorMessage, Field } from '@atlaskit/form';
-import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
-import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
+import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
+import QuestionCircleIcon from '@atlaskit/icon/core/question-circle';
 import SearchIcon from '@atlaskit/icon/core/search';
 import CheckCircleIcon from '@atlaskit/icon/core/status-success';
 import { Box } from '@atlaskit/primitives/compiled';

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js

@@ -217,10 +217,8 @@ export const DateRangePicker = ({
         }
       }
     })), invalidDateRange && /*#__PURE__*/React.createElement(DateRangeErrorMessage, null, /*#__PURE__*/React.createElement(ErrorIcon, {
-      LEGACY_size: "small",
       color: `var(--ds-icon-danger, ${R400})`,
       label: formatMessage(dateRangeMessages.dateRangeError),
-      LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"}`,
       size: "small"
     }), invalidDateRange), /*#__PURE__*/React.createElement(SelectDateRangeButton, {
       "data-testId": "custom-date-range-update-button",

package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js

@@ -42,6 +42,7 @@ const IconEditType = props => {
   return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
   }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
+    menuPortalTarget: fg('platform_navx_sllv_j2ws_dropdown_for_single_row') ? document.body : undefined,
     autoFocus: true,
     blurInputOnSelect: true,
     defaultMenuIsOpen: true

package/dist/es2019/ui/issue-like-table/edit-type/status/index.js

@@ -42,6 +42,7 @@ const StatusEditType = props => {
   return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
   }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
+    menuPortalTarget: fg('platform_navx_sllv_j2ws_dropdown_for_single_row') ? document.body : undefined,
     autoFocus: true,
     options: options,
     defaultMenuIsOpen: true,

package/dist/es2019/ui/issue-like-table/edit-type/user/index.js

@@ -63,6 +63,7 @@ const UserEditType = props => {
   return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
   }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
+    menuPortalTarget: fg('platform_navx_sllv_j2ws_dropdown_for_single_row') ? document.body : undefined,
     autoFocus: true,
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,

package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.js

@@ -10,8 +10,8 @@ import { Fragment } from 'react';
 import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import { ErrorMessage, Field } from '@atlaskit/form';
-import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
-import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
+import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
+import QuestionCircleIcon from '@atlaskit/icon/core/question-circle';
 import SearchIcon from '@atlaskit/icon/core/search';
 import CheckCircleIcon from '@atlaskit/icon/core/status-success';
 import { Box } from '@atlaskit/primitives/compiled';

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js

@@ -244,10 +244,8 @@ export var DateRangePicker = function DateRangePicker(_ref6) {
         }
       }
     })), invalidDateRange && /*#__PURE__*/React.createElement(DateRangeErrorMessage, null, /*#__PURE__*/React.createElement(ErrorIcon, {
-      LEGACY_size: "small",
       color: "var(--ds-icon-danger, ".concat(R400, ")"),
       label: formatMessage(dateRangeMessages.dateRangeError),
-      LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
       size: "small"
     }), invalidDateRange), /*#__PURE__*/React.createElement(SelectDateRangeButton, {
       "data-testId": "custom-date-range-update-button",

package/dist/esm/ui/issue-like-table/edit-type/icon/index.js

@@ -39,6 +39,7 @@ var IconEditType = function IconEditType(props) {
   return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
   }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
+    menuPortalTarget: fg('platform_navx_sllv_j2ws_dropdown_for_single_row') ? document.body : undefined,
     autoFocus: true,
     blurInputOnSelect: true,
     defaultMenuIsOpen: true

package/dist/esm/ui/issue-like-table/edit-type/status/index.js

@@ -39,6 +39,7 @@ var StatusEditType = function StatusEditType(props) {
   return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
   }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
+    menuPortalTarget: fg('platform_navx_sllv_j2ws_dropdown_for_single_row') ? document.body : undefined,
     autoFocus: true,
     options: options,
     defaultMenuIsOpen: true,

package/dist/esm/ui/issue-like-table/edit-type/user/index.js

@@ -69,6 +69,7 @@ var UserEditType = function UserEditType(props) {
   return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
   }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
+    menuPortalTarget: fg('platform_navx_sllv_j2ws_dropdown_for_single_row') ? document.body : undefined,
     autoFocus: true,
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,

package/dist/types/ui/issue-like-table/types.d.ts

@@ -73,7 +73,7 @@ export interface IssueLikeDataTableViewProps {
     renderItem?: TableViewPropsRenderType;
     /**
      * If this number is set it will restrict (max-height) maximum size of the component AND make main container a scrollable container.
-     * It this number is undefined it will not restrict height and not make container scrollable.
+     * It this number is 0 it will not restrict height and not make container scrollable.
      */
     scrollableContainerHeight?: number;
     status: DatasourceTableStatusType;

package/dist/types-ts4.5/ui/issue-like-table/types.d.ts

@@ -73,7 +73,7 @@ export interface IssueLikeDataTableViewProps {
     renderItem?: TableViewPropsRenderType;
     /**
      * If this number is set it will restrict (max-height) maximum size of the component AND make main container a scrollable container.
-     * It this number is undefined it will not restrict height and not make container scrollable.
+     * It this number is 0 it will not restrict height and not make container scrollable.
      */
     scrollableContainerHeight?: number;
     status: DatasourceTableStatusType;

package/examples-helpers/buildIssueLikeTable.tsx

@@ -23,16 +23,12 @@ import { useCommonTableProps } from './useCommonTableProps';
 type Props = {
 	canControlWrapping?: boolean;
 	canResizeColumns?: boolean;
+	cloudId?: string;
 	forceLoading?: boolean;
 	isReadonly?: boolean;
-	/**
-	 * Use infinity for an infinite delay (promise never resolves or rejects)
-	 * Default is 600ms
-	 */
-	mockExecutionDelay?: number;
 	skipIntl?: boolean;
 	visibleColumnKeys?: string[];
-};
+} & Parameters<typeof mockDatasourceFetchRequests>[0];
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const TableViewWrapper = styled.div({
@@ -50,13 +46,14 @@ const ExampleBody = ({
 	forceLoading = false,
 	visibleColumnKeys: overrideVisibleColumnKeys,
 	mockExecutionDelay = 600,
+	cloudId,
 }: Props) => {
 	const parameters = useMemo<JiraIssueDatasourceParameters>(
 		() => ({
-			cloudId: 'some-cloud-id',
+			cloudId: cloudId ?? 'some-cloud-id',
 			jql: 'some-jql',
 		}),
-		[],
+		[cloudId],
 	);
 
 	useEffect(() => {

package/examples-helpers/fakeModalDialogContainer.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { cssMap, cx } from '@atlaskit/css';
+import { Box } from '@atlaskit/primitives/compiled';
+import { token } from '@atlaskit/tokens';
+
+const styles = cssMap({
+	tableWrapper: {
+		marginInline: 'auto',
+		marginTop: token('space.200'),
+		width: '90%',
+		borderRadius: token('radius.large'),
+		borderWidth: token('border.width'),
+		borderStyle: 'solid',
+		borderColor: token('color.border'),
+	},
+	hasOverflow: {
+		overflow: 'hidden',
+	},
+});
+
+export const FakeModalDialogContainer = ({ children, hasOverflow = true }: { children: React.ReactNode, hasOverflow?: boolean }): React.JSX.Element => {
+	return (
+		<Box xcss={cx(styles.tableWrapper, hasOverflow && styles.hasOverflow)}>
+			{children}
+		</Box>
+	);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "4.31.0",
+	"version": "4.32.1",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,7 +40,7 @@
 		"@atlaskit/afm-i18n-platform-linking-platform-link-datasource": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/atlassian-context": "^0.6.0",
-		"@atlaskit/avatar": "^25.6.0",
+		"@atlaskit/avatar": "^25.7.0",
 		"@atlaskit/avatar-group": "^12.4.0",
 		"@atlaskit/badge": "^18.3.0",
 		"@atlaskit/button": "^23.9.0",
@@ -50,16 +50,16 @@
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/empty-state": "^10.1.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/flag": "^17.7.0",
-		"@atlaskit/form": "^15.2.0",
+		"@atlaskit/flag": "^17.8.0",
+		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^29.3.0",
+		"@atlaskit/icon": "^29.4.0",
 		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/image": "^3.0.0",
-		"@atlaskit/inline-edit": "^15.5.0",
+		"@atlaskit/inline-edit": "^15.6.0",
 		"@atlaskit/intl-messages-provider": "^2.0.0",
 		"@atlaskit/jql-ast": "^3.3.0",
-		"@atlaskit/jql-editor": "^5.11.0",
+		"@atlaskit/jql-editor": "^5.12.0",
 		"@atlaskit/jql-editor-autocomplete-rest": "^3.0.0",
 		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/link": "^3.3.0",
@@ -72,22 +72,22 @@
 		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.12.0",
+		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^2.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/react-select": "^3.12.0",
+		"@atlaskit/react-select": "^3.13.0",
 		"@atlaskit/select": "^21.6.0",
-		"@atlaskit/smart-card": "^43.19.0",
-		"@atlaskit/smart-user-picker": "^8.6.0",
+		"@atlaskit/smart-card": "^43.20.0",
+		"@atlaskit/smart-user-picker": "^8.8.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tag": "^14.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.11.0",
+		"@atlaskit/tooltip": "^20.12.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -186,6 +186,9 @@
 		},
 		"lp_disable_datasource_table_max_height_restriction": {
 			"type": "boolean"
+		},
+		"platform_navx_sllv_j2ws_dropdown_for_single_row": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/9c893299-a527-4457-9b46-f3bc4c828766"