@atlaskit/link-datasource 3.0.4 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/link-datasource
 
+## 3.1.1
+
+### Patch Changes
+
+- [#143055](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143055)
+  [`1580619590f3e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1580619590f3e) -
+  [ux] Adds a filterTransaction to the editor-card plugin to ignore bug-causing click transaction
+  when inline editing is active and user clicks on scroll gutter of the editor, ignoring the
+  transaction coming from editor-core click-area-helper in this edge case.
+
+## 3.1.0
+
+### Minor Changes
+
+- [#142268](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/142268)
+  [`f54558fb5ccd1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f54558fb5ccd1) -
+  Enable new icons behind a feature flag.
+
 ## 3.0.4
 
 ### Patch Changes

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

@@ -10,6 +10,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _text = _interopRequireDefault(require("./text"));
 var _excluded = ["value"];
+// This is used in editor-card-plugin to identify if any type of inline edit is active.
+var ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
 var editType = exports.editType = function editType(item) {
   var _item$values$, _item$values;
   switch (item.type) {
@@ -21,7 +23,8 @@ var editType = exports.editType = function editType(item) {
           var value = _ref.value,
             fieldProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
           return /*#__PURE__*/_react.default.createElement(_text.default, (0, _extends2.default)({}, fieldProps, {
-            value: value
+            value: value,
+            id: ACTIVE_INLINE_EDIT_ID
           }));
         }
       };

package/dist/cjs/ui/table-footer/index.js

@@ -12,7 +12,7 @@ var _react2 = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
-var _refresh = _interopRequireDefault(require("@atlaskit/icon/glyph/refresh"));
+var _refresh = _interopRequireDefault(require("@atlaskit/icon/core/migration/refresh"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
@@ -102,11 +102,11 @@ var TableFooter = exports.TableFooter = function TableFooter(_ref) {
     lastSyncTime: lastSyncTime
   })), (0, _react2.jsx)(_button.default, {
     onClick: onRefresh,
-    appearance: "subtle"
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19585
-    ,
+    appearance: "subtle",
     iconBefore: (0, _react2.jsx)(_refresh.default, {
-      label: intl.formatMessage(_messages.footerMessages.refreshLabel)
+      label: intl.formatMessage(_messages.footerMessages.refreshLabel),
+      color: "currentColor",
+      spacing: "spacious"
     }),
     isDisabled: isLoading,
     testId: "refresh-button"

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

@@ -1,6 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import TextEditType from './text';
+
+// This is used in editor-card-plugin to identify if any type of inline edit is active.
+const ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
 export const editType = item => {
   var _item$values$, _item$values;
   switch (item.type) {
@@ -12,7 +15,8 @@ export const editType = item => {
           value,
           ...fieldProps
         }) => /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
-          value: value
+          value: value,
+          id: ACTIVE_INLINE_EDIT_ID
         }))
       };
     default:

package/dist/es2019/ui/table-footer/index.js

@@ -10,7 +10,7 @@ import { jsx } from '@emotion/react';
 import styled from '@emotion/styled';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
-import RefreshIcon from '@atlaskit/icon/glyph/refresh';
+import RefreshIcon from '@atlaskit/icon/core/migration/refresh';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Flex } from '@atlaskit/primitives';
 import { N0, N40, N90 } from '@atlaskit/theme/colors';
@@ -87,11 +87,11 @@ export const TableFooter = ({
     lastSyncTime: lastSyncTime
   })), jsx(Button, {
     onClick: onRefresh,
-    appearance: "subtle"
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19585
-    ,
+    appearance: "subtle",
     iconBefore: jsx(RefreshIcon, {
-      label: intl.formatMessage(footerMessages.refreshLabel)
+      label: intl.formatMessage(footerMessages.refreshLabel),
+      color: "currentColor",
+      spacing: "spacious"
     }),
     isDisabled: isLoading,
     testId: "refresh-button"

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

@@ -3,6 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["value"];
 import React from 'react';
 import TextEditType from './text';
+
+// This is used in editor-card-plugin to identify if any type of inline edit is active.
+var ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
 export var editType = function editType(item) {
   var _item$values$, _item$values;
   switch (item.type) {
@@ -14,7 +17,8 @@ export var editType = function editType(item) {
           var value = _ref.value,
             fieldProps = _objectWithoutProperties(_ref, _excluded);
           return /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
-            value: value
+            value: value,
+            id: ACTIVE_INLINE_EDIT_ID
           }));
         }
       };

package/dist/esm/ui/table-footer/index.js

@@ -11,7 +11,7 @@ import { jsx } from '@emotion/react';
 import styled from '@emotion/styled';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
-import RefreshIcon from '@atlaskit/icon/glyph/refresh';
+import RefreshIcon from '@atlaskit/icon/core/migration/refresh';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Flex } from '@atlaskit/primitives';
 import { N0, N40, N90 } from '@atlaskit/theme/colors';
@@ -90,11 +90,11 @@ export var TableFooter = function TableFooter(_ref) {
     lastSyncTime: lastSyncTime
   })), jsx(Button, {
     onClick: onRefresh,
-    appearance: "subtle"
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19585
-    ,
+    appearance: "subtle",
     iconBefore: jsx(RefreshIcon, {
-      label: intl.formatMessage(footerMessages.refreshLabel)
+      label: intl.formatMessage(footerMessages.refreshLabel),
+      color: "currentColor",
+      spacing: "spacious"
     }),
     isDisabled: isLoading,
     testId: "refresh-button"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.0.4",
+	"version": "3.1.1",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/avatar-group": "^9.11.0",
 		"@atlaskit/badge": "^16.4.0",
 		"@atlaskit/button": "^20.1.0",
-		"@atlaskit/datetime-picker": "^14.0.0",
+		"@atlaskit/datetime-picker": "^14.1.0",
 		"@atlaskit/dropdown-menu": "^12.18.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/empty-state": "^7.11.0",