@atlaskit/link-create 2.0.0 → 2.1.0

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/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/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';

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;

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/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/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';

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -39,15 +39,15 @@
   },
   "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.4.0",
+    "@atlaskit/select": "^17.10.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/tokens": "^1.49.0",
@@ -66,7 +66,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 +114,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';