@atlaskit/link-picker 1.32.0 → 1.33.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-picker
 
+## 1.33.0
+
+### Minor Changes
+
+- [#69577](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69577) [`fcd935281ee6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fcd935281ee6) - Updates onCancel prop to be optional. When not provided, cancel button is not displayed.
+
+## 1.32.1
+
+### Patch Changes
+
+- [#66404](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66404) [`61ac6afc1d89`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/61ac6afc1d89) - EDM-9025 Add onSubmitCapture behind feature flag
+
 ## 1.32.0
 
 ### Minor Changes

package/dist/cjs/ui/index.js

@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.32.0" || '',
+  packageVersion: "1.33.0" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

package/dist/cjs/ui/link-picker/form-footer/index.js

@@ -101,7 +101,7 @@ var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_r
     css: _styled.formFooterActionStyles
   }, createFeatureDiscovery ? (0, _react2.jsx)(_featureDiscovery.default, {
     testId: testIds.actionButtonDiscovery
-  }, createButton(action)) : createButton(action)), (0, _react2.jsx)(_button.ButtonGroup, null, (0, _react2.jsx)(_button.default, {
+  }, createButton(action)) : createButton(action)), (0, _react2.jsx)(_button.ButtonGroup, null, onCancel && (0, _react2.jsx)(_button.default, {
     appearance: "subtle",
     onClick: onCancel,
     testId: testIds.cancelButton,

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

@@ -305,8 +305,11 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
   var screenReaderText = (0, _userAgent.browser)().safari && (0, _utils.getScreenReaderText)(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   return (0, _react2.jsx)("form", {
     "data-testid": testIds.linkPicker,
-    css: _styled.rootContainerStyles,
-    onSubmit: handleSubmit
+    css: _styled.rootContainerStyles
+    // Use onSubmitCapture instead of onSubmit when FF enabled so that any possible parent form isn't submitted
+    ,
+    onSubmit: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.use-onsubmitcapture') ? undefined : handleSubmit,
+    onSubmitCapture: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.use-onsubmitcapture') ? handleSubmit : undefined
   }, (0, _react2.jsx)(_trackMount.TrackMount, null), screenReaderText && (0, _react2.jsx)(_announcer.Announcer, {
     ariaLive: "assertive",
     text: screenReaderText,

package/dist/es2019/ui/index.js

@@ -16,7 +16,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.32.0" || '',
+  packageVersion: "1.33.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/es2019/ui/link-picker/form-footer/index.js

@@ -84,7 +84,7 @@ export const FormFooter = /*#__PURE__*/memo(({
     css: formFooterActionStyles
   }, createFeatureDiscovery ? jsx(FeatureDiscovery, {
     testId: testIds.actionButtonDiscovery
-  }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, jsx(Button, {
+  }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
     appearance: "subtle",
     onClick: onCancel,
     testId: testIds.cancelButton,

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

@@ -305,8 +305,11 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
   const screenReaderText = browser().safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   return jsx("form", {
     "data-testid": testIds.linkPicker,
-    css: rootContainerStyles,
-    onSubmit: handleSubmit
+    css: rootContainerStyles
+    // Use onSubmitCapture instead of onSubmit when FF enabled so that any possible parent form isn't submitted
+    ,
+    onSubmit: getBooleanFF('platform.linking-platform.link-picker.use-onsubmitcapture') ? undefined : handleSubmit,
+    onSubmitCapture: getBooleanFF('platform.linking-platform.link-picker.use-onsubmitcapture') ? handleSubmit : undefined
   }, jsx(TrackMount, null), screenReaderText && jsx(Announcer, {
     ariaLive: "assertive",
     text: screenReaderText,

package/dist/esm/ui/index.js

@@ -17,7 +17,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.32.0" || '',
+  packageVersion: "1.33.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/esm/ui/link-picker/form-footer/index.js

@@ -91,7 +91,7 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
     css: formFooterActionStyles
   }, createFeatureDiscovery ? jsx(FeatureDiscovery, {
     testId: testIds.actionButtonDiscovery
-  }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, jsx(Button, {
+  }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
     appearance: "subtle",
     onClick: onCancel,
     testId: testIds.cancelButton,

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

@@ -299,8 +299,11 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
   var screenReaderText = browser().safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   return jsx("form", {
     "data-testid": testIds.linkPicker,
-    css: rootContainerStyles,
-    onSubmit: handleSubmit
+    css: rootContainerStyles
+    // Use onSubmitCapture instead of onSubmit when FF enabled so that any possible parent form isn't submitted
+    ,
+    onSubmit: getBooleanFF('platform.linking-platform.link-picker.use-onsubmitcapture') ? undefined : handleSubmit,
+    onSubmitCapture: getBooleanFF('platform.linking-platform.link-picker.use-onsubmitcapture') ? handleSubmit : undefined
   }, jsx(TrackMount, null), screenReaderText && jsx(Announcer, {
     ariaLive: "assertive",
     text: screenReaderText,

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

@@ -51,8 +51,11 @@ export interface LinkPickerProps {
      * Callback to fire on form submission.
      */
     onSubmit: (arg: OnSubmitParameter, analytic?: UIAnalyticsEvent | null) => void;
-    /** Callback to fire when the cancel button is clicked. */
-    onCancel: () => void;
+    /**
+     * Callback to fire when the cancel button is clicked.
+     * If not provided, cancel button is not displayed.
+     */
+    onCancel?: () => void;
     /** Callback to fire when content is changed inside the link picker e.g. items, when loading, tabs */
     onContentResize?: () => void;
     /** The url of the linked resource for editing. */

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

@@ -51,8 +51,11 @@ export interface LinkPickerProps {
      * Callback to fire on form submission.
      */
     onSubmit: (arg: OnSubmitParameter, analytic?: UIAnalyticsEvent | null) => void;
-    /** Callback to fire when the cancel button is clicked. */
-    onCancel: () => void;
+    /**
+     * Callback to fire when the cancel button is clicked.
+     * If not provided, cancel button is not displayed.
+     */
+    onCancel?: () => void;
     /** Callback to fire when content is changed inside the link picker e.g. items, when loading, tabs */
     onContentResize?: () => void;
     /** The url of the linked resource for editing. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.32.0",
+  "version": "1.33.0",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -19,7 +19,7 @@
       "name": "Link Picker"
     }
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
@@ -49,6 +49,9 @@
     },
     "platform.linking-platform.link-picker.enable-jira-create": {
       "type": "boolean"
+    },
+    "platform.linking-platform.link-picker.use-onsubmitcapture": {
+      "type": "boolean"
     }
   },
   "scripts": {
@@ -70,7 +73,7 @@
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/tokens": "^1.35.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -90,10 +93,10 @@
     "@af/analytics-codegen": "^0.1.0",
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/dropdown-menu": "^12.1.0",
-    "@atlaskit/link-provider": "^1.6.0",
+    "@atlaskit/dropdown-menu": "^12.2.0",
+    "@atlaskit/link-provider": "^1.7.0",
     "@atlaskit/link-test-helpers": "^6.2.0",
-    "@atlaskit/primitives": "^1.16.0",
+    "@atlaskit/primitives": "^2.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": "*",