@atlaskit/link-datasource 1.22.1 → 1.22.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/link-datasource
 
+## 1.22.3
+
+### Patch Changes
+
+- [#68572](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68572) [`15d407fe5143`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15d407fe5143) - Upgrading @atlaskit/editor-prosemirror dependency
+- [#70460](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70460) [`2f37600156ae`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2f37600156ae) - The internal composition of a component in this package has changed. There is no expected change in behaviour.
+- Updated dependencies
+
+## 1.22.2
+
+### Patch Changes
+
+- [#70489](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70489) [`8bf6a93203db`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8bf6a93203db) - Define analytics events to fire when provider Authentication succeeds or fail.
+- [#70400](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70400) [`933b3c1e55d4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/933b3c1e55d4) - [ux] css styling for Avatar group styles is increased in specificity for inserting and rendering from Jira Issues modal to ensure that editor css does not apply to the component
+- Updated dependencies
+
 ## 1.22.1
 
 ### Patch Changes

package/dist/cjs/ui/common/error-state/access-required.js

@@ -9,6 +9,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
+var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _analytics = require("../../../analytics");
 var _accessRequiredSvg = require("./access-required-svg");
@@ -25,8 +26,8 @@ var descriptionMessageStyles = (0, _react2.css)({
   flexDirection: 'column',
   gap: "var(--ds-space-200, 16px)"
 });
-var iconContainerStyles = (0, _react2.css)({
-  marginBottom: "var(--ds-space-200, 16px)"
+var iconContainerStyles = (0, _primitives.xcss)({
+  marginBottom: 'space.200'
 });
 var Description = function Description(_ref) {
   var message = _ref.message,
@@ -38,8 +39,8 @@ var Description = function Description(_ref) {
   }, url), (0, _react2.jsx)("span", null, message));
 };
 var IconContainer = function IconContainer() {
-  return (0, _react2.jsx)("div", {
-    css: iconContainerStyles
+  return (0, _react2.jsx)(_primitives.Box, {
+    xcss: iconContainerStyles
   }, (0, _react2.jsx)(_accessRequiredSvg.AccessRequiredSVG, null));
 };
 var AccessRequired = exports.AccessRequired = function AccessRequired(_ref2) {

package/dist/cjs/ui/common/error-state/provider-auth-required.js

@@ -54,19 +54,28 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
             _context.next = 4;
             return (0, _outboundAuthFlowClient.auth)(authInfo.url);
           case 4:
+            fireEvent('operational.provider.authSuccess', {
+              extensionKey: authInfo.key,
+              experience: 'datasource'
+            });
             onAuthSuccess === null || onAuthSuccess === void 0 || onAuthSuccess();
-            _context.next = 11;
+            _context.next = 13;
             break;
-          case 7:
-            _context.prev = 7;
+          case 8:
+            _context.prev = 8;
             _context.t0 = _context["catch"](1);
-            onAuthError === null || onAuthError === void 0 || onAuthError();
+            fireEvent('operational.provider.authFailure', {
+              reason: _context.t0 instanceof _outboundAuthFlowClient.AuthError && _context.t0.type ? _context.t0.type : null,
+              extensionKey: authInfo.key,
+              experience: 'datasource'
+            });
             captureError('ProviderOnAuthRequest', _context.t0);
-          case 11:
+            onAuthError === null || onAuthError === void 0 || onAuthError();
+          case 13:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 7]]);
+      }, _callee, null, [[1, 8]]);
     }));
     return function onAuthRequest() {
       return _ref2.apply(this, arguments);

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

@@ -33,7 +33,7 @@ var avatarWrapperStyles = (0, _primitives.xcss)({
 var widthObserverWrapperStyles = (0, _primitives.xcss)({
   position: 'relative'
 });
-var AvatarGroupWrapperStyles = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /*\n  The css from editor core package affects the padding of the AvatarGroup\n  The & refers to the parent selector (.<generated className>),\n  so && becomes .<generated className>.<generated className> which increases its specificity\n  */\n  && ul {\n    padding-left: 0px;\n  }\n"])));
+var AvatarGroupWrapperStyles = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ul {\n    padding-left: 0px !important;\n  }\n"])));
 var getMaxUserCount = function getMaxUserCount(userCount, availableWidth) {
   if (availableWidth <= 28) {
     // If width is less than or equal to 28px, we should only display the user count

package/dist/es2019/ui/common/error-state/access-required.js

@@ -3,6 +3,7 @@ import { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import EmptyState from '@atlaskit/empty-state';
+import { Box, xcss } from '@atlaskit/primitives';
 import { N400 } from '@atlaskit/theme/colors';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { AccessRequiredSVG } from './access-required-svg';
@@ -17,8 +18,8 @@ const descriptionMessageStyles = css({
   flexDirection: 'column',
   gap: "var(--ds-space-200, 16px)"
 });
-const iconContainerStyles = css({
-  marginBottom: "var(--ds-space-200, 16px)"
+const iconContainerStyles = xcss({
+  marginBottom: 'space.200'
 });
 const Description = ({
   message,
@@ -30,8 +31,8 @@ const Description = ({
     css: urlStyles
   }, url), jsx("span", null, message));
 };
-const IconContainer = () => jsx("div", {
-  css: iconContainerStyles
+const IconContainer = () => jsx(Box, {
+  xcss: iconContainerStyles
 }, jsx(AccessRequiredSVG, null));
 export const AccessRequired = ({
   url

package/dist/es2019/ui/common/error-state/provider-auth-required.js

@@ -4,7 +4,7 @@ import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import EmptyState from '@atlaskit/empty-state';
-import { auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client';
+import { AuthError, auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import useErrorLogger from '../../../hooks/useErrorLogger';
 import { loadingErrorMessages } from './messages';
@@ -36,10 +36,19 @@ export const ProviderAuthRequired = ({
     const [authInfo] = auth;
     try {
       await outboundAuth(authInfo.url);
+      fireEvent('operational.provider.authSuccess', {
+        extensionKey: authInfo.key,
+        experience: 'datasource'
+      });
       onAuthSuccess === null || onAuthSuccess === void 0 ? void 0 : onAuthSuccess();
     } catch (error) {
-      onAuthError === null || onAuthError === void 0 ? void 0 : onAuthError();
+      fireEvent('operational.provider.authFailure', {
+        reason: error instanceof AuthError && error.type ? error.type : null,
+        extensionKey: authInfo.key,
+        experience: 'datasource'
+      });
       captureError('ProviderOnAuthRequest', error);
+      onAuthError === null || onAuthError === void 0 ? void 0 : onAuthError();
     }
   };
   const renderAuthDescription = () => jsx(React.Fragment, null, formatMessage(loadingErrorMessages.authScreenDescriptionText), ' ', jsx("a", {

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

@@ -21,13 +21,8 @@ const widthObserverWrapperStyles = xcss({
   position: 'relative'
 });
 const AvatarGroupWrapperStyles = styled.div`
-  /*
-  The css from editor core package affects the padding of the AvatarGroup
-  The & refers to the parent selector (.<generated className>),
-  so && becomes .<generated className>.<generated className> which increases its specificity
-  */
-  && ul {
-    padding-left: 0px;
+  ul {
+    padding-left: 0px !important;
   }
 `;
 const getMaxUserCount = (userCount, availableWidth) => {

package/dist/esm/ui/common/error-state/access-required.js

@@ -3,6 +3,7 @@ import { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import EmptyState from '@atlaskit/empty-state';
+import { Box, xcss } from '@atlaskit/primitives';
 import { N400 } from '@atlaskit/theme/colors';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { AccessRequiredSVG } from './access-required-svg';
@@ -17,8 +18,8 @@ var descriptionMessageStyles = css({
   flexDirection: 'column',
   gap: "var(--ds-space-200, 16px)"
 });
-var iconContainerStyles = css({
-  marginBottom: "var(--ds-space-200, 16px)"
+var iconContainerStyles = xcss({
+  marginBottom: 'space.200'
 });
 var Description = function Description(_ref) {
   var message = _ref.message,
@@ -30,8 +31,8 @@ var Description = function Description(_ref) {
   }, url), jsx("span", null, message));
 };
 var IconContainer = function IconContainer() {
-  return jsx("div", {
-    css: iconContainerStyles
+  return jsx(Box, {
+    xcss: iconContainerStyles
   }, jsx(AccessRequiredSVG, null));
 };
 export var AccessRequired = function AccessRequired(_ref2) {

package/dist/esm/ui/common/error-state/provider-auth-required.js

@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import EmptyState from '@atlaskit/empty-state';
-import { auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client';
+import { AuthError, auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import useErrorLogger from '../../../hooks/useErrorLogger';
 import { loadingErrorMessages } from './messages';
@@ -43,19 +43,28 @@ export var ProviderAuthRequired = function ProviderAuthRequired(_ref) {
             _context.next = 4;
             return outboundAuth(authInfo.url);
           case 4:
+            fireEvent('operational.provider.authSuccess', {
+              extensionKey: authInfo.key,
+              experience: 'datasource'
+            });
             onAuthSuccess === null || onAuthSuccess === void 0 || onAuthSuccess();
-            _context.next = 11;
+            _context.next = 13;
             break;
-          case 7:
-            _context.prev = 7;
+          case 8:
+            _context.prev = 8;
             _context.t0 = _context["catch"](1);
-            onAuthError === null || onAuthError === void 0 || onAuthError();
+            fireEvent('operational.provider.authFailure', {
+              reason: _context.t0 instanceof AuthError && _context.t0.type ? _context.t0.type : null,
+              extensionKey: authInfo.key,
+              experience: 'datasource'
+            });
             captureError('ProviderOnAuthRequest', _context.t0);
-          case 11:
+            onAuthError === null || onAuthError === void 0 || onAuthError();
+          case 13:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 7]]);
+      }, _callee, null, [[1, 8]]);
     }));
     return function onAuthRequest() {
       return _ref2.apply(this, arguments);

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

@@ -23,7 +23,7 @@ var avatarWrapperStyles = xcss({
 var widthObserverWrapperStyles = xcss({
   position: 'relative'
 });
-var AvatarGroupWrapperStyles = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /*\n  The css from editor core package affects the padding of the AvatarGroup\n  The & refers to the parent selector (.<generated className>),\n  so && becomes .<generated className>.<generated className> which increases its specificity\n  */\n  && ul {\n    padding-left: 0px;\n  }\n"])));
+var AvatarGroupWrapperStyles = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ul {\n    padding-left: 0px !important;\n  }\n"])));
 var getMaxUserCount = function getMaxUserCount(userCount, availableWidth) {
   if (availableWidth <= 28) {
     // If width is less than or equal to 28px, we should only display the user count

package/dist/types/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::c9cb39dfcf360ccc71b740ba1353dc6b>>
+ * @codegen <<SignedSource::e9179418960d1cbfd58428448cf63c82>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -70,6 +70,15 @@ export type DatasourceOperationFailedAttributesType = {
     traceId: string | null;
     status: number | null;
 };
+export type ProviderAuthSuccessAttributesType = {
+    extensionKey: string | null;
+    experience: 'datasource';
+};
+export type ProviderAuthFailureAttributesType = {
+    extensionKey: string | null;
+    reason: 'auth_window_closed' | 'invalid_request' | 'unauthorized_client' | 'access_denied' | 'unsupported_response_type' | 'invalid_scope' | 'server_error' | 'temporarily_unavailable' | 'authclientoauth2.autherror' | null;
+    experience: 'datasource';
+};
 export type NextItemLoadedAttributesType = {
     destinationObjectTypes: unknown[];
     extensionKey: string | null;
@@ -169,6 +178,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when a generic operation failed */
     'operational.datasource.operationFailed': DatasourceOperationFailedAttributesType;
+    /**
+     * Fired when an auth provider connection is successful. */
+    'operational.provider.authSuccess': ProviderAuthSuccessAttributesType;
+    /**
+     * Fired when an auth provider connection failed to complete. */
+    'operational.provider.authFailure': ProviderAuthFailureAttributesType;
     /**
      * Fired when user scrolls to the next page/list of the objects */
     'track.nextItem.loaded': NextItemLoadedAttributesType;

package/dist/types/ui/assets-modal/types.d.ts

@@ -1,20 +1,11 @@
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { DatasourceAdf, DatasourceAdfView, InlineCardAdf } from '@atlaskit/linking-common/types';
-export interface AssetsDatasourceParameters extends Record<string, unknown> {
+import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
+export type AssetsDatasourceParameters = {
     workspaceId: string;
     aql: string;
     schemaId: string;
-}
-export interface AssetsDatasourceAdf extends DatasourceAdf {
-    attrs: {
-        url?: string;
-        datasource: {
-            id: string;
-            parameters: AssetsDatasourceParameters;
-            views: DatasourceAdfView[];
-        };
-    };
-}
+};
+export type AssetsDatasourceAdf = DatasourceAdf<AssetsDatasourceParameters>;
 export interface AssetsConfigModalProps {
     datasourceId: string;
     visibleColumnKeys?: string[];

package/dist/types-ts4.5/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::c9cb39dfcf360ccc71b740ba1353dc6b>>
+ * @codegen <<SignedSource::e9179418960d1cbfd58428448cf63c82>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -70,6 +70,15 @@ export type DatasourceOperationFailedAttributesType = {
     traceId: string | null;
     status: number | null;
 };
+export type ProviderAuthSuccessAttributesType = {
+    extensionKey: string | null;
+    experience: 'datasource';
+};
+export type ProviderAuthFailureAttributesType = {
+    extensionKey: string | null;
+    reason: 'auth_window_closed' | 'invalid_request' | 'unauthorized_client' | 'access_denied' | 'unsupported_response_type' | 'invalid_scope' | 'server_error' | 'temporarily_unavailable' | 'authclientoauth2.autherror' | null;
+    experience: 'datasource';
+};
 export type NextItemLoadedAttributesType = {
     destinationObjectTypes: unknown[];
     extensionKey: string | null;
@@ -169,6 +178,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when a generic operation failed */
     'operational.datasource.operationFailed': DatasourceOperationFailedAttributesType;
+    /**
+     * Fired when an auth provider connection is successful. */
+    'operational.provider.authSuccess': ProviderAuthSuccessAttributesType;
+    /**
+     * Fired when an auth provider connection failed to complete. */
+    'operational.provider.authFailure': ProviderAuthFailureAttributesType;
     /**
      * Fired when user scrolls to the next page/list of the objects */
     'track.nextItem.loaded': NextItemLoadedAttributesType;

package/dist/types-ts4.5/ui/assets-modal/types.d.ts

@@ -1,20 +1,11 @@
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { DatasourceAdf, DatasourceAdfView, InlineCardAdf } from '@atlaskit/linking-common/types';
-export interface AssetsDatasourceParameters extends Record<string, unknown> {
+import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
+export type AssetsDatasourceParameters = {
     workspaceId: string;
     aql: string;
     schemaId: string;
-}
-export interface AssetsDatasourceAdf extends DatasourceAdf {
-    attrs: {
-        url?: string;
-        datasource: {
-            id: string;
-            parameters: AssetsDatasourceParameters;
-            views: DatasourceAdfView[];
-        };
-    };
-}
+};
+export type AssetsDatasourceAdf = DatasourceAdf<AssetsDatasourceParameters>;
 export interface AssetsConfigModalProps {
     datasourceId: string;
     visibleColumnKeys?: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.22.1",
+  "version": "1.22.3",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,13 +31,13 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^35.5.1",
-    "@atlaskit/analytics-next": "^9.1.3",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^15.2.0",
     "@atlaskit/button": "^17.3.0",
-    "@atlaskit/dropdown-menu": "^12.3.0",
-    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@atlaskit/dropdown-menu": "^12.5.0",
+    "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/empty-state": "^7.5.0",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/heading": "^1.6.0",