@atlaskit/link-datasource 1.5.1 → 1.5.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 1.5.3
+
+### Patch Changes
+
+- [#40935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40935) [`05b395f72c6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/05b395f72c6) - Minor styling update for header padding and table border-radius
+
+## 1.5.2
+
+### Patch Changes
+
+- [#40773](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40773) [`25db8b103c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/25db8b103c7) - [ux] Adding alphabetical sorting to site selector
+
 ## 1.5.1
 
 ### Patch Changes

package/dist/cjs/analytics/constants.js

@@ -8,6 +8,6 @@ var EVENT_CHANNEL = 'media';
 exports.EVENT_CHANNEL = EVENT_CHANNEL;
 var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.5.1"
+  packageVersion: "1.5.3"
 };
 exports.packageMetaData = packageMetaData;

package/dist/cjs/ui/assets-modal/modal/index.js

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

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

@@ -52,7 +52,8 @@ var truncatedCellStyles = (0, _react2.css)({
 var scrollableContainerStyles = (0, _react2.css)({
   overflow: 'auto',
   padding: "0 ".concat(tableSidePadding, " 0 ").concat(tableSidePadding),
-  boxSizing: 'border-box'
+  boxSizing: 'border-box',
+  borderRadius: "var(--ds-border-radius-100, 3px)"
 });
 var tableStyles = (0, _react2.css)({
   // These styles are needed to prevent thead bottom border from scrolling away.

package/dist/cjs/ui/issue-like-table/styled.js

@@ -13,7 +13,7 @@ var FieldTextFontSize = '14px';
 exports.FieldTextFontSize = FieldTextFontSize;
 var Table = _styled.default.table(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n"])));
 exports.Table = Table;
-var TableHeading = _styled.default.th(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  padding-block: ", ";\n  line-height: ", ";\n  border-bottom: 2px solid ", ";\n  & [data-testid='datasource-header-content--container'] {\n    margin-top: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-font-lineHeight-300, 16px)", "var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")"));
+var TableHeading = _styled.default.th(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  padding-block: ", " ", ";\n  line-height: ", ";\n  border-bottom: 2px solid ", ";\n  & [data-testid='datasource-header-content--container'] {\n    margin-top: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-font-lineHeight-300, 16px)", "var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")"));
 exports.TableHeading = TableHeading;
 var EmptyStateTableHeading = (0, _styled.default)(TableHeading)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &:first-child {\n    padding-left: ", ";\n  }\n"])), "var(--ds-space-100, 8px)");
 exports.EmptyStateTableHeading = EmptyStateTableHeading;

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

@@ -9,6 +9,7 @@ exports.getColumnAction = exports.PlainJiraIssuesConfigModal = exports.JiraIssue
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
@@ -203,7 +204,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   (0, _react.useEffect)(function () {
     var fetchSiteDisplayNames = /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var jiraSites;
+        var jiraSites, sortedAvailableSites;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -211,11 +212,14 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
               return (0, _getAvailableJiraSites.getAvailableJiraSites)();
             case 2:
               jiraSites = _context.sent;
-              setAvailableSites(jiraSites);
+              sortedAvailableSites = (0, _toConsumableArray2.default)(jiraSites).sort(function (a, b) {
+                return a.displayName.localeCompare(b.displayName);
+              });
+              setAvailableSites(sortedAvailableSites);
               fireEvent('ui.modal.ready.datasource', {
-                instancesCount: jiraSites.length
+                instancesCount: sortedAvailableSites.length
               });
-            case 5:
+            case 6:
             case "end":
               return _context.stop();
           }

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

@@ -31,6 +31,7 @@ var JiraSiteSelector = function JiraSiteSelector(props) {
       var triggerRef = _ref.triggerRef,
         props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
       return (0, _react.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
+        testId: "".concat(testId, "--trigger"),
         spacing: "none",
         iconBefore: (0, _react.jsx)(_chevronDown.default, {
           label: intl.formatMessage(_messages.siteSelectorMessages.dropdownChevronLabel)

package/dist/es2019/analytics/constants.js

@@ -1,5 +1,5 @@
 export const EVENT_CHANNEL = 'media';
 export const packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.5.1"
+  packageVersion: "1.5.3"
 };

package/dist/es2019/ui/assets-modal/modal/index.js

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

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

@@ -51,7 +51,8 @@ const truncatedCellStyles = css({
 const scrollableContainerStyles = css({
   overflow: 'auto',
   padding: `0 ${tableSidePadding} 0 ${tableSidePadding}`,
-  boxSizing: 'border-box'
+  boxSizing: 'border-box',
+  borderRadius: "var(--ds-border-radius-100, 3px)"
 });
 const tableStyles = css({
   // These styles are needed to prevent thead bottom border from scrolling away.

package/dist/es2019/ui/issue-like-table/styled.js

@@ -6,7 +6,7 @@ export const Table = styled.table`
 `;
 export const TableHeading = styled.th`
   position: relative;
-  padding-block: ${"var(--ds-space-100, 8px)"};
+  padding-block: ${"var(--ds-space-300, 24px)"} ${"var(--ds-space-100, 8px)"};
   line-height: ${"var(--ds-font-lineHeight-300, 16px)"};
   border-bottom: 2px solid ${`var(--ds-background-accent-gray-subtler, ${N40})`};
   & [data-testid='datasource-header-content--container'] {

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

@@ -171,9 +171,10 @@ export const PlainJiraIssuesConfigModal = props => {
   useEffect(() => {
     const fetchSiteDisplayNames = async () => {
       const jiraSites = await getAvailableJiraSites();
-      setAvailableSites(jiraSites);
+      const sortedAvailableSites = [...jiraSites].sort((a, b) => a.displayName.localeCompare(b.displayName));
+      setAvailableSites(sortedAvailableSites);
       fireEvent('ui.modal.ready.datasource', {
-        instancesCount: jiraSites.length
+        instancesCount: sortedAvailableSites.length
       });
     };
     void fetchSiteDisplayNames();

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

@@ -21,6 +21,7 @@ export const JiraSiteSelector = props => {
       triggerRef,
       ...props
     }) => jsx(Button, _extends({}, props, {
+      testId: `${testId}--trigger`,
       spacing: "none",
       iconBefore: jsx(ChevronDownIcon, {
         label: intl.formatMessage(siteSelectorMessages.dropdownChevronLabel)

package/dist/esm/analytics/constants.js

@@ -1,5 +1,5 @@
 export var EVENT_CHANNEL = 'media';
 export var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.5.1"
+  packageVersion: "1.5.3"
 };

package/dist/esm/ui/assets-modal/modal/index.js

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

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

@@ -45,7 +45,8 @@ var truncatedCellStyles = css({
 var scrollableContainerStyles = css({
   overflow: 'auto',
   padding: "0 ".concat(tableSidePadding, " 0 ").concat(tableSidePadding),
-  boxSizing: 'border-box'
+  boxSizing: 'border-box',
+  borderRadius: "var(--ds-border-radius-100, 3px)"
 });
 var tableStyles = css({
   // These styles are needed to prevent thead bottom border from scrolling away.

package/dist/esm/ui/issue-like-table/styled.js

@@ -4,5 +4,5 @@ import styled from '@emotion/styled';
 import { N40 } from '@atlaskit/theme/colors';
 export var FieldTextFontSize = '14px';
 export var Table = styled.table(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
-export var TableHeading = styled.th(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  padding-block: ", ";\n  line-height: ", ";\n  border-bottom: 2px solid ", ";\n  & [data-testid='datasource-header-content--container'] {\n    margin-top: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-font-lineHeight-300, 16px)", "var(--ds-background-accent-gray-subtler, ".concat(N40, ")"));
+export var TableHeading = styled.th(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  padding-block: ", " ", ";\n  line-height: ", ";\n  border-bottom: 2px solid ", ";\n  & [data-testid='datasource-header-content--container'] {\n    margin-top: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-font-lineHeight-300, 16px)", "var(--ds-background-accent-gray-subtler, ".concat(N40, ")"));
 export var EmptyStateTableHeading = styled(TableHeading)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  &:first-child {\n    padding-left: ", ";\n  }\n"])), "var(--ds-space-100, 8px)");

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -193,7 +194,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
   useEffect(function () {
     var fetchSiteDisplayNames = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var jiraSites;
+        var jiraSites, sortedAvailableSites;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -201,11 +202,14 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
               return getAvailableJiraSites();
             case 2:
               jiraSites = _context.sent;
-              setAvailableSites(jiraSites);
+              sortedAvailableSites = _toConsumableArray(jiraSites).sort(function (a, b) {
+                return a.displayName.localeCompare(b.displayName);
+              });
+              setAvailableSites(sortedAvailableSites);
               fireEvent('ui.modal.ready.datasource', {
-                instancesCount: jiraSites.length
+                instancesCount: sortedAvailableSites.length
               });
-            case 5:
+            case 6:
             case "end":
               return _context.stop();
           }

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

@@ -21,6 +21,7 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
       var triggerRef = _ref.triggerRef,
         props = _objectWithoutProperties(_ref, _excluded);
       return jsx(Button, _extends({}, props, {
+        testId: "".concat(testId, "--trigger"),
         spacing: "none",
         iconBefore: jsx(ChevronDownIcon, {
           label: intl.formatMessage(siteSelectorMessages.dropdownChevronLabel)

package/package.json

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