@atlaskit/link-create 2.4.0 → 2.5.0

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { useCallback, useState } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Box } from '@atlaskit/primitives';
 import { DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
@@ -10,7 +10,7 @@ import { ErrorBoundary } from '../../common/ui/error-boundary';
 import { LinkCreateContent } from '../../common/ui/link-create-content';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider, useEditPostCreateModal } from '../../controllers/edit-post-create-context';
-import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers/exit-warning-modal-context';
+import { useExitWarningModal } from '../../controllers/exit-warning-modal-context';
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { InlineAnalytics } from './inline-analytics';
@@ -24,27 +24,21 @@ const InlineCreateContent = ({
   testId = DEFAULT_TEST_ID
 }) => {
   const {
-    getShouldShowWarning
+    withExitWarning,
+    showExitWarning,
+    setShowExitWarning
   } = useExitWarningModal();
-  const [showExitWarning, setShowExitWarning] = useState(false);
   const {
     editViewPayload
   } = useEditPostCreateModal();
   const {
     activePlugin
   } = useLinkCreatePlugins();
-  const handleCancel = useCallback(() => {
-    if (getShouldShowWarning() && !showExitWarning) {
-      setShowExitWarning(true);
-      return;
-    }
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  }, [onCancel, getShouldShowWarning, showExitWarning]);
-  const handleCloseExitWarning = useCallback(() => setShowExitWarning(false), []);
+  const handleCloseExitWarning = () => setShowExitWarning(false);
   return jsx(LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
-    onCancel: handleCancel
+    onCancel: withExitWarning(onCancel)
   }, jsx(ErrorBoundary, null, jsx(InlineAnalytics, {
     screen: SCREEN_ID
   }, jsx(Box, {
@@ -76,7 +70,7 @@ const InlineCreate = props => {
     var _pluginsProvider$acti;
     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, {
+    }, jsx(InlineCreateContent, _extends({}, props, {
       onCreate: async payload => {
         var _props$onCreate;
         await ((_props$onCreate = props.onCreate) === null || _props$onCreate === void 0 ? void 0 : _props$onCreate.call(props, payload));
@@ -92,7 +86,7 @@ const InlineCreate = props => {
           }
         }
       }
-    }))));
+    })));
   }));
 };
 export default InlineCreate;

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';

package/dist/es2019/ui/modal-create/main.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { useCallback, useLayoutEffect, useRef, useState } from 'react';
+import { useLayoutEffect, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
@@ -34,31 +36,25 @@ const LinkCreateWithModal = ({
 }) => {
   const intl = useIntl();
   const {
-    getShouldShowWarning
+    withExitWarning,
+    showExitWarning,
+    setShowExitWarning
   } = useExitWarningModal();
-  const [showExitWarning, setShowExitWarning] = useState(false);
   const {
     editViewPayload
   } = useEditPostCreateModal();
   const {
     activePlugin
   } = useLinkCreatePlugins();
-  const handleCancel = useCallback(() => {
-    if (getShouldShowWarning() && !showExitWarning) {
-      setShowExitWarning(true);
-      return;
-    }
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  }, [onCancel, getShouldShowWarning, showExitWarning]);
-  const handleCloseExitWarning = useCallback(() => setShowExitWarning(false), []);
+  const handleCloseExitWarning = () => setShowExitWarning(false);
   return jsx(LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
-    onCancel: handleCancel
+    onCancel: withExitWarning(onCancel)
   }, jsx(ModalTransition, null, active && jsx(Modal, {
     testId: "link-create-modal",
     screen: SCREEN_ID,
-    onClose: handleCancel,
+    onClose: withExitWarning(onCancel),
     shouldScrollInViewport: true,
     onOpenComplete: onOpenComplete,
     onCloseComplete: onCloseComplete,

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.4.0" || '',
+  packageVersion: "2.5.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/esm/common/ui/error-boundary-modal/index.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Modal, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
 import { CREATE_FORM_MAX_WIDTH_IN_PX } from '../../constants';

package/dist/esm/common/ui/error-boundary-ui/error-svg/index.js

@@ -1,5 +1,6 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var WIDTH = 82;
 var errorStyles = css({

package/dist/esm/controllers/create-field/main.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Field } from 'react-final-form';
 import { ErrorMessage, HelperMessage, Label, RequiredAsterisk } from '@atlaskit/form';

package/dist/esm/controllers/exit-warning-modal-context/index.js

@@ -1,12 +1,26 @@
-import React, { createContext, useCallback, useContext, useMemo, useRef } from 'react';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';
 var ExitWarningModalContext = /*#__PURE__*/createContext({
   getShouldShowWarning: function getShouldShowWarning() {
     return false;
   },
-  setShouldShowWarning: function setShouldShowWarning() {}
+  setShouldShowWarning: function setShouldShowWarning() {},
+  showExitWarning: false,
+  setShowExitWarning: function setShowExitWarning() {
+    return false;
+  },
+  withExitWarning: function withExitWarning() {
+    return function () {
+      return false;
+    };
+  }
 });
 export var ExitWarningModalProvider = function ExitWarningModalProvider(_ref) {
   var children = _ref.children;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showExitWarning = _useState2[0],
+    setShowExitWarning = _useState2[1];
   var shouldShowWarning = useRef(false);
   var getShouldShowWarning = useCallback(function () {
     return shouldShowWarning.current;
@@ -14,12 +28,26 @@ export var ExitWarningModalProvider = function ExitWarningModalProvider(_ref) {
   var setShouldShowWarning = useCallback(function (show) {
     shouldShowWarning.current = show;
   }, []);
+  var withExitWarning = useCallback(function (callback) {
+    return function () {
+      if (shouldShowWarning.current && !showExitWarning) {
+        setShowExitWarning(true);
+        return false;
+      }
+      setShowExitWarning(false);
+      callback === null || callback === void 0 || callback(true);
+      return true;
+    };
+  }, [showExitWarning]);
   var value = useMemo(function () {
     return {
       getShouldShowWarning: getShouldShowWarning,
-      setShouldShowWarning: setShouldShowWarning
+      setShouldShowWarning: setShouldShowWarning,
+      showExitWarning: showExitWarning,
+      setShowExitWarning: setShowExitWarning,
+      withExitWarning: withExitWarning
     };
-  }, [getShouldShowWarning, setShouldShowWarning]);
+  }, [getShouldShowWarning, setShouldShowWarning, showExitWarning, setShowExitWarning, withExitWarning]);
   return /*#__PURE__*/React.createElement(ExitWarningModalContext.Provider, {
     value: value
   }, children);
@@ -30,4 +58,12 @@ export var useExitWarningModal = function useExitWarningModal() {
     throw new Error('useExitWarningModal used outside of ExitWarningModalProvider');
   }
   return value;
+};
+export var useWithExitWarning = function useWithExitWarning() {
+  var value = useContext(ExitWarningModalContext);
+  if (!value) {
+    throw new Error('useWithExitWarning used outside of ExitWarningModalProvider');
+  }
+  var withExitWarning = value.withExitWarning;
+  return withExitWarning;
 };

package/dist/esm/index.js

@@ -3,4 +3,5 @@ export { default, TextField, CreateForm, Select, AsyncSelect, CreateFormLoader,
 //InlineCreate,
 UserPicker } from './ui/index';
 export { useLinkCreateCallback, LinkCreateCallbackProvider } from './controllers/callback-context';
+export { ExitWarningModalProvider as LinkCreateExitWarningProvider, useWithExitWarning } from './controllers/exit-warning-modal-context';
 export { FORM_ERROR } from 'final-form';

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

@@ -7,6 +7,8 @@ var _excluded = ["id", "name", "label", "isRequired", "validators", "validationH
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @jsx jsx */
 import { useEffect, useMemo, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import debounce from 'debounce-promise';
 import { useForm } from 'react-final-form';

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { ButtonGroup } from '@atlaskit/button';

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
 import { CREATE_FORM_MIN_HEIGHT_IN_PX } from '../../../common/constants';
@@ -6,6 +7,7 @@ var formLoaderStyles = css({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: "".concat(CREATE_FORM_MIN_HEIGHT_IN_PX, "px")
 });
 

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

@@ -8,6 +8,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /** @jsx jsx */
 import { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FORM_ERROR } from 'final-form';
 import { Form, FormSpy } from 'react-final-form';
@@ -22,6 +24,7 @@ import { useFormContext } from '../../controllers/form-context';
 import { CreateFormFooter } from './form-footer';
 import { CreateFormLoader } from './form-loader';
 var formStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: "".concat(CREATE_FORM_MAX_WIDTH_IN_PX, "px"),
   padding: "0 0 ".concat("var(--ds-space-300, 24px)", " 0"),
   margin: "var(--ds-space-0, 0px)".concat(" auto")

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

@@ -4,6 +4,7 @@ var _excluded = ["id", "name", "label", "isRequired", "validators", "validationH
   _excluded2 = ["fieldId"];
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AkSelect from '@atlaskit/select';
 import { CreateField } from '../../../controllers/create-field';

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

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
   _excluded2 = ["fieldId"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AkTextfield from '@atlaskit/textfield';
 import { CreateField } from '../../../controllers/create-field';

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

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["fieldId"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import SmartUserPicker from '@atlaskit/smart-user-picker';
 import { CreateField } from '../../../controllers/create-field';

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';

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

@@ -1,9 +1,8 @@
 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';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Box } from '@atlaskit/primitives';
 import { DEFAULT_TEST_ID, SCREEN_ID } from '../../common/constants';
@@ -13,7 +12,7 @@ import { ErrorBoundary } from '../../common/ui/error-boundary';
 import { LinkCreateContent } from '../../common/ui/link-create-content';
 import { LinkCreateCallbackProvider } from '../../controllers/callback-context';
 import { EditPostCreateModalProvider, useEditPostCreateModal } from '../../controllers/edit-post-create-context';
-import { ExitWarningModalProvider, useExitWarningModal } from '../../controllers/exit-warning-modal-context';
+import { useExitWarningModal } from '../../controllers/exit-warning-modal-context';
 import { FormContextProvider } from '../../controllers/form-context';
 import { LinkCreatePluginsProvider, useLinkCreatePlugins } from '../../controllers/plugin-context';
 import { InlineAnalytics } from './inline-analytics';
@@ -27,29 +26,20 @@ var InlineCreateContent = function InlineCreateContent(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? DEFAULT_TEST_ID : _ref$testId;
   var _useExitWarningModal = useExitWarningModal(),
-    getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showExitWarning = _useState2[0],
-    setShowExitWarning = _useState2[1];
+    withExitWarning = _useExitWarningModal.withExitWarning,
+    showExitWarning = _useExitWarningModal.showExitWarning,
+    setShowExitWarning = _useExitWarningModal.setShowExitWarning;
   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 () {
+  var handleCloseExitWarning = function handleCloseExitWarning() {
     return setShowExitWarning(false);
-  }, []);
+  };
   return jsx(LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
-    onCancel: handleCancel
+    onCancel: withExitWarning(onCancel)
   }, jsx(ErrorBoundary, null, jsx(InlineAnalytics, {
     screen: SCREEN_ID
   }, jsx(Box, {
@@ -81,7 +71,7 @@ var InlineCreate = function InlineCreate(props) {
         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, {
+      }, jsx(InlineCreateContent, _extends({}, props, {
         onCreate: ( /*#__PURE__*/function () {
           var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
             var _props$onCreate;
@@ -111,7 +101,7 @@ var InlineCreate = function InlineCreate(props) {
             return _ref3.apply(this, arguments);
           };
         }())
-      }))));
+      })));
     });
   });
 };

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';

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

@@ -1,9 +1,10 @@
 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, useLayoutEffect, useRef, useState } from 'react';
+import { useLayoutEffect, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { ModalBody, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
@@ -37,33 +38,24 @@ var LinkCreateWithModal = function LinkCreateWithModal(_ref) {
     modalHero = _ref.modalHero;
   var intl = useIntl();
   var _useExitWarningModal = useExitWarningModal(),
-    getShouldShowWarning = _useExitWarningModal.getShouldShowWarning;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showExitWarning = _useState2[0],
-    setShowExitWarning = _useState2[1];
+    withExitWarning = _useExitWarningModal.withExitWarning,
+    showExitWarning = _useExitWarningModal.showExitWarning,
+    setShowExitWarning = _useExitWarningModal.setShowExitWarning;
   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 () {
+  var handleCloseExitWarning = function handleCloseExitWarning() {
     return setShowExitWarning(false);
-  }, []);
+  };
   return jsx(LinkCreateCallbackProvider, {
     onCreate: onCreate,
     onFailure: onFailure,
-    onCancel: handleCancel
+    onCancel: withExitWarning(onCancel)
   }, jsx(ModalTransition, null, active && jsx(Modal, {
     testId: "link-create-modal",
     screen: SCREEN_ID,
-    onClose: handleCancel,
+    onClose: withExitWarning(onCancel),
     shouldScrollInViewport: true,
     onOpenComplete: onOpenComplete,
     onCloseComplete: onCloseComplete,

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

@@ -2,9 +2,13 @@ import React from 'react';
 type ExitWarningModalContextValue = {
     getShouldShowWarning: () => boolean;
     setShouldShowWarning: (show: boolean) => void;
+    showExitWarning: boolean;
+    setShowExitWarning: React.Dispatch<React.SetStateAction<boolean>>;
+    withExitWarning: (callback?: () => void) => () => boolean;
 };
 export declare const ExitWarningModalProvider: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;
 export declare const useExitWarningModal: () => ExitWarningModalContextValue;
+export declare const useWithExitWarning: () => (callback?: () => void) => () => boolean;
 export {};

package/dist/types/index.d.ts

@@ -2,5 +2,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, UserPicker, } from './ui/index';
 export { useLinkCreateCallback, LinkCreateCallbackProvider } from './controllers/callback-context';
+export { ExitWarningModalProvider as LinkCreateExitWarningProvider, useWithExitWarning, } from './controllers/exit-warning-modal-context';
 export type { Validator, ValidatorMap } from './common/types';
 export { FORM_ERROR } from 'final-form';

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import type { LinkCreateProps } from '../../common/types';
 declare const InlineCreate: (props: LinkCreateProps) => jsx.JSX.Element;

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

@@ -2,9 +2,13 @@ import React from 'react';
 type ExitWarningModalContextValue = {
     getShouldShowWarning: () => boolean;
     setShouldShowWarning: (show: boolean) => void;
+    showExitWarning: boolean;
+    setShowExitWarning: React.Dispatch<React.SetStateAction<boolean>>;
+    withExitWarning: (callback?: () => void) => () => boolean;
 };
 export declare const ExitWarningModalProvider: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;
 export declare const useExitWarningModal: () => ExitWarningModalContextValue;
+export declare const useWithExitWarning: () => (callback?: () => void) => () => boolean;
 export {};

package/dist/types-ts4.5/index.d.ts

@@ -2,5 +2,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, UserPicker, } from './ui/index';
 export { useLinkCreateCallback, LinkCreateCallbackProvider } from './controllers/callback-context';
+export { ExitWarningModalProvider as LinkCreateExitWarningProvider, useWithExitWarning, } from './controllers/exit-warning-modal-context';
 export type { Validator, ValidatorMap } from './common/types';
 export { FORM_ERROR } from 'final-form';

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import type { LinkCreateProps } from '../../common/types';
 declare const InlineCreate: (props: LinkCreateProps) => jsx.JSX.Element;