@atlaskit/link-picker 1.35.1 → 1.36.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-picker
 
+## 1.36.0
+
+### Minor Changes
+
+- [#94307](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94307) [`bf0df557b820`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bf0df557b820) - Adding the raw data-object of selected item to the onSubmit-callback. Also fixes a small alignment issue with list items.
+
+## 1.35.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.35.1
 
 ### Patch 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.35.1" || '',
+  packageVersion: "1.36.0" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

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

@@ -161,7 +161,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     trackAttribute('linkFieldContentInputSource', null);
     handleClear('url');
   }, [trackAttribute, handleClear, isSubmitting]);
-  var handleInsert = (0, _react.useCallback)(function (url, title, inputType) {
+  var handleInsert = (0, _react.useCallback)(function (url, title, inputType, data) {
     var event = createAnalyticsEvent((0, _analytics2.default)('ui.form.submitted.linkPicker', {}));
 
     // Clone the event so that it can be emitted for consumer usage
@@ -180,7 +180,8 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
       title: title || null,
       meta: {
         inputMethod: inputType
-      }
+      },
+      data: data
     }, inputType === 'manual' ? {
       rawUrl: state.url
     } : {}), consumerEvent);
@@ -203,7 +204,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
       trackAttribute('linkFieldContent', getLinkFieldContent(_url));
       trackAttribute('linkFieldContentInputMethod', 'searchResult');
       trackAttribute('linkFieldContentInputSource', (0, _utils.getDataSource)(selectedItem, activePlugin));
-      handleInsert(_url, name, 'typeAhead');
+      handleInsert(_url, name, 'typeAhead', _objectSpread({}, selectedItem));
     }
   }, [handleInsert, trackAttribute, items, activePlugin, isSubmitting]);
   var handleSubmit = (0, _react.useCallback)(function (event) {

package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/styled.js

@@ -52,7 +52,8 @@ var composeListItemStyles = exports.composeListItemStyles = function composeList
   return (0, _react.css)(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
 };
 var itemNameStyles = exports.itemNameStyles = (0, _react.css)({
-  overflow: 'hidden'
+  overflow: 'hidden',
+  alignContent: 'center'
 });
 var listItemNameStyles = exports.listItemNameStyles = (0, _react.css)({
   color: "var(--ds-text, ".concat(_colors.N800, ")"),

package/dist/es2019/ui/index.js

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

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

@@ -162,7 +162,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     trackAttribute('linkFieldContentInputSource', null);
     handleClear('url');
   }, [trackAttribute, handleClear, isSubmitting]);
-  const handleInsert = useCallback((url, title, inputType) => {
+  const handleInsert = useCallback((url, title, inputType, data) => {
     const event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {}));
 
     // Clone the event so that it can be emitted for consumer usage
@@ -182,6 +182,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
       meta: {
         inputMethod: inputType
       },
+      data,
       ...(inputType === 'manual' ? {
         rawUrl: state.url
       } : {})
@@ -205,7 +206,9 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
       trackAttribute('linkFieldContent', getLinkFieldContent(url));
       trackAttribute('linkFieldContentInputMethod', 'searchResult');
       trackAttribute('linkFieldContentInputSource', getDataSource(selectedItem, activePlugin));
-      handleInsert(url, name, 'typeAhead');
+      handleInsert(url, name, 'typeAhead', {
+        ...selectedItem
+      });
     }
   }, [handleInsert, trackAttribute, items, activePlugin, isSubmitting]);
   const handleSubmit = useCallback(event => {

package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/styled.js

@@ -45,7 +45,8 @@ export const composeListItemStyles = (selected = false) => {
   return css(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
 };
 export const itemNameStyles = css({
-  overflow: 'hidden'
+  overflow: 'hidden',
+  alignContent: 'center'
 });
 export const listItemNameStyles = css({
   color: `var(--ds-text, ${N800})`,

package/dist/esm/ui/index.js

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

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

@@ -155,7 +155,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     trackAttribute('linkFieldContentInputSource', null);
     handleClear('url');
   }, [trackAttribute, handleClear, isSubmitting]);
-  var handleInsert = useCallback(function (url, title, inputType) {
+  var handleInsert = useCallback(function (url, title, inputType, data) {
     var event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {}));
 
     // Clone the event so that it can be emitted for consumer usage
@@ -174,7 +174,8 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
       title: title || null,
       meta: {
         inputMethod: inputType
-      }
+      },
+      data: data
     }, inputType === 'manual' ? {
       rawUrl: state.url
     } : {}), consumerEvent);
@@ -197,7 +198,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
       trackAttribute('linkFieldContent', getLinkFieldContent(_url));
       trackAttribute('linkFieldContentInputMethod', 'searchResult');
       trackAttribute('linkFieldContentInputSource', getDataSource(selectedItem, activePlugin));
-      handleInsert(_url, name, 'typeAhead');
+      handleInsert(_url, name, 'typeAhead', _objectSpread({}, selectedItem));
     }
   }, [handleInsert, trackAttribute, items, activePlugin, isSubmitting]);
   var handleSubmit = useCallback(function (event) {

package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/styled.js

@@ -46,7 +46,8 @@ export var composeListItemStyles = function composeListItemStyles() {
   return css(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
 };
 export var itemNameStyles = css({
-  overflow: 'hidden'
+  overflow: 'hidden',
+  alignContent: 'center'
 });
 export var listItemNameStyles = css({
   color: "var(--ds-text, ".concat(N800, ")"),

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

@@ -45,6 +45,8 @@ interface OnSubmitParameter {
      * { url: 'https://google.com', rawUrl: 'google.com' }
      */
     rawUrl?: string;
+    /** Raw object from the selected resource */
+    data?: Record<string, unknown>;
 }
 export interface LinkPickerProps {
     /**

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

@@ -45,6 +45,8 @@ interface OnSubmitParameter {
      * { url: 'https://google.com', rawUrl: 'google.com' }
      */
     rawUrl?: string;
+    /** Raw object from the selected resource */
+    data?: Record<string, unknown>;
 }
 export interface LinkPickerProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.35.1",
+  "version": "1.36.0",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -71,7 +71,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/primitives": "^5.6.0",
     "@atlaskit/spinner": "^16.0.0",
-    "@atlaskit/tabs": "^15.0.0",
+    "@atlaskit/tabs": "^16.0.0",
     "@atlaskit/textfield": "^6.1.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/tokens": "^1.43.0",