@atlaskit/link-picker 1.5.1 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-picker
 
+## 1.6.0
+
+### Minor Changes
+
+- [`c9c0a119587`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c9c0a119587) - [ux] EDM-3881: add onContentRezise prop to allow callbacks after contents changed in items, plugin, tabs, etc.
+
 ## 1.5.1
 
 ### Patch Changes

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

@@ -102,6 +102,7 @@ function reducer(state, payload) {
 function LinkPicker(_ref) {
   var onSubmit = _ref.onSubmit,
       onCancel = _ref.onCancel,
+      onContentResize = _ref.onContentResize,
       plugins = _ref.plugins,
       initUrl = _ref.url,
       initDisplayText = _ref.displayText;
@@ -129,6 +130,11 @@ function LinkPicker(_ref) {
       isActivePlugin = _usePlugins.isActivePlugin,
       tabs = _usePlugins.tabs;
 
+  (0, _react.useLayoutEffect)(function () {
+    if (onContentResize) {
+      onContentResize();
+    }
+  }, [onContentResize, items, isLoading, isActivePlugin, tabs]);
   var handleChangeUrl = (0, _react.useCallback)(function (url) {
     dispatch({
       url: url

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.5.1",
+	"version": "1.6.0",
 	"sideEffects": false
 }

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { useCallback, useReducer } from 'react';
+import { useCallback, useLayoutEffect, useReducer } from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
 import Button, { ButtonGroup } from '@atlaskit/button';
@@ -63,6 +63,7 @@ function reducer(state, payload) {
 function LinkPicker({
   onSubmit,
   onCancel,
+  onContentResize,
   plugins,
   url: initUrl,
   displayText: initDisplayText
@@ -87,6 +88,11 @@ function LinkPicker({
     isActivePlugin,
     tabs
   } = usePlugins(state, plugins);
+  useLayoutEffect(() => {
+    if (onContentResize) {
+      onContentResize();
+    }
+  }, [onContentResize, items, isLoading, isActivePlugin, tabs]);
   const handleChangeUrl = useCallback(url => {
     dispatch({
       url

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.5.1",
+	"version": "1.6.0",
 	"sideEffects": false
 }

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

@@ -7,7 +7,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /** @jsx jsx */
-import { useCallback, useReducer } from 'react';
+import { useCallback, useLayoutEffect, useReducer } from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
 import Button, { ButtonGroup } from '@atlaskit/button';
@@ -66,6 +66,7 @@ function reducer(state, payload) {
 function LinkPicker(_ref) {
   var onSubmit = _ref.onSubmit,
       onCancel = _ref.onCancel,
+      onContentResize = _ref.onContentResize,
       plugins = _ref.plugins,
       initUrl = _ref.url,
       initDisplayText = _ref.displayText;
@@ -93,6 +94,11 @@ function LinkPicker(_ref) {
       isActivePlugin = _usePlugins.isActivePlugin,
       tabs = _usePlugins.tabs;
 
+  useLayoutEffect(function () {
+    if (onContentResize) {
+      onContentResize();
+    }
+  }, [onContentResize, items, isLoading, isActivePlugin, tabs]);
   var handleChangeUrl = useCallback(function (url) {
     dispatch({
       url: url

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.5.1",
+	"version": "1.6.0",
 	"sideEffects": false
 }

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

@@ -44,6 +44,8 @@ export interface LinkPickerProps {
     onSubmit: (arg: OnSubmitParameter) => void;
     /** Callback to fire when the cancel button is clicked. */
     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. */
     url?: string;
     /** The desired text to be displayed alternatively to the title of the linked resource for editing. */
@@ -59,5 +61,5 @@ export interface PickerState {
     invalidUrl: boolean;
     activeTab: number;
 }
-declare function LinkPicker({ onSubmit, onCancel, plugins, url: initUrl, displayText: initDisplayText, }: LinkPickerProps): jsx.JSX.Element;
+declare function LinkPicker({ onSubmit, onCancel, onContentResize, plugins, url: initUrl, displayText: initDisplayText, }: LinkPickerProps): jsx.JSX.Element;
 export default LinkPicker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -57,11 +57,12 @@
     "@atlaskit/link-test-helpers": "^1.3.0",
     "@atlaskit/popup": "^1.3.5",
     "@atlaskit/ssr": "*",
+    "@atlaskit/toggle": "^12.4.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
-    "@atlassian/link-picker-atlassian-plugin": "^15.0.0",
-    "@atlassian/link-picker-plugins": "^2.0.0",
+    "@atlassian/link-picker-atlassian-plugin": "^16.0.0",
+    "@atlassian/link-picker-plugins": "^3.0.0",
     "@atlassian/search-provider": "^2.3.0",
     "@testing-library/dom": "^7.7.3",
     "@testing-library/jest-dom": "^4.1.0",