@atlaskit/link-create 1.9.4 → 1.9.5

package/dist/esm/ui/create-form/form-footer/edit-button/index.js

@@ -1,14 +1,18 @@
 import React from 'react';
 import { useForm, useFormState } from 'react-final-form';
 import { useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import LoadingButton from '@atlaskit/button/loading-button';
-import { LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../../../common/constants';
+import { ANALYTICS_CHANNEL, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../../../common/constants';
+import createEventPayload from '../../../../common/utils/analytics/analytics.codegen';
 import { useFormContext } from '../../../../controllers/form-context';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 import { FormSpy } from '../../form-spy';
 import { messages } from './messages';
 export var EditButton = function EditButton() {
   var intl = useIntl();
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useFormState = useFormState(),
     submitting = _useFormState.submitting;
   var _useForm = useForm(),
@@ -32,6 +36,7 @@ export var EditButton = function EditButton() {
       submitting && values[LINK_CREATE_FORM_POST_CREATE_FIELD] === true,
       onClick: function onClick() {
         var _mutators$setField;
+        createAnalyticsEvent(createEventPayload('ui.button.clicked.edit', {})).fire(ANALYTICS_CHANNEL);
         /**
          * Setting this field to true indicates that the edit button was clicked and that
          * we have the intention of triggering the edit/post create flow

package/dist/esm/ui/create-form/form-footer/main.js

@@ -2,10 +2,14 @@
 import { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
-import Button, { ButtonGroup } from '@atlaskit/button';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ButtonGroup } from '@atlaskit/button';
 import LoadingButton from '@atlaskit/button/loading-button';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import { Button } from '../../../common/ui/Button';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { EditButton } from './edit-button';
 import { messages } from './messages';
 import { SubmitButton } from './submit-button';
@@ -30,6 +34,8 @@ export function CreateFormFooter(_ref) {
     submitting = _ref.submitting,
     testId = _ref.testId;
   var intl = useIntl();
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   return jsx("footer", {
     "data-testid": "".concat(testId, "-footer"),
     css: formFooterWrapperStyles
@@ -41,6 +47,7 @@ export function CreateFormFooter(_ref) {
     primaryColor: "var(--ds-icon-danger, #E34935)"
   }), formErrorMessage), jsx(ButtonGroup, null, jsx(Button, {
     type: "button",
+    actionSubjectId: "cancel",
     appearance: "subtle",
     onClick: handleCancel,
     testId: "".concat(testId, "-button-cancel")
@@ -48,6 +55,9 @@ export function CreateFormFooter(_ref) {
     type: "submit",
     appearance: "primary",
     isLoading: submitting,
-    testId: "".concat(testId, "-button-submit")
+    testId: "".concat(testId, "-button-submit"),
+    onClick: function onClick() {
+      createAnalyticsEvent(createEventPayload('ui.button.clicked.create', {})).fire(ANALYTICS_CHANNEL);
+    }
   }, intl.formatMessage(messages.create))));
 }

package/dist/esm/ui/create-form/form-footer/submit-button/index.js

@@ -1,14 +1,18 @@
 import React from 'react';
 import { useForm, useFormState } from 'react-final-form';
 import { useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import LoadingButton from '@atlaskit/button/loading-button';
-import { LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../../../common/constants';
+import { ANALYTICS_CHANNEL, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../../../common/constants';
+import createEventPayload from '../../../../common/utils/analytics/analytics.codegen';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 import { FormSpy } from '../../form-spy';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 import { messages } from '../messages';
 export var SubmitButton = function SubmitButton() {
   var intl = useIntl();
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useFormState = useFormState(),
     submitting = _useFormState.submitting;
   var _useForm = useForm(),
@@ -27,6 +31,7 @@ export var SubmitButton = function SubmitButton() {
       testId: "link-create-form-button-submit",
       onClick: function onClick() {
         var _mutators$setField;
+        createAnalyticsEvent(createEventPayload('ui.button.clicked.create', {})).fire(ANALYTICS_CHANNEL);
         (_mutators$setField = mutators.setField) === null || _mutators$setField === void 0 || _mutators$setField.call(mutators, LINK_CREATE_FORM_POST_CREATE_FIELD, false);
       }
     }, intl.formatMessage(messages.create));

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

@@ -9,16 +9,13 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Form, FormSpy } from 'react-final-form';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
-import { ANALYTICS_CHANNEL, CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
-import createEventPayload from '../../common/utils/analytics/analytics.codegen';
+import { CREATE_FORM_MAX_WIDTH_IN_PX, LINK_CREATE_FORM_POST_CREATE_FIELD } from '../../common/constants';
 import { useExitWarningModal } from '../../controllers/exit-warning-modal-context';
 import { useFormContext } from '../../controllers/form-context';
 import { CreateFormFooter } from './form-footer';
 import { CreateFormLoader } from './form-loader';
-import { validateFormData } from './utils';
 var formStyles = css({
   maxWidth: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px"),
   padding: "0 0 ".concat("var(--ds-space-300, 24px)", " 0"),
@@ -35,34 +32,19 @@ export var CreateForm = function CreateForm(_ref) {
     isLoading = _ref.isLoading,
     hideFooter = _ref.hideFooter,
     initialValues = _ref.initialValues;
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useFormContext = useFormContext(),
-    getValidators = _useFormContext.getValidators,
     formErrorMessage = _useFormContext.formErrorMessage,
     enableEditView = _useFormContext.enableEditView;
   var _useExitWarningModal = useExitWarningModal(),
     setShouldShowWarning = _useExitWarningModal.setShouldShowWarning;
   var handleSubmit = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
-      var validators, errors, shouldEnableEditView, formData;
+      var shouldEnableEditView, formData;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            createAnalyticsEvent(createEventPayload('ui.button.clicked.create', {})).fire(ANALYTICS_CHANNEL);
-            validators = getValidators();
-            errors = validateFormData({
-              data: data,
-              validators: validators
-            });
-            if (!(Object.keys(errors).length !== 0)) {
-              _context.next = 5;
-              break;
-            }
-            return _context.abrupt("return", errors);
-          case 5:
             if (!getBooleanFF('platform.linking-platform.link-create.enable-edit')) {
-              _context.next = 9;
+              _context.next = 4;
               break;
             }
             shouldEnableEditView = data[LINK_CREATE_FORM_POST_CREATE_FIELD], formData = _objectWithoutProperties(data, [LINK_CREATE_FORM_POST_CREATE_FIELD].map(_toPropertyKey));
@@ -73,9 +55,9 @@ export var CreateForm = function CreateForm(_ref) {
              */
             enableEditView === null || enableEditView === void 0 || enableEditView(!!shouldEnableEditView);
             return _context.abrupt("return", onSubmit(formData));
-          case 9:
+          case 4:
             return _context.abrupt("return", onSubmit(data));
-          case 10:
+          case 5:
           case "end":
             return _context.stop();
         }
@@ -84,11 +66,10 @@ export var CreateForm = function CreateForm(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [createAnalyticsEvent, getValidators, onSubmit, enableEditView]);
+  }(), [onSubmit, enableEditView]);
   var handleCancel = useCallback(function () {
-    createAnalyticsEvent(createEventPayload('ui.button.clicked.cancel', {})).fire(ANALYTICS_CHANNEL);
     onCancel && onCancel();
-  }, [createAnalyticsEvent, onCancel]);
+  }, [onCancel]);
   if (isLoading) {
     return jsx(CreateFormLoader, null);
   }

package/dist/esm/ui/link-create/confirm-dismiss-dialog/main.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { Button } from '../../../common/ui/Button';
-import { ScreenViewedEvent } from '../../../common/utils/analytics/components';
+import { Modal } from '../../../common/ui/ModalDialog';
 import { useLinkCreateCallback } from '../../../controllers/callback-context';
 import messages from './messages';
 var screen = 'linkCreateExitWarningScreen';
@@ -28,11 +28,10 @@ export var ConfirmDismissDialog = function ConfirmDismissDialog(_ref) {
     data: context
   }, /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-confirm-dismiss-dialog",
+    screen: screen,
     onClose: onCancelDismiss,
     width: "small"
-  }, /*#__PURE__*/React.createElement(ScreenViewedEvent, {
-    screen: screen
-  }), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.title))), /*#__PURE__*/React.createElement(ModalBody, null, intl.formatMessage(messages.description)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.title))), /*#__PURE__*/React.createElement(ModalBody, null, intl.formatMessage(messages.description)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     actionSubjectId: "cancel",
     appearance: "subtle",
     onClick: onCancelDismiss

package/dist/esm/ui/link-create/edit-modal/index.js

@@ -1,7 +1,9 @@
 import React from 'react';
-import Modal, { ModalTransition } from '@atlaskit/modal-dialog';
+import { ModalTransition } from '@atlaskit/modal-dialog';
+import { Modal } from '../../../common/ui/ModalDialog';
 import { useEditPostCreateModal } from '../../../controllers/edit-post-create-context';
 import { useLinkCreatePlugins } from '../../../controllers/plugin-context';
+var SCREEN = 'linkCreateEditScreen';
 export var EditModal = function EditModal(_ref) {
   var _activePlugin$editVie;
   var onClose = _ref.onClose,
@@ -10,8 +12,9 @@ export var EditModal = function EditModal(_ref) {
     editViewPayload = _useEditPostCreateMod.editViewPayload;
   var _useLinkCreatePlugins = useLinkCreatePlugins(),
     activePlugin = _useLinkCreatePlugins.activePlugin;
-  return /*#__PURE__*/React.createElement(ModalTransition, null, !!editViewPayload && /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, !!editViewPayload && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
     testId: "link-create-edit-modal",
+    screen: SCREEN,
     onClose: onClose,
     shouldScrollInViewport: true,
     width: "calc(100vw - 120px)",
@@ -20,5 +23,5 @@ export var EditModal = function EditModal(_ref) {
   }, activePlugin === null || activePlugin === void 0 || (_activePlugin$editVie = activePlugin.editView) === null || _activePlugin$editVie === void 0 ? void 0 : _activePlugin$editVie.call(activePlugin, {
     payload: editViewPayload,
     onClose: onClose
-  })));
+  }))));
 };

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

@@ -6,10 +6,11 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Fragment, useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
-import Modal, { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../common/constants';
+import { Modal } from '../../common/ui/ModalDialog';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider } from '../../controllers/edit-post-create-context';
 import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers/exit-warning-modal-context';
@@ -19,8 +20,8 @@ import { ConfirmDismissDialog } from './confirm-dismiss-dialog';
 import { EditModal } from './edit-modal';
 import { ErrorBoundary } from './error-boundary';
 import { messages } from './messages';
-import TrackMount from './track-mount';
 export var TEST_ID = 'link-create';
+var SCREEN_ID = 'linkCreateScreen';
 var LinkCreateContent = function LinkCreateContent(_ref) {
   var plugins = _ref.plugins,
     entityKey = _ref.entityKey;
@@ -100,6 +101,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
     onCancel: handleCancel
   }, jsx(ModalTransition, null, active && jsx(Modal, {
     testId: "link-create-modal",
+    screen: SCREEN_ID,
     onClose: handleCancel,
     shouldScrollInViewport: true,
     onOpenComplete: onOpenComplete,
@@ -107,7 +109,7 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
     width: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px")
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, modalTitle || intl.formatMessage(messages.heading))), jsx(ModalBody, null, jsx(Box, {
     testId: testId
-  }, jsx(ErrorBoundary, null, jsx(TrackMount, null), jsx(LinkCreateContent, {
+  }, jsx(ErrorBoundary, null, jsx(LinkCreateContent, {
     plugins: plugins,
     entityKey: entityKey
   })))))), getBooleanFF('platform.linking-platform.link-create.enable-edit') && onComplete && jsx(EditModal, {

package/dist/esm/ui/main.js

@@ -23,7 +23,7 @@ var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__
 }));
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "1.9.4" || '',
+  packageVersion: "1.9.5" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/types/common/ui/Button/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { AnalyticsEventAttributes } from '../../../common/utils/analytics/analytics.codegen';
 export declare const Button: React.ForwardRefExoticComponent<Pick<import("@atlaskit/button").ButtonProps & React.RefAttributes<HTMLElement> & {
-    actionSubjectId: "create" | "cancel" | "confirm";
+    actionSubjectId: "create" | "edit" | "cancel" | "confirm";
 }, "key" | keyof import("@atlaskit/button").ButtonProps | "actionSubjectId"> & React.RefAttributes<HTMLElement>>;

package/dist/types/common/ui/ModalDialog/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import ModalDialog from '@atlaskit/modal-dialog';
+import { AnalyticsEventAttributes } from '../../utils/analytics/analytics.codegen';
+type ModalProps = React.ComponentProps<typeof ModalDialog> & {
+    screen: keyof {
+        [Key in keyof AnalyticsEventAttributes as Key extends `screen.${infer ScreenName}.viewed` ? ScreenName : never]: any;
+    };
+};
+/**
+ * AkModal component with built-in analytics for screen event + open + close events + source context
+ */
+export declare const Modal: ({ screen, children, ...props }: ModalProps) => JSX.Element;
+export {};

package/dist/types/common/utils/analytics/analytics.codegen.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::af0139619517f37a8bca32ddb6b7d6e0>>
+ * @codegen <<SignedSource::be704bbbca0e49c927d1268b9a0f1d6a>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 export type PackageMetaDataType = {
@@ -18,11 +18,14 @@ export type LinkCreateAnalyticsContextType = {
     appearance: 'modal' | 'popup';
 };
 export type LinkCreateScreenViewedAttributesType = {};
+export type LinkCreateEditScreenViewedAttributesType = {};
 export type LinkCreateExitWarningScreenViewedAttributesType = {};
 export type ButtonClickedCreateAttributesType = {};
+export type ButtonClickedEditAttributesType = {};
 export type ButtonClickedCancelAttributesType = {};
 export type ButtonClickedConfirmAttributesType = {};
 export type ModalDialogClosedLinkCreateAttributesType = {};
+export type ModalDialogOpenedLinkCreateAttributesType = {};
 export type LinkCreateUnhandledErrorCaughtAttributesType = {
     browserInfo: string;
     error: string;
@@ -37,11 +40,14 @@ export type ObjectCreateFailedLinkCreateAttributesType = {
 };
 export type AnalyticsEventAttributes = {
     'screen.linkCreateScreen.viewed': LinkCreateScreenViewedAttributesType;
+    'screen.linkCreateEditScreen.viewed': LinkCreateEditScreenViewedAttributesType;
     'screen.linkCreateExitWarningScreen.viewed': LinkCreateExitWarningScreenViewedAttributesType;
     'ui.button.clicked.create': ButtonClickedCreateAttributesType;
+    'ui.button.clicked.edit': ButtonClickedEditAttributesType;
     'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
     'ui.button.clicked.confirm': ButtonClickedConfirmAttributesType;
     'ui.modalDialog.closed.linkCreate': ModalDialogClosedLinkCreateAttributesType;
+    'ui.modalDialog.opened.linkCreate': ModalDialogOpenedLinkCreateAttributesType;
     'operational.linkCreate.unhandledErrorCaught': LinkCreateUnhandledErrorCaughtAttributesType;
     'track.object.created.linkCreate': ObjectCreatedLinkCreateAttributesType;
     'track.object.createFailed.linkCreate': ObjectCreateFailedLinkCreateAttributesType;

package/dist/types/common/utils/analytics/components.d.ts

@@ -1,8 +1,7 @@
 import { AnalyticsEventAttributes } from './analytics.codegen';
-type ScreenViewedEventProps = {
+export type ScreenViewedEventProps = {
     screen: keyof {
         [Key in keyof AnalyticsEventAttributes as Key extends `screen.${infer ScreenName}.viewed` ? ScreenName : never]: any;
     };
 };
 export declare const ScreenViewedEvent: ({ screen }: ScreenViewedEventProps) => null;
-export {};

package/dist/types/common/utils/form/index.d.ts

@@ -4,4 +4,4 @@ import { FieldMetaState } from 'react-final-form';
  * to let a Field know if it should hide the error message until
  * the next submit, or if it returns to the previous error state
  */
-export declare const validateSubmitErrors: (meta: FieldMetaState<any>) => boolean;
+export declare const shouldShowValidationErrors: (meta: FieldMetaState<any>) => boolean;

package/dist/types/controllers/create-field/main.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { CreateFieldProps } from './types';
 export declare function CreateField({ id, name, label, isRequired, validators, validationHelpText, testId, children, }: CreateFieldProps): jsx.JSX.Element;

package/dist/types/controllers/form-context/main.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import { LinkCreateProps, Validator, ValidatorMap } from '../../common/types';
+import { LinkCreateProps } from '../../common/types';
 interface FormContextType {
-    getValidators: () => ValidatorMap;
-    assignValidator: (name: string, validators: Validator[]) => void;
     setFormErrorMessage: (errorMessage?: string) => void;
     formErrorMessage?: string;
     /**

package/dist/types/ui/link-create/edit-modal/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import Modal from '@atlaskit/modal-dialog';
+import { Modal } from '../../../common/ui/ModalDialog';
 type EditModalProps = {
     onClose: () => void;
     onCloseComplete?: React.ComponentProps<typeof Modal>['onCloseComplete'];

package/dist/types-ts4.5/common/ui/Button/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { AnalyticsEventAttributes } from '../../../common/utils/analytics/analytics.codegen';
 export declare const Button: React.ForwardRefExoticComponent<Pick<import("@atlaskit/button").ButtonProps & React.RefAttributes<HTMLElement> & {
-    actionSubjectId: "create" | "cancel" | "confirm";
+    actionSubjectId: "create" | "edit" | "cancel" | "confirm";
 }, "key" | keyof import("@atlaskit/button").ButtonProps | "actionSubjectId"> & React.RefAttributes<HTMLElement>>;

package/dist/types-ts4.5/common/ui/ModalDialog/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import ModalDialog from '@atlaskit/modal-dialog';
+import { AnalyticsEventAttributes } from '../../utils/analytics/analytics.codegen';
+type ModalProps = React.ComponentProps<typeof ModalDialog> & {
+    screen: keyof {
+        [Key in keyof AnalyticsEventAttributes as Key extends `screen.${infer ScreenName}.viewed` ? ScreenName : never]: any;
+    };
+};
+/**
+ * AkModal component with built-in analytics for screen event + open + close events + source context
+ */
+export declare const Modal: ({ screen, children, ...props }: ModalProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/common/utils/analytics/analytics.codegen.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::af0139619517f37a8bca32ddb6b7d6e0>>
+ * @codegen <<SignedSource::be704bbbca0e49c927d1268b9a0f1d6a>>
  * @codegenCommand yarn workspace @atlaskit/link-create run codegen-analytics
  */
 export type PackageMetaDataType = {
@@ -18,11 +18,14 @@ export type LinkCreateAnalyticsContextType = {
     appearance: 'modal' | 'popup';
 };
 export type LinkCreateScreenViewedAttributesType = {};
+export type LinkCreateEditScreenViewedAttributesType = {};
 export type LinkCreateExitWarningScreenViewedAttributesType = {};
 export type ButtonClickedCreateAttributesType = {};
+export type ButtonClickedEditAttributesType = {};
 export type ButtonClickedCancelAttributesType = {};
 export type ButtonClickedConfirmAttributesType = {};
 export type ModalDialogClosedLinkCreateAttributesType = {};
+export type ModalDialogOpenedLinkCreateAttributesType = {};
 export type LinkCreateUnhandledErrorCaughtAttributesType = {
     browserInfo: string;
     error: string;
@@ -37,11 +40,14 @@ export type ObjectCreateFailedLinkCreateAttributesType = {
 };
 export type AnalyticsEventAttributes = {
     'screen.linkCreateScreen.viewed': LinkCreateScreenViewedAttributesType;
+    'screen.linkCreateEditScreen.viewed': LinkCreateEditScreenViewedAttributesType;
     'screen.linkCreateExitWarningScreen.viewed': LinkCreateExitWarningScreenViewedAttributesType;
     'ui.button.clicked.create': ButtonClickedCreateAttributesType;
+    'ui.button.clicked.edit': ButtonClickedEditAttributesType;
     'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
     'ui.button.clicked.confirm': ButtonClickedConfirmAttributesType;
     'ui.modalDialog.closed.linkCreate': ModalDialogClosedLinkCreateAttributesType;
+    'ui.modalDialog.opened.linkCreate': ModalDialogOpenedLinkCreateAttributesType;
     'operational.linkCreate.unhandledErrorCaught': LinkCreateUnhandledErrorCaughtAttributesType;
     'track.object.created.linkCreate': ObjectCreatedLinkCreateAttributesType;
     'track.object.createFailed.linkCreate': ObjectCreateFailedLinkCreateAttributesType;

package/dist/types-ts4.5/common/utils/analytics/components.d.ts

@@ -1,8 +1,7 @@
 import { AnalyticsEventAttributes } from './analytics.codegen';
-type ScreenViewedEventProps = {
+export type ScreenViewedEventProps = {
     screen: keyof {
         [Key in keyof AnalyticsEventAttributes as Key extends `screen.${infer ScreenName}.viewed` ? ScreenName : never]: any;
     };
 };
 export declare const ScreenViewedEvent: ({ screen }: ScreenViewedEventProps) => null;
-export {};

package/dist/types-ts4.5/common/utils/form/index.d.ts

@@ -4,4 +4,4 @@ import { FieldMetaState } from 'react-final-form';
  * to let a Field know if it should hide the error message until
  * the next submit, or if it returns to the previous error state
  */
-export declare const validateSubmitErrors: (meta: FieldMetaState<any>) => boolean;
+export declare const shouldShowValidationErrors: (meta: FieldMetaState<any>) => boolean;

package/dist/types-ts4.5/controllers/create-field/main.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { CreateFieldProps } from './types';
 export declare function CreateField({ id, name, label, isRequired, validators, validationHelpText, testId, children, }: CreateFieldProps): jsx.JSX.Element;

package/dist/types-ts4.5/controllers/form-context/main.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import { LinkCreateProps, Validator, ValidatorMap } from '../../common/types';
+import { LinkCreateProps } from '../../common/types';
 interface FormContextType {
-    getValidators: () => ValidatorMap;
-    assignValidator: (name: string, validators: Validator[]) => void;
     setFormErrorMessage: (errorMessage?: string) => void;
     formErrorMessage?: string;
     /**

package/dist/types-ts4.5/ui/link-create/edit-modal/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import Modal from '@atlaskit/modal-dialog';
+import { Modal } from '../../../common/ui/ModalDialog';
 type EditModalProps = {
     onClose: () => void;
     onCloseComplete?: React.ComponentProps<typeof Modal>['onCloseComplete'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "1.9.4",
+  "version": "1.9.5",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.16.0",
+    "@atlaskit/button": "^16.17.0",
     "@atlaskit/empty-state": "^7.6.0",
     "@atlaskit/form": "^9.0.0",
     "@atlaskit/icon": "^22.0.0",

package/dist/cjs/ui/link-create/track-mount/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _constants = require("../../../common/constants");
-var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
-/** @jsx jsx */
-
-/**
- * Analytics tracking for component mount (and unmount)
- */
-function TrackMount() {
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  (0, _react.useLayoutEffect)(function () {
-    // Anything in here is fired on component mount.
-    createAnalyticsEvent((0, _analytics.default)('screen.linkCreateScreen.viewed', {})).fire(_constants.ANALYTICS_CHANNEL);
-    return function () {
-      // Anything in here is fired on component unmount.
-      createAnalyticsEvent((0, _analytics.default)('ui.modalDialog.closed.linkCreate', {})).fire(_constants.ANALYTICS_CHANNEL);
-    };
-  }, [createAnalyticsEvent]);
-  return null;
-}
-var _default = exports.default = TrackMount;

package/dist/es2019/ui/link-create/track-mount/index.js

@@ -1,24 +0,0 @@
-/** @jsx jsx */
-import { useLayoutEffect } from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ANALYTICS_CHANNEL } from '../../../common/constants';
-import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
-
-/**
- * Analytics tracking for component mount (and unmount)
- */
-function TrackMount() {
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  useLayoutEffect(() => {
-    // Anything in here is fired on component mount.
-    createAnalyticsEvent(createEventPayload('screen.linkCreateScreen.viewed', {})).fire(ANALYTICS_CHANNEL);
-    return () => {
-      // Anything in here is fired on component unmount.
-      createAnalyticsEvent(createEventPayload('ui.modalDialog.closed.linkCreate', {})).fire(ANALYTICS_CHANNEL);
-    };
-  }, [createAnalyticsEvent]);
-  return null;
-}
-export default TrackMount;

package/dist/esm/ui/link-create/track-mount/index.js

@@ -1,23 +0,0 @@
-/** @jsx jsx */
-import { useLayoutEffect } from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ANALYTICS_CHANNEL } from '../../../common/constants';
-import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
-
-/**
- * Analytics tracking for component mount (and unmount)
- */
-function TrackMount() {
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  useLayoutEffect(function () {
-    // Anything in here is fired on component mount.
-    createAnalyticsEvent(createEventPayload('screen.linkCreateScreen.viewed', {})).fire(ANALYTICS_CHANNEL);
-    return function () {
-      // Anything in here is fired on component unmount.
-      createAnalyticsEvent(createEventPayload('ui.modalDialog.closed.linkCreate', {})).fire(ANALYTICS_CHANNEL);
-    };
-  }, [createAnalyticsEvent]);
-  return null;
-}
-export default TrackMount;

package/dist/types/ui/link-create/track-mount/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Analytics tracking for component mount (and unmount)
- */
-declare function TrackMount(): null;
-export default TrackMount;

package/dist/types-ts4.5/ui/link-create/track-mount/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Analytics tracking for component mount (and unmount)
- */
-declare function TrackMount(): null;
-export default TrackMount;