@atlaskit/link-create 2.2.0 → 2.4.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/link-create
 
+## 2.4.0
+
+### Minor Changes
+
+- [#108443](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108443)
+  [`457df84a02af1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/457df84a02af1) -
+  [ux] ErrorBoundary outside InlineCreate displays error inline
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.3.0
+
+### Minor Changes
+
+- [#107796](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107796)
+  [`15f419051682`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15f419051682) -
+  Fire screen viewed analytics event for Inline Create
+
+### Patch Changes
+
+- [#107877](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107877)
+  [`3f82794369ce`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3f82794369ce) -
+  Internal changes to types. No expected functional changes.
+
 ## 2.2.0
 
 ### Minor Changes

package/LICENSE.md

@@ -1,13 +1,11 @@
 Copyright 2022 Atlassian Pty Ltd
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
+compliance with the License. You may obtain a copy of the License at
 
     http://www.apache.org/licenses/LICENSE-2.0
 
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+Unless required by applicable law or agreed to in writing, software distributed under the License is
+distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing permissions and limitations under the
+License.

package/dist/cjs/common/constants.js

@@ -3,15 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PACKAGE_DATA = exports.LINK_CREATE_FORM_POST_CREATE_FIELD = exports.CREATE_FORM_MIN_HEIGHT_IN_PX = exports.CREATE_FORM_MAX_WIDTH_IN_PX = exports.COMPONENT_NAME = exports.ANALYTICS_CHANNEL = void 0;
+exports.SCREEN_ID = exports.PACKAGE_DATA = exports.LINK_CREATE_FORM_POST_CREATE_FIELD = exports.DEFAULT_TEST_ID = exports.CREATE_FORM_MIN_HEIGHT_IN_PX = exports.CREATE_FORM_MAX_WIDTH_IN_PX = exports.COMPONENT_NAME = exports.ANALYTICS_CHANNEL = void 0;
 var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var COMPONENT_NAME = exports.COMPONENT_NAME = 'linkCreate';
+var SCREEN_ID = exports.SCREEN_ID = 'linkCreateScreen';
+var DEFAULT_TEST_ID = exports.DEFAULT_TEST_ID = 'link-create';
 var CREATE_FORM_MAX_WIDTH_IN_PX = exports.CREATE_FORM_MAX_WIDTH_IN_PX = '480';
 var CREATE_FORM_MIN_HEIGHT_IN_PX = exports.CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 var LINK_CREATE_FORM_POST_CREATE_FIELD = exports.LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.2.0" || '',
+  packageVersion: "2.4.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/cjs/ui/create-form/user-picker/main.js

@@ -14,7 +14,7 @@ var _excluded = ["fieldId"];
 /** @jsx jsx */
 var TEST_ID = exports.TEST_ID = 'link-create-user-picker';
 var DEFAULT_DEBOUNCE_TIME = 400;
-var UserPickerWidth = "100%";
+var UserPickerWidth = '100%';
 
 /**
  * A user picker utilising the SmartUserPicker.

package/dist/cjs/ui/inline-create/index.js

@@ -11,7 +11,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
 var _constants = require("../../common/constants");
 var _errorBoundary = require("../../common/ui/error-boundary");
-var _errorBoundaryModal = require("../../common/ui/error-boundary-modal");
 var _experienceTracker = require("../../common/ui/experience-tracker");
 var _analytics = require("../../common/utils/analytics");
 var _fetchMessagesForLocale = require("../../common/utils/locale/fetch-messages-for-locale");
@@ -20,12 +19,7 @@ var _main = _interopRequireDefault(require("./main"));
 /** @jsx jsx */
 
 var LinkCreateWithAnalyticsContext = (0, _analytics.withLinkCreateAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (props) {
-  return (0, _react2.jsx)(_experienceTracker.Experience, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
-    errorComponent: (0, _react2.jsx)(_errorBoundaryModal.ErrorBoundaryModal, {
-      active: props.active,
-      onClose: props.onCancel
-    })
-  }, (0, _react2.jsx)(_main.default, props)));
+  return (0, _react2.jsx)(_experienceTracker.Experience, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_main.default, props)));
 }));
 var ComposedLinkCreate = /*#__PURE__*/(0, _react.memo)(function (props) {
   return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {

package/dist/cjs/ui/inline-create/inline-analytics/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineAnalytics = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _components = require("../../..//common/utils/analytics/components");
+var InlineAnalytics = exports.InlineAnalytics = function InlineAnalytics(_ref) {
+  var screen = _ref.screen,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: {
+      source: screen,
+      component: 'inline-create'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_components.ScreenViewedEvent, {
+    screen: screen
+  }), children);
+};

package/dist/cjs/ui/inline-create/main.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TEST_ID = void 0;
+exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -12,6 +12,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _primitives = require("@atlaskit/primitives");
+var _constants = require("../../common/constants");
 var _confirmDismissDialog = require("../../common/ui/confirm-dismiss-dialog");
 var _editModal = require("../../common/ui/edit-modal");
 var _errorBoundary = require("../../common/ui/error-boundary");
@@ -21,12 +22,9 @@ var _editPostCreateContext = require("../../controllers/edit-post-create-context
 var _exitWarningModalContext = require("../../controllers/exit-warning-modal-context");
 var _formContext = require("../../controllers/form-context");
 var _pluginContext = require("../../controllers/plugin-context");
+var _inlineAnalytics = require("./inline-analytics");
 /** @jsx jsx */
 
-var TEST_ID = exports.TEST_ID = 'link-create';
-// todo: EDM-10075 trigger the screen.viewed_linkCreateScreen event when inline-create is mounted
-// const SCREEN_ID = 'linkCreateScreen';
-
 var InlineCreateContent = function InlineCreateContent(_ref) {
   var onCreate = _ref.onCreate,
     onFailure = _ref.onFailure,
@@ -34,7 +32,8 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
     onComplete = _ref.onComplete,
     plugins = _ref.plugins,
     entityKey = _ref.entityKey,
-    testId = _ref.testId;
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? _constants.DEFAULT_TEST_ID : _ref$testId;
   var _useExitWarningModal = (0, _exitWarningModalContext.useExitWarningModal)(),
     getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
   var _useState = (0, _react.useState)(false),
@@ -59,12 +58,14 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
     onCreate: onCreate,
     onFailure: onFailure,
     onCancel: handleCancel
-  }, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_primitives.Box, {
+  }, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_inlineAnalytics.InlineAnalytics, {
+    screen: _constants.SCREEN_ID
+  }, (0, _react2.jsx)(_primitives.Box, {
     testId: testId
   }, (0, _react2.jsx)(_linkCreateContent.LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  }))), onComplete && (0, _react2.jsx)(_editModal.EditModal, {
+  })))), onComplete && (0, _react2.jsx)(_editModal.EditModal, {
     onClose: onComplete,
     editViewPayload: editViewPayload,
     activePlugin: activePlugin

package/dist/cjs/ui/modal-create/main.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TEST_ID = void 0;
+exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -29,8 +29,6 @@ var _pluginContext = require("../../controllers/plugin-context");
 var _messages = require("./messages");
 /** @jsx jsx */
 
-var TEST_ID = exports.TEST_ID = 'link-create';
-var SCREEN_ID = 'linkCreateScreen';
 var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
   var active = _ref.active,
     modalTitle = _ref.modalTitle,
@@ -41,7 +39,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
     onOpenComplete = _ref.onOpenComplete,
     onCloseComplete = _ref.onCloseComplete,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
+    testId = _ref$testId === void 0 ? _constants.DEFAULT_TEST_ID : _ref$testId,
     plugins = _ref.plugins,
     entityKey = _ref.entityKey,
     modalHero = _ref.modalHero;
@@ -72,7 +70,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
     onCancel: handleCancel
   }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, active && (0, _react2.jsx)(_ModalDialog.Modal, {
     testId: "link-create-modal",
-    screen: SCREEN_ID,
+    screen: _constants.SCREEN_ID,
     onClose: handleCancel,
     shouldScrollInViewport: true,
     onOpenComplete: onOpenComplete,

package/dist/es2019/common/constants.js

@@ -1,11 +1,13 @@
 export const ANALYTICS_CHANNEL = 'media';
 export const COMPONENT_NAME = 'linkCreate';
+export const SCREEN_ID = 'linkCreateScreen';
+export const DEFAULT_TEST_ID = 'link-create';
 export const CREATE_FORM_MAX_WIDTH_IN_PX = '480';
 export const CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 export const LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.2.0" || '',
+  packageVersion: "2.4.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/es2019/ui/create-form/user-picker/main.js

@@ -4,7 +4,7 @@ import SmartUserPicker from '@atlaskit/smart-user-picker';
 import { CreateField } from '../../../controllers/create-field';
 export const TEST_ID = 'link-create-user-picker';
 const DEFAULT_DEBOUNCE_TIME = 400;
-const UserPickerWidth = "100%";
+const UserPickerWidth = '100%';
 
 /**
  * A user picker utilising the SmartUserPicker.

package/dist/es2019/ui/inline-create/index.js

@@ -5,19 +5,13 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { PACKAGE_DATA } from '../../common/constants';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
-import { ErrorBoundaryModal } from '../../common/ui/error-boundary-modal';
 import { Experience } from '../../common/ui/experience-tracker';
 import { withLinkCreateAnalyticsContext } from '../../common/utils/analytics';
 import { fetchMessagesForLocale } from '../../common/utils/locale/fetch-messages-for-locale';
 import i18nEN from '../../i18n/en';
 import InlineCreate from './main';
 const LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(props => {
-  return jsx(Experience, null, jsx(ErrorBoundary, {
-    errorComponent: jsx(ErrorBoundaryModal, {
-      active: props.active,
-      onClose: props.onCancel
-    })
-  }, jsx(InlineCreate, props)));
+  return jsx(Experience, null, jsx(ErrorBoundary, null, jsx(InlineCreate, props)));
 }));
 const ComposedLinkCreate = /*#__PURE__*/memo(props => {
   return jsx(AnalyticsContext, {

package/dist/es2019/ui/inline-create/inline-analytics/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { ScreenViewedEvent } from '../../..//common/utils/analytics/components';
+export const InlineAnalytics = ({
+  screen,
+  children
+}) => /*#__PURE__*/React.createElement(AnalyticsContext, {
+  data: {
+    source: screen,
+    component: 'inline-create'
+  }
+}, /*#__PURE__*/React.createElement(ScreenViewedEvent, {
+  screen: screen
+}), children);

package/dist/es2019/ui/inline-create/main.js

@@ -3,21 +3,17 @@ import _extends from "@babel/runtime/helpers/extends";
 import { useCallback, useState } from 'react';
 import { jsx } from '@emotion/react';
 import { Box } from '@atlaskit/primitives';
+import { DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
 import { EditModal } from '../../common/ui/edit-modal';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
 import { LinkCreateContent } from '../../common/ui/link-create-content';
-import { LinkCreateCallbackProvider
-// useLinkCreateCallback,
-} from '../../controllers/callback-context';
+import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider, useEditPostCreateModal } from '../../controllers/edit-post-create-context';
 import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers/exit-warning-modal-context';
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
-export const TEST_ID = 'link-create';
-// todo: EDM-10075 trigger the screen.viewed_linkCreateScreen event when inline-create is mounted
-// const SCREEN_ID = 'linkCreateScreen';
-
+import { InlineAnalytics } from './inline-analytics';
 const InlineCreateContent = ({
   onCreate,
   onFailure,
@@ -25,7 +21,7 @@ const InlineCreateContent = ({
   onComplete,
   plugins,
   entityKey,
-  testId
+  testId = DEFAULT_TEST_ID
 }) => {
   const {
     getShouldShowWarning
@@ -49,12 +45,14 @@ const InlineCreateContent = ({
     onCreate: onCreate,
     onFailure: onFailure,
     onCancel: handleCancel
-  }, jsx(ErrorBoundary, null, jsx(Box, {
+  }, jsx(ErrorBoundary, null, jsx(InlineAnalytics, {
+    screen: SCREEN_ID
+  }, jsx(Box, {
     testId: testId
   }, jsx(LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  }))), onComplete && jsx(EditModal, {
+  })))), onComplete && jsx(EditModal, {
     onClose: onComplete,
     editViewPayload: editViewPayload,
     activePlugin: activePlugin

package/dist/es2019/ui/modal-create/main.js

@@ -5,7 +5,7 @@ import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { Box } from '@atlaskit/primitives';
-import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
+import { CREATE_FORM_MAX_WIDTH_IN_PX, DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
 import { EditModal } from '../../common/ui/edit-modal';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
@@ -18,8 +18,6 @@ import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { messages } from './messages';
-export const TEST_ID = 'link-create';
-const SCREEN_ID = 'linkCreateScreen';
 const LinkCreateWithModal = ({
   active,
   modalTitle,
@@ -29,7 +27,7 @@ const LinkCreateWithModal = ({
   onComplete,
   onOpenComplete,
   onCloseComplete,
-  testId = TEST_ID,
+  testId = DEFAULT_TEST_ID,
   plugins,
   entityKey,
   modalHero

package/dist/esm/common/constants.js

@@ -1,11 +1,13 @@
 export var ANALYTICS_CHANNEL = 'media';
 export var COMPONENT_NAME = 'linkCreate';
+export var SCREEN_ID = 'linkCreateScreen';
+export var DEFAULT_TEST_ID = 'link-create';
 export var CREATE_FORM_MAX_WIDTH_IN_PX = '480';
 export var CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 export var LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.2.0" || '',
+  packageVersion: "2.4.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/esm/ui/create-form/user-picker/main.js

@@ -6,7 +6,7 @@ import SmartUserPicker from '@atlaskit/smart-user-picker';
 import { CreateField } from '../../../controllers/create-field';
 export var TEST_ID = 'link-create-user-picker';
 var DEFAULT_DEBOUNCE_TIME = 400;
-var UserPickerWidth = "100%";
+var UserPickerWidth = '100%';
 
 /**
  * A user picker utilising the SmartUserPicker.

package/dist/esm/ui/inline-create/index.js

@@ -5,19 +5,13 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { PACKAGE_DATA } from '../../common/constants';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
-import { ErrorBoundaryModal } from '../../common/ui/error-boundary-modal';
 import { Experience } from '../../common/ui/experience-tracker';
 import { withLinkCreateAnalyticsContext } from '../../common/utils/analytics';
 import { fetchMessagesForLocale } from '../../common/utils/locale/fetch-messages-for-locale';
 import i18nEN from '../../i18n/en';
 import InlineCreate from './main';
 var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (props) {
-  return jsx(Experience, null, jsx(ErrorBoundary, {
-    errorComponent: jsx(ErrorBoundaryModal, {
-      active: props.active,
-      onClose: props.onCancel
-    })
-  }, jsx(InlineCreate, props)));
+  return jsx(Experience, null, jsx(ErrorBoundary, null, jsx(InlineCreate, props)));
 }));
 var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
   return jsx(AnalyticsContext, {

package/dist/esm/ui/inline-create/inline-analytics/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { ScreenViewedEvent } from '../../..//common/utils/analytics/components';
+export var InlineAnalytics = function InlineAnalytics(_ref) {
+  var screen = _ref.screen,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      source: screen,
+      component: 'inline-create'
+    }
+  }, /*#__PURE__*/React.createElement(ScreenViewedEvent, {
+    screen: screen
+  }), children);
+};

package/dist/esm/ui/inline-create/main.js

@@ -6,21 +6,17 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useState } from 'react';
 import { jsx } from '@emotion/react';
 import { Box } from '@atlaskit/primitives';
+import { DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
 import { EditModal } from '../../common/ui/edit-modal';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
 import { LinkCreateContent } from '../../common/ui/link-create-content';
-import { LinkCreateCallbackProvider
-// useLinkCreateCallback,
-} from '../../controllers/callback-context';
+import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider, useEditPostCreateModal } from '../../controllers/edit-post-create-context';
 import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers/exit-warning-modal-context';
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
-export var TEST_ID = 'link-create';
-// todo: EDM-10075 trigger the screen.viewed_linkCreateScreen event when inline-create is mounted
-// const SCREEN_ID = 'linkCreateScreen';
-
+import { InlineAnalytics } from './inline-analytics';
 var InlineCreateContent = function InlineCreateContent(_ref) {
   var onCreate = _ref.onCreate,
     onFailure = _ref.onFailure,
@@ -28,7 +24,8 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
     onComplete = _ref.onComplete,
     plugins = _ref.plugins,
     entityKey = _ref.entityKey,
-    testId = _ref.testId;
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? DEFAULT_TEST_ID : _ref$testId;
   var _useExitWarningModal = useExitWarningModal(),
     getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
   var _useState = useState(false),
@@ -53,12 +50,14 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
     onCreate: onCreate,
     onFailure: onFailure,
     onCancel: handleCancel
-  }, jsx(ErrorBoundary, null, jsx(Box, {
+  }, jsx(ErrorBoundary, null, jsx(InlineAnalytics, {
+    screen: SCREEN_ID
+  }, jsx(Box, {
     testId: testId
   }, jsx(LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
-  }))), onComplete && jsx(EditModal, {
+  })))), onComplete && jsx(EditModal, {
     onClose: onComplete,
     editViewPayload: editViewPayload,
     activePlugin: activePlugin

package/dist/esm/ui/modal-create/main.js

@@ -8,7 +8,7 @@ import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { Box } from '@atlaskit/primitives';
-import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
+import { CREATE_FORM_MAX_WIDTH_IN_PX, DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
 import { ConfirmDismissDialog } from '../../common/ui/confirm-dismiss-dialog';
 import { EditModal } from '../../common/ui/edit-modal';
 import { ErrorBoundary } from '../../common/ui/error-boundary';
@@ -21,8 +21,6 @@ import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { messages } from './messages';
-export var TEST_ID = 'link-create';
-var SCREEN_ID = 'linkCreateScreen';
 var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
   var active = _ref.active,
     modalTitle = _ref.modalTitle,
@@ -33,7 +31,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
     onOpenComplete = _ref.onOpenComplete,
     onCloseComplete = _ref.onCloseComplete,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
+    testId = _ref$testId === void 0 ? DEFAULT_TEST_ID : _ref$testId,
     plugins = _ref.plugins,
     entityKey = _ref.entityKey,
     modalHero = _ref.modalHero;

package/dist/types/common/constants.d.ts

@@ -1,6 +1,8 @@
 import type { PackageMetaDataType } from './utils/analytics/analytics.codegen';
 export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkCreate";
+export declare const SCREEN_ID = "linkCreateScreen";
+export declare const DEFAULT_TEST_ID = "link-create";
 export declare const CREATE_FORM_MAX_WIDTH_IN_PX = "480";
 export declare const CREATE_FORM_MIN_HEIGHT_IN_PX = "200";
 export declare const LINK_CREATE_FORM_POST_CREATE_FIELD = "__post_create__";

package/dist/types/common/ui/error-boundary-modal/index.d.ts

@@ -7,5 +7,5 @@ type ErrorBoundaryModalProps = {
     active?: boolean;
     onClose?: () => void;
 };
-export declare const ErrorBoundaryModal: React.FC<ErrorBoundaryModalProps>;
+export declare const ErrorBoundaryModal: ({ active, onClose }: ErrorBoundaryModalProps) => JSX.Element;
 export {};

package/dist/types/ui/inline-create/inline-analytics/index.d.ts

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from 'react';
+import type { AnalyticsEventAttributes } from '../../../common/utils/analytics/analytics.codegen';
+type InlineAnalyticsProps = {
+    screen: keyof {
+        [Key in keyof AnalyticsEventAttributes as Key extends `screen.${infer ScreenName}.viewed` ? ScreenName : never]: any;
+    };
+};
+export declare const InlineAnalytics: ({ screen, children }: PropsWithChildren<InlineAnalyticsProps>) => JSX.Element;
+export {};

package/dist/types/ui/inline-create/main.d.ts

@@ -1,5 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { LinkCreateProps } from '../../common/types';
-export declare const TEST_ID = "link-create";
 declare const InlineCreate: (props: LinkCreateProps) => jsx.JSX.Element;
 export default InlineCreate;

package/dist/types/ui/modal-create/main.d.ts

@@ -1,5 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { LinkCreateWithModalProps } from '../../common/types';
-export declare const TEST_ID = "link-create";
 declare const LinkCreateModal: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
 export default LinkCreateModal;

package/dist/types-ts4.5/common/constants.d.ts

@@ -1,6 +1,8 @@
 import type { PackageMetaDataType } from './utils/analytics/analytics.codegen';
 export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkCreate";
+export declare const SCREEN_ID = "linkCreateScreen";
+export declare const DEFAULT_TEST_ID = "link-create";
 export declare const CREATE_FORM_MAX_WIDTH_IN_PX = "480";
 export declare const CREATE_FORM_MIN_HEIGHT_IN_PX = "200";
 export declare const LINK_CREATE_FORM_POST_CREATE_FIELD = "__post_create__";

package/dist/types-ts4.5/common/ui/error-boundary-modal/index.d.ts

@@ -7,5 +7,5 @@ type ErrorBoundaryModalProps = {
     active?: boolean;
     onClose?: () => void;
 };
-export declare const ErrorBoundaryModal: React.FC<ErrorBoundaryModalProps>;
+export declare const ErrorBoundaryModal: ({ active, onClose }: ErrorBoundaryModalProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/inline-create/inline-analytics/index.d.ts

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from 'react';
+import type { AnalyticsEventAttributes } from '../../../common/utils/analytics/analytics.codegen';
+type InlineAnalyticsProps = {
+    screen: keyof {
+        [Key in keyof AnalyticsEventAttributes as Key extends `screen.${infer ScreenName}.viewed` ? ScreenName : never]: any;
+    };
+};
+export declare const InlineAnalytics: ({ screen, children }: PropsWithChildren<InlineAnalyticsProps>) => JSX.Element;
+export {};

package/dist/types-ts4.5/ui/inline-create/main.d.ts

@@ -1,5 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { LinkCreateProps } from '../../common/types';
-export declare const TEST_ID = "link-create";
 declare const InlineCreate: (props: LinkCreateProps) => jsx.JSX.Element;
 export default InlineCreate;

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

@@ -1,5 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { LinkCreateWithModalProps } from '../../common/types';
-export declare const TEST_ID = "link-create";
 declare const LinkCreateModal: (props: LinkCreateWithModalProps) => jsx.JSX.Element;
 export default LinkCreateModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -46,7 +46,7 @@
     "@atlaskit/intl-messages-provider": "^1.0.2",
     "@atlaskit/linking-common": "^5.7.0",
     "@atlaskit/modal-dialog": "^12.13.0",
-    "@atlaskit/primitives": "^6.5.0",
+    "@atlaskit/primitives": "^7.0.0",
     "@atlaskit/select": "^17.10.0",
     "@atlaskit/smart-user-picker": "^6.9.0",
     "@atlaskit/spinner": "^16.1.0",

package/report.api.md

@@ -2,7 +2,8 @@
 
 ## API Report File for "@atlaskit/link-create"
 
-> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using
+> [API Extractor](https://api-extractor.com/).
 > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ### Table of contents
@@ -32,85 +33,76 @@ import { TextFieldProps as TextFieldProps_2 } from '@atlaskit/textfield';
 
 // @public
 export function AsyncSelect<T = OptionType>({
-  id,
-  name,
-  label,
-  isRequired,
-  validators,
-  validationHelpText,
-  testId,
-  defaultOption: propsDefaultValue,
-  loadOptions: loadOptionsFn,
-  ...restProps
+	id,
+	name,
+	label,
+	isRequired,
+	validators,
+	validationHelpText,
+	testId,
+	defaultOption: propsDefaultValue,
+	loadOptions: loadOptionsFn,
+	...restProps
 }: AsyncSelectProps<T>): jsx.JSX.Element;
 
 // @public (undocumented)
-type AsyncSelectProps<T = OptionType> = Omit<
-  AsyncSelectProps_2<T>,
-  'loadOptions'
-> & {
-  name: string;
-  label: string;
-  validationHelpText?: string;
-  testId?: string;
-  isRequired?: boolean;
-  validators?: Validator[];
-  loadOptions?: (inputValue: string) => Promise<GroupType<T>[] | T[]>;
+type AsyncSelectProps<T = OptionType> = Omit<AsyncSelectProps_2<T>, 'loadOptions'> & {
+	name: string;
+	label: string;
+	validationHelpText?: string;
+	testId?: string;
+	isRequired?: boolean;
+	validators?: Validator[];
+	loadOptions?: (inputValue: string) => Promise<GroupType<T>[] | T[]>;
 };
 
 // @public (undocumented)
-const ComposedLinkCreate: MemoExoticComponent<
-  (props: LinkCreateWithModalProps) => jsx.JSX.Element
->;
+const ComposedLinkCreate: MemoExoticComponent<(props: LinkCreateWithModalProps) => jsx.JSX.Element>;
 export default ComposedLinkCreate;
 
 // @public (undocumented)
 export const CreateForm: <FormData_1 extends Record<string, any> = {}>({
-  children,
-  testId,
-  onSubmit,
-  onCancel,
-  isLoading,
-  hideFooter,
-  initialValues,
+	children,
+	testId,
+	onSubmit,
+	onCancel,
+	isLoading,
+	hideFooter,
+	initialValues,
 }: CreateFormProps<FormData_1>) => jsx.JSX.Element;
 
 // @public
-export function CreateFormLoader({
-  size,
-}: Partial<SpinnerProps>): jsx.JSX.Element;
+export function CreateFormLoader({ size }: Partial<SpinnerProps>): jsx.JSX.Element;
 
 // @public (undocumented)
 export interface CreateFormProps<FormData> {
-  children: ReactNode;
-  hideFooter?: boolean;
-  initialValues?: DisallowReservedFields<FormData>;
-  isLoading?: boolean;
-  onCancel?: () => void;
-  onSubmit: (
-    data: OmitReservedFields<FormData>,
-  ) => Errors | Promise<Errors | void> | void;
-  testId?: string;
+	children: ReactNode;
+	hideFooter?: boolean;
+	initialValues?: DisallowReservedFields<FormData>;
+	isLoading?: boolean;
+	onCancel?: () => void;
+	onSubmit: (data: OmitReservedFields<FormData>) => Errors | Promise<Errors | void> | void;
+	testId?: string;
 }
 
 // @public
 export type CreatePayload = {
-  url: string;
-  ari?: string | undefined;
-  objectId: string;
-  objectType: string;
-  data?: Record<string, unknown>;
+	url: string;
+	ari?: string | undefined;
+	objectId: string;
+	objectType: string;
+	data?: Record<string, unknown>;
 };
 
 // @public (undocumented)
 type DisallowReservedFields<T> = T & {
-  [Field in (typeof RESERVED_FIELDS)[number]]?: never;
+	[Field in (typeof RESERVED_FIELDS)[number]]?: never;
 };
 
 // @public (undocumented)
 export type EditViewProps = {
-  payload: CreatePayload;
-  onClose: () => void;
+	payload: CreatePayload;
+	onClose: () => void;
 };
 
 // @public (undocumented)
@@ -120,19 +112,19 @@ export { FORM_ERROR };
 
 // @public
 export const FormSpy: <T extends Record<string, unknown>>({
-  children,
+	children,
 }: FormSpyProps<T>) => JSX.Element;
 
 // @public (undocumented)
 type FormSpyProps<T> = {
-  children: ({ values }: { values: T }) => React_2.ReactNode;
+	children: ({ values }: { values: T }) => React_2.ReactNode;
 };
 
 // @public (undocumented)
 interface Group {
-  icon: string;
-  key: string;
-  label: string;
+	icon: string;
+	key: string;
+	label: string;
 }
 
 // @public (undocumented)
@@ -140,41 +132,41 @@ export const LinkCreateCallbackProvider: React_2.FC<LinkCreateCallbackProviderPr
 
 // @public (undocumented)
 interface LinkCreateCallbackProviderProps {
-  onCancel?: () => void;
-  onCreate?: (result: CreatePayload) => Promise<void> | void;
-  onFailure?: (error: unknown) => void;
+	onCancel?: () => void;
+	onCreate?: (result: CreatePayload) => Promise<void> | void;
+	onFailure?: (error: unknown) => void;
 }
 
 // @public (undocumented)
 export interface LinkCreatePlugin {
-  editView?: ({ payload, onClose }: EditViewProps) => JSX.Element;
-  form: ReactNode;
-  group: Group;
-  icon: string;
-  key: string;
-  label: string;
+	editView?: ({ payload, onClose }: EditViewProps) => JSX.Element;
+	form: ReactNode;
+	group: Group;
+	icon: string;
+	key: string;
+	label: string;
 }
 
 // @public (undocumented)
 export interface LinkCreateProps {
-  entityKey: string;
-  groupKey?: string;
-  onCancel?: () => void;
-  onComplete?: () => void;
-  onCreate?: (payload: CreatePayload) => Promise<void> | void;
-  onFailure?: (error: unknown) => void;
-  // (undocumented)
-  plugins: LinkCreatePlugin[];
-  testId?: string;
-  triggeredFrom?: string;
+	entityKey: string;
+	groupKey?: string;
+	onCancel?: () => void;
+	onComplete?: () => void;
+	onCreate?: (payload: CreatePayload) => Promise<void> | void;
+	onFailure?: (error: unknown) => void;
+	// (undocumented)
+	plugins: LinkCreatePlugin[];
+	testId?: string;
+	triggeredFrom?: string;
 }
 
 // @public (undocumented)
 export interface LinkCreateWithModalProps
-  extends LinkCreateProps,
-    Partial<Pick<ModalDialogProps, 'onCloseComplete' | 'onOpenComplete'>> {
-  active?: boolean;
-  modalTitle?: string;
+	extends LinkCreateProps,
+		Partial<Pick<ModalDialogProps, 'onCloseComplete' | 'onOpenComplete'>> {
+	active?: boolean;
+	modalTitle?: string;
 }
 
 // @public (undocumented)
@@ -185,49 +177,49 @@ const RESERVED_FIELDS: readonly ['__post_create__'];
 
 // @public (undocumented)
 type ReservedFields = {
-  [Field in (typeof RESERVED_FIELDS)[number]]?: unknown;
+	[Field in (typeof RESERVED_FIELDS)[number]]?: unknown;
 };
 
 // @public
 export function Select<T = OptionType>({
-  id,
-  name,
-  label,
-  isRequired,
-  validators,
-  validationHelpText,
-  testId,
-  ...restProps
+	id,
+	name,
+	label,
+	isRequired,
+	validators,
+	validationHelpText,
+	testId,
+	...restProps
 }: SelectProps<T>): jsx.JSX.Element;
 
 // @public (undocumented)
 type SelectProps<T = OptionType> = SelectProps_2<T> & {
-  name: string;
-  label: string;
-  validationHelpText?: string;
-  testId?: string;
-  isRequired?: boolean;
-  validators?: Validator[];
+	name: string;
+	label: string;
+	validationHelpText?: string;
+	testId?: string;
+	isRequired?: boolean;
+	validators?: Validator[];
 };
 
 // @public
 export function TextField({
-  id,
-  name,
-  label,
-  isRequired,
-  validators,
-  validationHelpText,
-  testId,
-  ...restProps
+	id,
+	name,
+	label,
+	isRequired,
+	validators,
+	validationHelpText,
+	testId,
+	...restProps
 }: TextFieldProps): jsx.JSX.Element;
 
 // @public (undocumented)
 type TextFieldProps = Omit<TextFieldProps_2, 'name'> & {
-  name: string;
-  label?: string;
-  validationHelpText?: string;
-  validators?: Validator[];
+	name: string;
+	label?: string;
+	validationHelpText?: string;
+	validators?: Validator[];
 };
 
 // @public (undocumented)
@@ -235,8 +227,8 @@ export const useLinkCreateCallback: () => LinkCreateCallbackProviderProps;
 
 // @public (undocumented)
 export type Validator = {
-  isValid: (val: unknown) => boolean;
-  errorMessage: string;
+	isValid: (val: unknown) => boolean;
+	errorMessage: string;
 };
 
 // @public
@@ -253,8 +245,8 @@ export type ValidatorMap = Record<string, Validator[]>;
 
 ```json
 {
-  "react": "^16.8.0",
-  "react-intl-next": "npm:react-intl@^5.18.1"
+	"react": "^16.8.0",
+	"react-intl-next": "npm:react-intl@^5.18.1"
 }
 ```