@atlaskit/link-create 2.3.0 → 2.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @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

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

@@ -13,7 +13,7 @@ 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.3.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/es2019/common/constants.js

@@ -7,7 +7,7 @@ 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.3.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/esm/common/constants.js

@@ -7,7 +7,7 @@ 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.3.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "2.3.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"
 }
 ```