@atlaskit/link-datasource 4.14.3 → 4.14.5

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/link-datasource
 
+## 4.14.5
+
+### Patch Changes
+
+- [#189884](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189884)
+  [`e57a4d8f2ed72`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e57a4d8f2ed72) -
+  NAVX-1180 datasource modal should return focus when closed
+
+## 4.14.4
+
+### Patch Changes
+
+- [#189751](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189751)
+  [`3b3db60fb9bd1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b3db60fb9bd1) -
+  NAVX-1166 Adding descriptive aria label to show more filter type button
+- [#190017](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/190017)
+  [`be9794796c535`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be9794796c535) -
+  NAVX-1184 fixing eng-health a11y violations within unit tests
+- Updated dependencies
+
 ## 4.14.3
 
 ### Patch Changes

package/dist/cjs/ui/common/modal/datasource-modal/index.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DatasourceModal = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../../../../analytics");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ScreenEvent = function ScreenEvent() {
@@ -27,6 +28,6 @@ var DatasourceModal = exports.DatasourceModal = function DatasourceModal(_ref) {
     onClose: onClose,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true,
-    shouldReturnFocus: false
+    shouldReturnFocus: (0, _platformFeatureFlags.fg)('navx-1180-sllv-return-focus-on-escape') ? true : false
   }, /*#__PURE__*/_react.default.createElement(ScreenEvent, null), children);
 };

package/dist/cjs/ui/common/modal/popup-select/menu-list/index.js

@@ -36,7 +36,8 @@ var CustomMenuList = function CustomMenuList(_ref) {
     isEmpty = _props$selectProps$me.isEmpty,
     errors = _props$selectProps$me.errors,
     showMore = _props$selectProps$me.showMore,
-    handleShowMore = _props$selectProps$me.handleShowMore;
+    handleShowMore = _props$selectProps$me.handleShowMore,
+    filterLabel = _props$selectProps$me.filterLabel;
   var shouldDisplayShowMore = showMore && !isLoadingMore;
   var isLoadingMoreData = !shouldDisplayShowMore && isLoadingMore;
   var InlineSpinner = function InlineSpinner() {
@@ -68,7 +69,8 @@ var CustomMenuList = function CustomMenuList(_ref) {
       xcss: (0, _react2.cx)(styles.showMoreButtonBoxStyles)
     }, /*#__PURE__*/_react.default.createElement(_showMoreButton.default, {
       onShowMore: handleShowMore,
-      filterName: filterName
+      filterName: filterName,
+      filterLabel: filterLabel
     })), isLoadingMoreData && /*#__PURE__*/_react.default.createElement(InlineSpinner, null));
   };
   return /*#__PURE__*/_react.default.createElement(_select.components.MenuList, props, renderChildren());

package/dist/cjs/ui/common/modal/popup-select/menu-list/showMoreButton.js

@@ -6,15 +6,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../../../../../analytics");
 var _messages = require("./messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ShowMoreButton = function ShowMoreButton(_ref) {
   var onShowMore = _ref.onShowMore,
-    filterName = _ref.filterName;
+    filterName = _ref.filterName,
+    _ref$filterLabel = _ref.filterLabel,
+    filterLabel = _ref$filterLabel === void 0 ? '' : _ref$filterLabel;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
@@ -26,11 +30,13 @@ var ShowMoreButton = function ShowMoreButton(_ref) {
     });
     onShowMore();
   }, [filterName, fireEvent, onShowMore]);
-  return /*#__PURE__*/_react.default.createElement(_new.default, {
+  return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({
     onClick: handleShowMore,
     appearance: "subtle",
     testId: "".concat(filterName, "--show-more-button"),
     spacing: "compact"
-  }, formatMessage(_messages.asyncPopupSelectMessages.showMoreMessage));
+  }, (0, _platformFeatureFlags.fg)('platform-linking-sllv-show-more-aria-label') ? {
+    'aria-label': filterLabel ? "Show more ".concat(filterLabel) : 'Show more'
+  } : {}), formatMessage(_messages.asyncPopupSelectMessages.showMoreMessage));
 };
 var _default = exports.default = ShowMoreButton;

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -140,7 +140,8 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
       isLoadingMore: isLoadingMore,
       handleShowMore: handleShowMore,
       errors: errors,
-      showMore: shouldDisplayShowMoreButton
+      showMore: shouldDisplayShowMoreButton,
+      filterLabel: triggerButtonLabel
     }
   });
 };

package/dist/es2019/ui/common/modal/datasource-modal/index.js

@@ -1,5 +1,6 @@
 import React, { useEffect } from 'react';
 import Modal from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useDatasourceAnalyticsEvents } from '../../../../analytics';
 const ScreenEvent = () => {
   const {
@@ -20,6 +21,6 @@ export const DatasourceModal = ({
     onClose: onClose,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true,
-    shouldReturnFocus: false
+    shouldReturnFocus: fg('navx-1180-sllv-return-focus-on-escape') ? true : false
   }, /*#__PURE__*/React.createElement(ScreenEvent, null), children);
 };

package/dist/es2019/ui/common/modal/popup-select/menu-list/index.js

@@ -26,7 +26,8 @@ const CustomMenuList = ({
     isEmpty,
     errors,
     showMore,
-    handleShowMore
+    handleShowMore,
+    filterLabel
   } =
   // @ts-ignore - https://product-fabric.atlassian.net/browse/DSP-21000
   props.selectProps.menuListProps;
@@ -59,7 +60,8 @@ const CustomMenuList = ({
       xcss: cx(styles.showMoreButtonBoxStyles)
     }, /*#__PURE__*/React.createElement(ShowMoreButton, {
       onShowMore: handleShowMore,
-      filterName: filterName
+      filterName: filterName,
+      filterLabel: filterLabel
     })), isLoadingMoreData && /*#__PURE__*/React.createElement(InlineSpinner, null));
   };
   return /*#__PURE__*/React.createElement(components.MenuList, props, renderChildren());

package/dist/es2019/ui/common/modal/popup-select/menu-list/showMoreButton.js

@@ -1,11 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
 import { asyncPopupSelectMessages } from './messages';
 const ShowMoreButton = ({
   onShowMore,
-  filterName
+  filterName,
+  filterLabel = ''
 }) => {
   const {
     formatMessage
@@ -20,11 +23,13 @@ const ShowMoreButton = ({
     });
     onShowMore();
   }, [filterName, fireEvent, onShowMore]);
-  return /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(Button, _extends({
     onClick: handleShowMore,
     appearance: "subtle",
     testId: `${filterName}--show-more-button`,
     spacing: "compact"
-  }, formatMessage(asyncPopupSelectMessages.showMoreMessage));
+  }, fg('platform-linking-sllv-show-more-aria-label') ? {
+    'aria-label': filterLabel ? `Show more ${filterLabel}` : 'Show more'
+  } : {}), formatMessage(asyncPopupSelectMessages.showMoreMessage));
 };
 export default ShowMoreButton;

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -109,7 +109,8 @@ const AsyncPopupSelect = ({
       isLoadingMore,
       handleShowMore,
       errors,
-      showMore: shouldDisplayShowMoreButton
+      showMore: shouldDisplayShowMoreButton,
+      filterLabel: triggerButtonLabel
     }
   });
 };

package/dist/esm/ui/common/modal/datasource-modal/index.js

@@ -1,5 +1,6 @@
 import React, { useEffect } from 'react';
 import Modal from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useDatasourceAnalyticsEvents } from '../../../../analytics';
 var ScreenEvent = function ScreenEvent() {
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
@@ -18,6 +19,6 @@ export var DatasourceModal = function DatasourceModal(_ref) {
     onClose: onClose,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true,
-    shouldReturnFocus: false
+    shouldReturnFocus: fg('navx-1180-sllv-return-focus-on-escape') ? true : false
   }, /*#__PURE__*/React.createElement(ScreenEvent, null), children);
 };

package/dist/esm/ui/common/modal/popup-select/menu-list/index.js

@@ -29,7 +29,8 @@ var CustomMenuList = function CustomMenuList(_ref) {
     isEmpty = _props$selectProps$me.isEmpty,
     errors = _props$selectProps$me.errors,
     showMore = _props$selectProps$me.showMore,
-    handleShowMore = _props$selectProps$me.handleShowMore;
+    handleShowMore = _props$selectProps$me.handleShowMore,
+    filterLabel = _props$selectProps$me.filterLabel;
   var shouldDisplayShowMore = showMore && !isLoadingMore;
   var isLoadingMoreData = !shouldDisplayShowMore && isLoadingMore;
   var InlineSpinner = function InlineSpinner() {
@@ -61,7 +62,8 @@ var CustomMenuList = function CustomMenuList(_ref) {
       xcss: cx(styles.showMoreButtonBoxStyles)
     }, /*#__PURE__*/React.createElement(ShowMoreButton, {
       onShowMore: handleShowMore,
-      filterName: filterName
+      filterName: filterName,
+      filterLabel: filterLabel
     })), isLoadingMoreData && /*#__PURE__*/React.createElement(InlineSpinner, null));
   };
   return /*#__PURE__*/React.createElement(components.MenuList, props, renderChildren());

package/dist/esm/ui/common/modal/popup-select/menu-list/showMoreButton.js

@@ -1,11 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
 import { asyncPopupSelectMessages } from './messages';
 var ShowMoreButton = function ShowMoreButton(_ref) {
   var onShowMore = _ref.onShowMore,
-    filterName = _ref.filterName;
+    filterName = _ref.filterName,
+    _ref$filterLabel = _ref.filterLabel,
+    filterLabel = _ref$filterLabel === void 0 ? '' : _ref$filterLabel;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
@@ -17,11 +21,13 @@ var ShowMoreButton = function ShowMoreButton(_ref) {
     });
     onShowMore();
   }, [filterName, fireEvent, onShowMore]);
-  return /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(Button, _extends({
     onClick: handleShowMore,
     appearance: "subtle",
     testId: "".concat(filterName, "--show-more-button"),
     spacing: "compact"
-  }, formatMessage(asyncPopupSelectMessages.showMoreMessage));
+  }, fg('platform-linking-sllv-show-more-aria-label') ? {
+    'aria-label': filterLabel ? "Show more ".concat(filterLabel) : 'Show more'
+  } : {}), formatMessage(asyncPopupSelectMessages.showMoreMessage));
 };
 export default ShowMoreButton;

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -131,7 +131,8 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
       isLoadingMore: isLoadingMore,
       handleShowMore: handleShowMore,
       errors: errors,
-      showMore: shouldDisplayShowMoreButton
+      showMore: shouldDisplayShowMoreButton,
+      filterLabel: triggerButtonLabel
     }
   });
 };

package/dist/types/ui/common/modal/popup-select/menu-list/index.d.ts

@@ -10,6 +10,7 @@ export type CustomMenuListProps = {
     handleShowMore?: () => void;
     filterName: string;
     errors?: unknown[];
+    filterLabel?: string;
 };
 declare const CustomMenuList: ({ children, ...props }: MenuListComponentProps<SelectOption, true>) => React.JSX.Element;
 export default CustomMenuList;

package/dist/types/ui/common/modal/popup-select/menu-list/showMoreButton.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 type ShowMoreButtonProps = {
     onShowMore: () => void;
     filterName: string;
+    filterLabel?: string;
 };
-declare const ShowMoreButton: ({ onShowMore, filterName }: ShowMoreButtonProps) => React.JSX.Element;
+declare const ShowMoreButton: ({ onShowMore, filterName, filterLabel }: ShowMoreButtonProps) => React.JSX.Element;
 export default ShowMoreButton;

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

@@ -10,6 +10,7 @@ export type CustomMenuListProps = {
     handleShowMore?: () => void;
     filterName: string;
     errors?: unknown[];
+    filterLabel?: string;
 };
 declare const CustomMenuList: ({ children, ...props }: MenuListComponentProps<SelectOption, true>) => React.JSX.Element;
 export default CustomMenuList;

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

@@ -2,6 +2,7 @@ import React from 'react';
 type ShowMoreButtonProps = {
     onShowMore: () => void;
     filterName: string;
+    filterLabel?: string;
 };
-declare const ShowMoreButton: ({ onShowMore, filterName }: ShowMoreButtonProps) => React.JSX.Element;
+declare const ShowMoreButton: ({ onShowMore, filterName, filterLabel }: ShowMoreButtonProps) => React.JSX.Element;
 export default ShowMoreButton;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "4.14.3",
+	"version": "4.14.5",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -192,6 +192,12 @@
 		},
 		"linking-platform-assests-schema-selector-refresh": {
 			"type": "boolean"
+		},
+		"platform-linking-sllv-show-more-aria-label": {
+			"type": "boolean"
+		},
+		"navx-1180-sllv-return-focus-on-escape": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/9c893299-a527-4457-9b46-f3bc4c828766"