@atlaskit/link-datasource 0.34.2 → 0.34.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 0.34.4
+
+### Patch Changes
+
+- [`0fb7c3220b9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fb7c3220b9) - Fix issue where link doesn't open in new tab
+
+## 0.34.3
+
+### Patch Changes
+
+- [`f93b91224c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f93b91224c7) - [ux] Refocused column search after initial load
+
 ## 0.34.2
 
 ### Patch Changes

package/dist/cjs/ui/issue-like-table/column-picker/index.js

@@ -29,6 +29,7 @@ var ColumnPicker = function ColumnPicker(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     allOptions = _useState2[0],
     setAllOptions = _useState2[1];
+  var pickerRef = (0, _react.useRef)(null);
   var mapColumnToOption = (0, _react.useCallback)(function (_ref2) {
     var key = _ref2.key,
       title = _ref2.title;
@@ -93,6 +94,13 @@ var ColumnPicker = function ColumnPicker(_ref) {
       return selectedValue.value === option.value;
     });
   };
+  (0, _react.useEffect)(function () {
+    if (allOptions.length) {
+      var _pickerRef$current, _pickerRef$current$se, _pickerRef$current$se2;
+      // necessary to refocus the search input after the loading state
+      pickerRef === null || pickerRef === void 0 ? void 0 : (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 ? void 0 : (_pickerRef$current$se = _pickerRef$current.selectRef) === null || _pickerRef$current$se === void 0 ? void 0 : (_pickerRef$current$se2 = _pickerRef$current$se.inputRef) === null || _pickerRef$current$se2 === void 0 ? void 0 : _pickerRef$current$se2.focus();
+    }
+  }, [allOptions]);
   return (0, _react2.jsx)(_select.PopupSelect, {
     classNamePrefix: 'column-picker-popup',
     testId: 'column-picker-popup',
@@ -106,6 +114,7 @@ var ColumnPicker = function ColumnPicker(_ref) {
     hideSelectedOptions: false,
     id: 'column-picker-popup',
     isMulti: true,
+    ref: pickerRef,
     isOptionDisabled: handleIsOptionDisabled,
     placeholder: intl.formatMessage(_messages.columnPickerMessages.search),
     onKeyDown: stopEscapePropagationWhenOpen,

package/dist/cjs/ui/issue-like-table/render-type/link/index.js

@@ -39,7 +39,8 @@ var LinkRenderType = function LinkRenderType(_ref) {
     return /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
       href: url,
       style: linkStyle,
-      "data-testid": testId
+      "data-testid": testId,
+      target: "_blank"
     }, text || url);
   }, [linkStyle, url, text, testId]);
   var SmartCard = function SmartCard() {

package/dist/cjs/ui/jira-issues-modal/modal/index.js

@@ -344,7 +344,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "0.34.2",
+  packageVersion: "0.34.4",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/es2019/ui/issue-like-table/column-picker/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
@@ -16,6 +16,7 @@ export const ColumnPicker = ({
 }) => {
   const intl = useIntl();
   const [allOptions, setAllOptions] = useState([]);
+  const pickerRef = useRef(null);
   const mapColumnToOption = useCallback(({
     key,
     title
@@ -68,6 +69,13 @@ export const ColumnPicker = ({
   const handleIsOptionDisabled = (option, selectValue) => {
     return selectValue.length === 1 && selectValue.some(selectedValue => selectedValue.value === option.value);
   };
+  useEffect(() => {
+    if (allOptions.length) {
+      var _pickerRef$current, _pickerRef$current$se, _pickerRef$current$se2;
+      // necessary to refocus the search input after the loading state
+      pickerRef === null || pickerRef === void 0 ? void 0 : (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 ? void 0 : (_pickerRef$current$se = _pickerRef$current.selectRef) === null || _pickerRef$current$se === void 0 ? void 0 : (_pickerRef$current$se2 = _pickerRef$current$se.inputRef) === null || _pickerRef$current$se2 === void 0 ? void 0 : _pickerRef$current$se2.focus();
+    }
+  }, [allOptions]);
   return jsx(PopupSelect, {
     classNamePrefix: 'column-picker-popup',
     testId: 'column-picker-popup',
@@ -81,6 +89,7 @@ export const ColumnPicker = ({
     hideSelectedOptions: false,
     id: 'column-picker-popup',
     isMulti: true,
+    ref: pickerRef,
     isOptionDisabled: handleIsOptionDisabled,
     placeholder: intl.formatMessage(columnPickerMessages.search),
     onKeyDown: stopEscapePropagationWhenOpen,

package/dist/es2019/ui/issue-like-table/render-type/link/index.js

@@ -25,7 +25,8 @@ const LinkRenderType = ({
   const anchor = useMemo(() => /*#__PURE__*/React.createElement(LinkUrl, {
     href: url,
     style: linkStyle,
-    "data-testid": testId
+    "data-testid": testId,
+    target: "_blank"
   }, text || url), [linkStyle, url, text, testId]);
   const SmartCard = () => /*#__PURE__*/React.createElement(ErrorBoundary, {
     fallback: anchor

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -290,7 +290,7 @@ const analyticsContextAttributes = {
 };
 const analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "0.34.2",
+  packageVersion: "0.34.4",
   source: 'datasourceConfigModal'
 };
 const contextData = {

package/dist/esm/ui/issue-like-table/column-picker/index.js

@@ -4,7 +4,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["isOpen"];
 /** @jsx jsx */
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
@@ -22,6 +22,7 @@ export var ColumnPicker = function ColumnPicker(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     allOptions = _useState2[0],
     setAllOptions = _useState2[1];
+  var pickerRef = useRef(null);
   var mapColumnToOption = useCallback(function (_ref2) {
     var key = _ref2.key,
       title = _ref2.title;
@@ -86,6 +87,13 @@ export var ColumnPicker = function ColumnPicker(_ref) {
       return selectedValue.value === option.value;
     });
   };
+  useEffect(function () {
+    if (allOptions.length) {
+      var _pickerRef$current, _pickerRef$current$se, _pickerRef$current$se2;
+      // necessary to refocus the search input after the loading state
+      pickerRef === null || pickerRef === void 0 ? void 0 : (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 ? void 0 : (_pickerRef$current$se = _pickerRef$current.selectRef) === null || _pickerRef$current$se === void 0 ? void 0 : (_pickerRef$current$se2 = _pickerRef$current$se.inputRef) === null || _pickerRef$current$se2 === void 0 ? void 0 : _pickerRef$current$se2.focus();
+    }
+  }, [allOptions]);
   return jsx(PopupSelect, {
     classNamePrefix: 'column-picker-popup',
     testId: 'column-picker-popup',
@@ -99,6 +107,7 @@ export var ColumnPicker = function ColumnPicker(_ref) {
     hideSelectedOptions: false,
     id: 'column-picker-popup',
     isMulti: true,
+    ref: pickerRef,
     isOptionDisabled: handleIsOptionDisabled,
     placeholder: intl.formatMessage(columnPickerMessages.search),
     onKeyDown: stopEscapePropagationWhenOpen,

package/dist/esm/ui/issue-like-table/render-type/link/index.js

@@ -28,7 +28,8 @@ var LinkRenderType = function LinkRenderType(_ref) {
     return /*#__PURE__*/React.createElement(LinkUrl, {
       href: url,
       style: linkStyle,
-      "data-testid": testId
+      "data-testid": testId,
+      target: "_blank"
     }, text || url);
   }, [linkStyle, url, text, testId]);
   var SmartCard = function SmartCard() {

package/dist/esm/ui/jira-issues-modal/modal/index.js

@@ -334,7 +334,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "0.34.2",
+  packageVersion: "0.34.4",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "0.34.2",
+  "version": "0.34.4",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"