@atlaskit/link-create 2.0.0 → 2.2.0

package/dist/esm/{ui/link-create → common/ui}/error-boundary/index.js

@@ -3,7 +3,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 import { ErrorBoundaryUI } from '../../../common/ui/error-boundary-ui';
 import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
-import { useExperience } from '../../../controllers/experience-tracker';
+import { useExperience } from '../experience-tracker';
 import { BaseErrorBoundary } from './error-boundary-base';
 export var ErrorBoundary = function ErrorBoundary(_ref) {
   var children = _ref.children,

package/dist/esm/{controllers → common/ui}/experience-tracker/index.js

@@ -4,9 +4,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { createContext, useContext, useMemo, useRef } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { captureException } from '@atlaskit/linking-common/sentry';
-import { ANALYTICS_CHANNEL } from '../../common/constants';
-import createEventPayload from '../../common/utils/analytics/analytics.codegen';
-import { getErrorType, getNetworkFields } from '../../common/utils/errors';
+import { ANALYTICS_CHANNEL } from '../../constants';
+import createEventPayload from '../../utils/analytics/analytics.codegen';
+import { getErrorType, getNetworkFields } from '../../utils/errors';
 var ExperienceContext = /*#__PURE__*/createContext({
   success: function success() {},
   failure: function failure() {}

package/dist/esm/common/ui/link-create-content/index.js

@@ -0,0 +1,12 @@
+import React, { Fragment } from 'react';
+export var LinkCreateContent = function LinkCreateContent(_ref) {
+  var plugins = _ref.plugins,
+    entityKey = _ref.entityKey;
+  var chosenOne = plugins.find(function (plugin) {
+    return plugin.key === entityKey;
+  });
+  if (!chosenOne) {
+    throw new Error('Make sure you specified a valid entityKey');
+  }
+  return /*#__PURE__*/React.createElement(Fragment, null, chosenOne.form);
+};

package/dist/esm/{ui/link-create → common/ui}/modal-hero/index.js

@@ -1,8 +1,6 @@
 import React, { Fragment } from 'react';
 import { Stack } from '@atlaskit/primitives';
-
-// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
-import { ErrorBoundary } from '../error-boundary';
+import { ErrorBoundary } from '../../../common/ui/error-boundary';
 var ErrorComponent = function ErrorComponent() {
   // when there's an error, render nothing but report the issue
   return /*#__PURE__*/React.createElement(Fragment, null, null);

package/dist/esm/controllers/callback-context/main.js

@@ -6,9 +6,9 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useContext, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
+import { useExperience } from '../../common/ui/experience-tracker';
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { getErrorType } from '../../common/utils/errors';
-import { useExperience } from '../experience-tracker';
 var LinkCreateCallbackContext = /*#__PURE__*/React.createContext({});
 var LinkCreateCallbackProvider = function LinkCreateCallbackProvider(_ref) {
   var children = _ref.children,

package/dist/esm/index.js

@@ -1,3 +1,6 @@
-export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy } from './ui/index';
+export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy,
+// todo: EDM-10077 - export this once inline-create is tested/ready
+//InlineCreate,
+UserPicker } from './ui/index';
 export { useLinkCreateCallback, LinkCreateCallbackProvider } from './controllers/callback-context';
 export { FORM_ERROR } from 'final-form';

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

@@ -150,7 +150,7 @@ export var CreateForm = function CreateForm(_ref) {
       }
     }), jsx("p", {
       "aria-hidden": "true"
-    }, intl.formatMessage(messages.requiredFieldInstruction), ' ', jsx(RequiredAsterisk, null)), jsx(Box, null, children), !hideFooter && jsx(CreateFormFooter
+    }, intl.formatMessage(messages.requiredFieldInstruction), " ", jsx(RequiredAsterisk, null)), jsx(Box, null, children), !hideFooter && jsx(CreateFormFooter
     /**
      * We will prefer to render the error message connected to
      * react final form state (submitError) otherwise we can

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

@@ -0,0 +1 @@
+export { UserPicker } from './main';

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

@@ -0,0 +1,51 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["fieldId"];
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+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%";
+
+/**
+ * A user picker utilising the SmartUserPicker.
+ */
+
+export function UserPicker(_ref) {
+  var productKey = _ref.productKey,
+    siteId = _ref.siteId,
+    name = _ref.name,
+    label = _ref.label,
+    placeholder = _ref.placeholder,
+    validators = _ref.validators,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
+    defaultValue = _ref.defaultValue;
+  return jsx(CreateField, {
+    name: name,
+    label: label,
+    isRequired: true,
+    testId: testId,
+    validators: validators
+  }, function (_ref2) {
+    var fieldId = _ref2.fieldId,
+      fieldProps = _objectWithoutProperties(_ref2, _excluded);
+    return jsx(SmartUserPicker, {
+      defaultValue: defaultValue,
+      placeholder: placeholder,
+      onChange: function onChange(value) {
+        return fieldProps.onChange(value);
+      },
+      subtle: true,
+      isMulti: false,
+      productKey: productKey,
+      siteId: siteId,
+      fieldId: fieldId,
+      debounceTime: DEFAULT_DEBOUNCE_TIME,
+      prefetch: true,
+      isClearable: false,
+      width: UserPickerWidth
+    });
+  });
+}

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

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/index.js

@@ -1,7 +1,9 @@
-export { default } from './main';
+export { default } from './modal-create';
+export { default as InlineCreate } from './inline-create';
 export { TextField } from './create-form/textfield';
 export { CreateForm } from './create-form/main';
 export { CreateFormLoader } from './create-form/form-loader';
 export { Select } from './create-form/select';
 export { AsyncSelect } from './create-form/async-select';
-export { FormSpy } from './create-form/form-spy';
+export { FormSpy } from './create-form/form-spy';
+export { UserPicker } from './create-form/user-picker';

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

@@ -0,0 +1,30 @@
+/** @jsx jsx */
+import { memo } from 'react';
+import { jsx } from '@emotion/react';
+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)));
+}));
+var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
+  return jsx(AnalyticsContext, {
+    data: PACKAGE_DATA
+  }, jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(LinkCreateWithAnalyticsContext, props)));
+});
+export default ComposedLinkCreate;

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

@@ -0,0 +1,119 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/** @jsx jsx */
+import { useCallback, useState } from 'react';
+import { jsx } from '@emotion/react';
+import { Box } from '@atlaskit/primitives';
+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 { 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';
+
+var InlineCreateContent = function InlineCreateContent(_ref) {
+  var onCreate = _ref.onCreate,
+    onFailure = _ref.onFailure,
+    onCancel = _ref.onCancel,
+    onComplete = _ref.onComplete,
+    plugins = _ref.plugins,
+    entityKey = _ref.entityKey,
+    testId = _ref.testId;
+  var _useExitWarningModal = useExitWarningModal(),
+    getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showExitWarning = _useState2[0],
+    setShowExitWarning = _useState2[1];
+  var _useEditPostCreateMod = useEditPostCreateModal(),
+    editViewPayload = _useEditPostCreateMod.editViewPayload;
+  var _useLinkCreatePlugins = useLinkCreatePlugins(),
+    activePlugin = _useLinkCreatePlugins.activePlugin;
+  var handleCancel = useCallback(function () {
+    if (getShouldShowWarning() && !showExitWarning) {
+      setShowExitWarning(true);
+      return;
+    }
+    onCancel === null || onCancel === void 0 || onCancel();
+  }, [onCancel, getShouldShowWarning, showExitWarning]);
+  var handleCloseExitWarning = useCallback(function () {
+    return setShowExitWarning(false);
+  }, []);
+  return jsx(LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: handleCancel
+  }, jsx(ErrorBoundary, null, jsx(Box, {
+    testId: testId
+  }, jsx(LinkCreateContent, {
+    plugins: plugins,
+    entityKey: entityKey
+  }))), onComplete && jsx(EditModal, {
+    onClose: onComplete,
+    editViewPayload: editViewPayload,
+    activePlugin: activePlugin
+  }), jsx(ConfirmDismissDialog, {
+    active: showExitWarning,
+    onClose: handleCloseExitWarning,
+    onCancel: onCancel
+  }));
+};
+var InlineCreate = function InlineCreate(props) {
+  return jsx(LinkCreatePluginsProvider, {
+    plugins: props.plugins,
+    entityKey: props.entityKey
+  }, function (pluginsProvider) {
+    return jsx(EditPostCreateModalProvider, {
+      active: true
+    }, function (_ref2) {
+      var _pluginsProvider$acti;
+      var setEditViewPayload = _ref2.setEditViewPayload,
+        shouldActivateEditView = _ref2.shouldActivateEditView,
+        enableEditView = _ref2.enableEditView;
+      return jsx(FormContextProvider, {
+        enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
+      }, jsx(ExitWarningModalProvider, null, jsx(InlineCreateContent, _extends({}, props, {
+        onCreate: ( /*#__PURE__*/function () {
+          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
+            var _props$onCreate;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return (_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload);
+                case 2:
+                  // if onComplete exists then there is an edit flow
+                  if (props.onComplete) {
+                    if (shouldActivateEditView()) {
+                      //edit button is pressed
+                      setEditViewPayload(payload);
+                    } else {
+                      //create button is pressed
+                      props.onComplete();
+                    }
+                  }
+                case 3:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x) {
+            return _ref3.apply(this, arguments);
+          };
+        }())
+      }))));
+    });
+  });
+};
+export default InlineCreate;

package/dist/esm/ui/{main.js → modal-create/index.js}

@@ -3,14 +3,14 @@ import { memo } from 'react';
 import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
-import { COMPONENT_NAME } from '../common/constants';
-import { ErrorBoundaryModal } from '../common/ui/error-boundary-modal';
-import { withLinkCreateAnalyticsContext } from '../common/utils/analytics';
-import { fetchMessagesForLocale } from '../common/utils/locale/fetch-messages-for-locale';
-import { Experience } from '../controllers/experience-tracker';
-import i18nEN from '../i18n/en';
-import LinkCreate from './link-create';
-import { ErrorBoundary } from './link-create/error-boundary';
+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 LinkCreate from './main';
 var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__*/memo(function (props) {
   return jsx(Experience, null, jsx(ErrorBoundary, {
     errorComponent: jsx(ErrorBoundaryModal, {
@@ -19,12 +19,6 @@ var LinkCreateWithAnalyticsContext = withLinkCreateAnalyticsContext( /*#__PURE__
     })
   }, jsx(LinkCreate, props)));
 }));
-export var PACKAGE_DATA = {
-  packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.0.0" || '',
-  component: COMPONENT_NAME,
-  componentName: COMPONENT_NAME
-};
 var ComposedLinkCreate = /*#__PURE__*/memo(function (props) {
   return jsx(AnalyticsContext, {
     data: PACKAGE_DATA

package/dist/esm/ui/{link-create → modal-create}/main.js

@@ -3,50 +3,40 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @jsx jsx */
-import { Fragment, useCallback, useLayoutEffect, useRef, useState } from 'react';
+import { useCallback, useLayoutEffect, useRef, useState } from 'react';
 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 { 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 { ModalHero } from '../../common/ui/modal-hero';
 import { Modal } from '../../common/ui/ModalDialog';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
-import { EditPostCreateModalProvider } from '../../controllers/edit-post-create-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 } from '../../controllers/plugin-context';
-import { ConfirmDismissDialog } from './confirm-dismiss-dialog';
-import { EditModal } from './edit-modal';
-import { ErrorBoundary } from './error-boundary';
+import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { messages } from './messages';
-import { ModalHero } from './modal-hero';
 export var TEST_ID = 'link-create';
 var SCREEN_ID = 'linkCreateScreen';
-var LinkCreateContent = function LinkCreateContent(_ref) {
-  var plugins = _ref.plugins,
-    entityKey = _ref.entityKey;
-  var chosenOne = plugins.find(function (plugin) {
-    return plugin.key === entityKey;
-  });
-  if (!chosenOne) {
-    throw new Error('Make sure you specified a valid entityKey');
-  }
-  return jsx(Fragment, null, chosenOne.form);
-};
-var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
-  var active = _ref2.active,
-    modalTitle = _ref2.modalTitle,
-    onCreate = _ref2.onCreate,
-    onFailure = _ref2.onFailure,
-    onCancel = _ref2.onCancel,
-    onComplete = _ref2.onComplete,
-    onOpenComplete = _ref2.onOpenComplete,
-    onCloseComplete = _ref2.onCloseComplete,
-    _ref2$testId = _ref2.testId,
-    testId = _ref2$testId === void 0 ? TEST_ID : _ref2$testId,
-    plugins = _ref2.plugins,
-    entityKey = _ref2.entityKey,
-    modalHero = _ref2.modalHero;
+var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
+  var active = _ref.active,
+    modalTitle = _ref.modalTitle,
+    onCreate = _ref.onCreate,
+    onFailure = _ref.onFailure,
+    onCancel = _ref.onCancel,
+    onComplete = _ref.onComplete,
+    onOpenComplete = _ref.onOpenComplete,
+    onCloseComplete = _ref.onCloseComplete,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? TEST_ID : _ref$testId,
+    plugins = _ref.plugins,
+    entityKey = _ref.entityKey,
+    modalHero = _ref.modalHero;
   var intl = useIntl();
   var _useExitWarningModal = useExitWarningModal(),
     getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
@@ -54,6 +44,10 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
     _useState2 = _slicedToArray(_useState, 2),
     showExitWarning = _useState2[0],
     setShowExitWarning = _useState2[1];
+  var _useEditPostCreateMod = useEditPostCreateModal(),
+    editViewPayload = _useEditPostCreateMod.editViewPayload;
+  var _useLinkCreatePlugins = useLinkCreatePlugins(),
+    activePlugin = _useLinkCreatePlugins.activePlugin;
   var handleCancel = useCallback(function () {
     if (getShouldShowWarning() && !showExitWarning) {
       setShowExitWarning(true);
@@ -85,10 +79,13 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref2) {
     entityKey: entityKey
   })))))), onComplete && jsx(EditModal, {
     onCloseComplete: onCloseComplete,
-    onClose: onComplete
+    onClose: onComplete,
+    editViewPayload: editViewPayload,
+    activePlugin: activePlugin
   }), jsx(ConfirmDismissDialog, {
     active: showExitWarning,
-    onClose: handleCloseExitWarning
+    onClose: handleCloseExitWarning,
+    onCancel: onCancel
   }));
 };
 var LinkCreateModal = function LinkCreateModal(props) {
@@ -107,18 +104,18 @@ var LinkCreateModal = function LinkCreateModal(props) {
   }, function (pluginsProvider) {
     return jsx(EditPostCreateModalProvider, {
       active: !!props.active
-    }, function (_ref3) {
+    }, function (_ref2) {
       var _pluginsProvider$acti;
-      var setEditViewPayload = _ref3.setEditViewPayload,
-        editViewPayload = _ref3.editViewPayload,
-        shouldActivateEditView = _ref3.shouldActivateEditView,
-        enableEditView = _ref3.enableEditView;
+      var setEditViewPayload = _ref2.setEditViewPayload,
+        editViewPayload = _ref2.editViewPayload,
+        shouldActivateEditView = _ref2.shouldActivateEditView,
+        enableEditView = _ref2.enableEditView;
       return jsx(FormContextProvider, {
         enableEditView: pluginsProvider !== null && pluginsProvider !== void 0 && (_pluginsProvider$acti = pluginsProvider.activePlugin) !== null && _pluginsProvider$acti !== void 0 && _pluginsProvider$acti.editView && props !== null && props !== void 0 && props.onComplete ? enableEditView : undefined
       }, jsx(ExitWarningModalProvider, null, jsx(LinkCreateWithModal, _extends({}, props, {
         active: props.active && !editViewPayload,
         onCreate: ( /*#__PURE__*/function () {
-          var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
+          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
             var _props$onCreate;
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
@@ -143,7 +140,7 @@ var LinkCreateModal = function LinkCreateModal(props) {
             }, _callee);
           }));
           return function (_x) {
-            return _ref4.apply(this, arguments);
+            return _ref3.apply(this, arguments);
           };
         }()),
         onCloseComplete: function onCloseComplete() {

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

@@ -1,5 +1,7 @@
+import type { PackageMetaDataType } from './utils/analytics/analytics.codegen';
 export declare const ANALYTICS_CHANNEL = "media";
 export declare const COMPONENT_NAME = "linkCreate";
 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__";
+export declare const PACKAGE_DATA: PackageMetaDataType;

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

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

package/dist/types/common/ui/confirm-dismiss-dialog/main.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type ConfirmDismissDialogProps = {
+    active: boolean;
+    onClose: () => void;
+    onCancel?: () => void;
+};
+export declare const ConfirmDismissDialog: ({ active, onClose, onCancel }: ConfirmDismissDialogProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type CreatePayload, type LinkCreatePlugin } from '../../types';
+import { Modal } from '../ModalDialog';
+type EditModalProps = {
+    onClose: () => void;
+    onCloseComplete?: React.ComponentProps<typeof Modal>['onCloseComplete'];
+    editViewPayload?: CreatePayload;
+    activePlugin?: LinkCreatePlugin<string> | null;
+};
+export declare const EditModal: ({ onClose, onCloseComplete, editViewPayload, activePlugin, }: EditModalProps) => JSX.Element;
+export {};

package/dist/types/{ui/link-create → common/ui}/error-boundary/index.d.ts

@@ -2,5 +2,5 @@ import { type PropsWithChildren } from 'react';
 type ErrorBoundaryProps = PropsWithChildren<{
     errorComponent?: JSX.Element;
 }>;
-export declare const ErrorBoundary: ({ children, errorComponent, }: ErrorBoundaryProps) => JSX.Element;
+export declare const ErrorBoundary: ({ children, errorComponent }: ErrorBoundaryProps) => JSX.Element;
 export {};

package/dist/types/common/ui/link-create-content/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { LinkCreatePlugin } from '../../types';
+type LinkCreateContentProps = {
+    plugins: LinkCreatePlugin[];
+    entityKey: string;
+};
+export declare const LinkCreateContent: ({ plugins, entityKey }: LinkCreateContentProps) => JSX.Element;
+export {};

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

@@ -1 +1 @@
-export { useLinkCreateAnalytics, withLinkCreateAnalyticsContext, } from './context';
+export { useLinkCreateAnalytics, withLinkCreateAnalyticsContext } from './context';

package/dist/types/controllers/exit-warning-modal-context/index.d.ts

@@ -3,7 +3,7 @@ type ExitWarningModalContextValue = {
     getShouldShowWarning: () => boolean;
     setShouldShowWarning: (show: boolean) => void;
 };
-export declare const ExitWarningModalProvider: ({ children, }: {
+export declare const ExitWarningModalProvider: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;
 export declare const useExitWarningModal: () => ExitWarningModalContextValue;

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

@@ -1 +1 @@
-export { FormContextProvider, useFormContext, withLinkCreateFormContext, } from './main';
+export { FormContextProvider, useFormContext, withLinkCreateFormContext } from './main';

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 export type { CreateFormProps } from './ui/index';
 export type { LinkCreateProps, LinkCreatePlugin, LinkCreateWithModalProps, CreatePayload, EditViewProps, } from './common/types';
-export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy, } from './ui/index';
-export { useLinkCreateCallback, LinkCreateCallbackProvider, } from './controllers/callback-context';
+export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader, FormSpy, UserPicker, } from './ui/index';
+export { useLinkCreateCallback, LinkCreateCallbackProvider } from './controllers/callback-context';
 export type { Validator, ValidatorMap } from './common/types';
 export { FORM_ERROR } from 'final-form';

package/dist/types/ui/create-form/form-spy/index.d.ts

@@ -9,4 +9,4 @@ export type FormSpyProps<T> = {
  * FormSpy component so that we can control selectively
  * how much of the API we are commited to.
  */
-export declare const FormSpy: <T extends Record<string, unknown>>({ children, }: FormSpyProps<T>) => JSX.Element;
+export declare const FormSpy: <T extends Record<string, unknown>>({ children }: FormSpyProps<T>) => JSX.Element;

package/dist/types/ui/create-form/user-picker/index.d.ts

@@ -0,0 +1 @@
+export { UserPicker } from './main';

package/dist/types/ui/create-form/user-picker/main.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { type UserPickerProps } from './types';
+export declare const TEST_ID = "link-create-user-picker";
+/**
+ * A user picker utilising the SmartUserPicker.
+ */
+export declare function UserPicker({ productKey, siteId, name, label, placeholder, validators, testId, defaultValue, }: UserPickerProps): jsx.JSX.Element;

package/dist/types/ui/create-form/user-picker/types.d.ts

@@ -0,0 +1,25 @@
+import { type Validator } from '../../../common/types';
+export type UserPickerProps = {
+    /** Name to pass into the <Field>  */
+    name: string;
+    /** Refers to a product identifier, Jira, Confluence, Townsquare, ect. */
+    productKey: string;
+    /** Identifier for the product's tenant, also known as tenantId or cloudId */
+    siteId: string;
+    /** The label text above the component */
+    label?: string;
+    /** Placeholder text to display in the text field whenever it is empty. */
+    placeholder?: string;
+    /** Validators for this field */
+    validators?: Validator[];
+    testId?: string;
+    defaultValue: User;
+};
+type User = {
+    id: string;
+    userId: string;
+    name: string;
+    avatar: string;
+    email: string;
+};
+export {};

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

@@ -1,4 +1,5 @@
-export { default } from './main';
+export { default } from './modal-create';
+export { default as InlineCreate } from './inline-create';
 export { TextField } from './create-form/textfield';
 export { CreateForm } from './create-form/main';
 export { CreateFormLoader } from './create-form/form-loader';
@@ -6,3 +7,4 @@ export type { CreateFormProps } from './create-form/main';
 export { Select } from './create-form/select';
 export { AsyncSelect } from './create-form/async-select';
 export { FormSpy } from './create-form/form-spy';
+export { UserPicker } from './create-form/user-picker';

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { LinkCreateWithModalProps } from '../../common/types';
+declare const ComposedLinkCreate: import("react").MemoExoticComponent<(props: LinkCreateWithModalProps) => jsx.JSX.Element>;
+export default ComposedLinkCreate;

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

@@ -0,0 +1,5 @@
+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;