@atlaskit/link-create 2.0.0 → 2.2.0

package/dist/types/ui/modal-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-ts4.5/ui/link-create → types/ui/modal-create}/main.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type LinkCreateWithModalProps } from '../../common/types';
+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,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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/{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-ts4.5/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-ts4.5/common/utils/analytics/index.d.ts

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

package/dist/types-ts4.5/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-ts4.5/controllers/form-context/index.d.ts

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

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/ui/create-form/user-picker/index.d.ts

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

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/ui/{main.d.ts → inline-create/index.d.ts}

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

package/dist/types-ts4.5/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;

package/dist/{types/ui/main.d.ts → types-ts4.5/ui/modal-create/index.d.ts}

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

package/dist/{types/ui/link-create → types-ts4.5/ui/modal-create}/main.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type LinkCreateWithModalProps } from '../../common/types';
+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/example-helpers/mock-disclaimer.tsx

@@ -3,17 +3,17 @@ import React from 'react';
 import { useIntl } from 'react-intl-next';
 
 export const MockDisclaimer = () => {
-  const { locale } = useIntl();
-  const parentLocale = locale.split(/[-_]/)[0];
-  const disclaimer = 'This is a mocked plugin.';
+	const { locale } = useIntl();
+	const parentLocale = locale.split(/[-_]/)[0];
+	const disclaimer = 'This is a mocked plugin.';
 
-  if (parentLocale !== 'en') {
-    return (
-      <p>
-        {disclaimer} <small>{`(locale ${locale} not available)`}</small>
-      </p>
-    );
-  }
+	if (parentLocale !== 'en') {
+		return (
+			<p>
+				{disclaimer} <small>{`(locale ${locale} not available)`}</small>
+			</p>
+		);
+	}
 
-  return <p>{disclaimer}</p>;
+	return <p>{disclaimer}</p>;
 };

package/example-helpers/mock-plugin-form.tsx

@@ -1,92 +1,89 @@
 import React, { useCallback, useMemo } from 'react';
 
 import {
-  AsyncSelect,
-  CreateForm,
-  type CreateFormProps,
-  TextField,
-  useLinkCreateCallback,
-  type Validator,
+	AsyncSelect,
+	CreateForm,
+	type CreateFormProps,
+	TextField,
+	useLinkCreateCallback,
+	type Validator,
 } from '../src';
 
 import { MockDisclaimer } from './mock-disclaimer';
 
 interface pluginProps {
-  shouldThrowError?: boolean;
+	shouldThrowError?: boolean;
 }
 
 export function MockPluginForm({ shouldThrowError }: pluginProps) {
-  const { onCreate, onFailure, onCancel } = useLinkCreateCallback();
+	const { onCreate, onFailure, onCancel } = useLinkCreateCallback();
 
-  type MockOptions = {
-    label: string;
-    value: string;
-  };
+	type MockOptions = {
+		label: string;
+		value: string;
+	};
 
-  const mockHandleSubmit = async () => {
-    if (onCreate) {
-      await onCreate({
-        url: 'https://atlassian.com/product/new-object-id',
-        objectId: 'new-object-id',
-        objectType: 'object-type',
-        data: {},
-        ari: 'example-ari',
-      });
-    }
-  };
+	const mockHandleSubmit = async () => {
+		if (onCreate) {
+			await onCreate({
+				url: 'https://atlassian.com/product/new-object-id',
+				objectId: 'new-object-id',
+				objectType: 'object-type',
+				data: {},
+				ari: 'example-ari',
+			});
+		}
+	};
 
-  const mockValidator: Validator = useMemo(
-    () => ({
-      isValid: (val: unknown) => !!val,
-      errorMessage: 'Validation Error: You need to provide a value.',
-    }),
-    [],
-  );
+	const mockValidator: Validator = useMemo(
+		() => ({
+			isValid: (val: unknown) => !!val,
+			errorMessage: 'Validation Error: You need to provide a value.',
+		}),
+		[],
+	);
 
-  const mockLoadOptions = useCallback(async () => {
-    const exampleOptions = [
-      { label: 'Option 1', value: 'option-1' },
-      { label: 'Option 2', value: 'option-2' },
-    ];
+	const mockLoadOptions = useCallback(async () => {
+		const exampleOptions = [
+			{ label: 'Option 1', value: 'option-1' },
+			{ label: 'Option 2', value: 'option-2' },
+		];
 
-    try {
-      if (shouldThrowError) {
-        throw new Error('This is an error message.');
-      }
-      return exampleOptions;
-    } catch (error) {
-      if (error instanceof Error) {
-        onFailure && onFailure(error);
-      }
-      return [];
-    }
-  }, [onFailure, shouldThrowError]);
+		try {
+			if (shouldThrowError) {
+				throw new Error('This is an error message.');
+			}
+			return exampleOptions;
+		} catch (error) {
+			if (error instanceof Error) {
+				onFailure && onFailure(error);
+			}
+			return [];
+		}
+	}, [onFailure, shouldThrowError]);
 
-  return (
-    <div>
-      <MockDisclaimer />
-      <CreateForm<CreateFormProps<FormData>>
-        onSubmit={mockHandleSubmit}
-        onCancel={onCancel}
-      >
-        <TextField
-          name={'textField-name'}
-          label={'Enter some Text'}
-          placeholder={'Type something here...'}
-          validators={[mockValidator]}
-          autoFocus
-          maxLength={255}
-        />
-        <AsyncSelect<MockOptions>
-          isRequired
-          isSearchable
-          name={'asyncSelect-name'}
-          label={'Select an Option'}
-          validators={[mockValidator]}
-          defaultOptions={true}
-          loadOptions={mockLoadOptions}
-        ></AsyncSelect>
-      </CreateForm>
-    </div>
-  );
+	return (
+		<div>
+			<MockDisclaimer />
+			<CreateForm<CreateFormProps<FormData>> onSubmit={mockHandleSubmit} onCancel={onCancel}>
+				<TextField
+					name={'textField-name'}
+					label={'Enter some Text'}
+					placeholder={'Type something here...'}
+					validators={[mockValidator]}
+					autoFocus
+					maxLength={255}
+				/>
+				<AsyncSelect<MockOptions>
+					isRequired
+					isSearchable
+					name={'asyncSelect-name'}
+					label={'Select an Option'}
+					validators={[mockValidator]}
+					defaultOptions={true}
+					loadOptions={mockLoadOptions}
+				></AsyncSelect>
+			</CreateForm>
+		</div>
+	);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -39,15 +39,16 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.16.0",
+    "@atlaskit/button": "^17.17.0",
     "@atlaskit/empty-state": "^7.8.0",
-    "@atlaskit/form": "^10.2.0",
+    "@atlaskit/form": "^10.3.0",
     "@atlaskit/icon": "^22.3.0",
     "@atlaskit/intl-messages-provider": "^1.0.2",
     "@atlaskit/linking-common": "^5.7.0",
     "@atlaskit/modal-dialog": "^12.13.0",
-    "@atlaskit/primitives": "^6.3.0",
-    "@atlaskit/select": "^17.9.0",
+    "@atlaskit/primitives": "^6.5.0",
+    "@atlaskit/select": "^17.10.0",
+    "@atlaskit/smart-user-picker": "^6.9.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/tokens": "^1.49.0",
@@ -66,7 +67,6 @@
     "@af/visual-regression": "*",
     "@atlaskit/link-test-helpers": "^7.0.0",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@atlassian/feature-flags-test-utils": "*",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
@@ -115,6 +115,5 @@
       ]
     }
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",
   "platform-feature-flags": {}
 }

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

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _main.default;
-  }
-});
-var _main = _interopRequireDefault(require("./main"));

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

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Modal } from '../../../common/ui/ModalDialog';
-type EditModalProps = {
-    onClose: () => void;
-    onCloseComplete?: React.ComponentProps<typeof Modal>['onCloseComplete'];
-};
-export declare const EditModal: ({ onClose, onCloseComplete }: EditModalProps) => JSX.Element;
-export {};

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

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

package/dist/types-ts4.5/ui/link-create/confirm-dismiss-dialog/main.d.ts

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

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Modal } from '../../../common/ui/ModalDialog';
-type EditModalProps = {
-    onClose: () => void;
-    onCloseComplete?: React.ComponentProps<typeof Modal>['onCloseComplete'];
-};
-export declare const EditModal: ({ onClose, onCloseComplete }: EditModalProps) => JSX.Element;
-export {};

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

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